javascript
南风花海
坚持是神,加油,少年!
展开
-
Error: EPERM: operation not permitted, mkdir ‘C:\Program Files\node_modules\typescript_tmp‘
运行就能完成下载安装npm之后的操作。打开cmd的命令终端,导致无法下载。在搜索栏里 cmd 即可查找到命令。原创 2022-09-16 14:59:46 · 730 阅读 · 0 评论 -
深拷贝和浅拷贝的简单理解
深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体,而不是引用。假设B复制了A,修改A的时候,看B是否发生变化: 如果B跟着也变了,说明是浅拷贝,拿人手短!(修改堆内存中的同一个值) 如果B没有改变,说明是深拷贝,自食其力!(修改堆内存中的不同的值)浅拷贝(shallowCopy)只是增加了一个指针指向已存在的内存地址,深拷贝(deepCopy)是增加了一个指针并且申请了一个新的内存,使这个增加的指针指向这个新的内存,...原创 2022-02-28 17:02:54 · 169 阅读 · 0 评论 -
JavaScript中的指数操作符
// ECMAScript 7 新增了指数操作符,Math.pow() 现在有了自己的操作符 **,结果是一样的var num = Math.pow(3,2);console.log('3的平方等于'+num);//9console.log(4 ** 2);//16//不仅如此,指数操作符也有自己的指数赋值操作符 **=,该操作符执行指数运算和结果的赋值操作:let squared = 3;squared **= 2;console.log('squared='+squared);//9.原创 2021-12-29 18:43:31 · 2505 阅读 · 0 评论 -
js中右上三角九九乘法表for循环
for (var i = 1; i <=9; i++) { var str=''; for(var j=9;j>=1;j--){ if(i>=j){ str+=j+'x'+i+'='+i*j+' '; //空一格 if(i*j<10){ str+=' ' //空一格 } } else{ str+=' ' //空7格 } } console.log(str);}原创 2021-12-15 21:42:58 · 967 阅读 · 0 评论 -
分别找出每个数组中的最大值,将它们组成一个新的数组输出
/* * @Author: [jsh] * @Date: 2021-11-16 09:09:36 * @LastEditors: [jsh] * @LastEditTime: 2021-11-16 09:30:37 * @Description: */// js面试题function fnArr(arr){ var newArr=[] arr.forEach((item,index) => { newArr.push(Math.max(....原创 2021-11-16 09:34:44 · 890 阅读 · 2 评论 -
script标签为什么建议放在body标签的底部
因为浏览器在渲染HTML的时候是从上到下依次执行,遇到script标签则会停止DOM树的渲染,优先下载js文件,如果文件很大,则导致页面加载时间过长,影响用户体验原创 2021-11-12 09:24:11 · 799 阅读 · 0 评论 -
JS中数据类型的判断方法
目录1、typeof2、instanceof3、constructor4.Object.prototype.toString.call()1、typeof使用typeof可以判断基本数据类型,在使用typeof判断引用数据类型时除了判断function时返回function类型,其他引用类型返回的都是object。并且返回的数据类型是字符串形式的小写使用方法:typeof a返回格式为:string2、instanceof使用instanceof可以判断已知的引原创 2021-10-18 16:39:18 · 255 阅读 · 0 评论 -
Vue中路由嵌套的使用
实际生活中的应用界面,通常由多层嵌套的组件组合而成。同样地,URL 中各段动态路径也按某种结构对应嵌套的各层组件 。我们以品字布局为例讲解:<!-- * @Author: [jsh] * @Date: 2021-10-13 16:04:57 * @LastEditors: [jsh] * @LastEditTime: 2021-10-14 11:20:06 * @Description: --><!DOCTYPE html><html lang=..原创 2021-10-14 12:18:13 · 235 阅读 · 0 评论 -
前端web的一些面试提问
1.Js严格模式区别3.清除浮动2.移动端与pc端的4.position属性5.事件冒泡,如何阻止事件冒泡6.Vue2和vue37.Vue打包8.Vue组件之间如何传值 组件通信 父--子 子--父 兄弟-兄弟9.Vant的下拉刷新的原理---10.v-if、v-show有什么区别 vue11.Ajax跨域问题 不同url 不同端口 不同协议 12.为什么要用闭包 --13.Css优先级 -- 14.Css长度单位有哪些 15.Js数据类型 16.基本数据类型和引用数据类.原创 2021-10-11 11:04:00 · 163 阅读 · 0 评论 -
JavaScript中BFC的使用
BFC(Blockformattingcontext)直译为块级格式化上下文,把BFC理解成一块独立的渲染区域,BFC看成是元素的一种属性,当元素拥有了BFC属性后,这个元素就可以看做成隔离了的独立容器。容器内的元素不会影响容器外的元素。BFC属于普通流把BFC理解成一块独立的渲染区域,BFC看成是元素的一种属性,当元素拥有了BFC属性后,这个元素就可以看做成隔离了的独立容器。###如何触发BFC,如何为元素添加BFC这个属性呢1.根元素(&...原创 2021-09-28 17:18:45 · 1506 阅读 · 0 评论 -
ES6中函数和集合的用法
目录1、函数的参数2、箭头函数3.箭头函数的this指向使用4、Iterator迭代器5、Set集合6、Map集合1、函数的参数/* * @Author: [jsh] * @Date: 2021-09-27 09:06:58 * @LastEditors: [jsh] * @LastEditTime: 2021-09-27 17:26:05 * @Description: */let myFun=function(a,b,c){ cons...原创 2021-09-27 20:16:36 · 153 阅读 · 0 评论 -
JS中数组去重的5种经典方法
目录一、两个for循环去重二、利用indexof去重三、利用includes去重四、利用filter去重五、利用拓展运算符...一、两个for循环去重/* * @Author: [jsh] * @Date: 2021-09-27 14:35:29 * @LastEditors: [jsh] * @LastEditTime: 2021-09-27 17:05:23 * @Description: */// 两个for循环去重// arr.splice方法.原创 2021-09-27 17:12:32 · 295 阅读 · 0 评论 -
Ajax中get和post的请求形式
一、get无参<!-- * @Author: [jsh] * @Date: 2021-09-26 16:14:54 * @LastEditors: [jsh] * @LastEditTime: 2021-09-26 16:43:33 * @Description: --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta原创 2021-09-26 17:13:53 · 174 阅读 · 0 评论 -
VScode中如何使用git命令将vue项目上传到git仓库
git initgit statusgit add *git statusgit add *git commit -m '第一次提交'git remote add origin 你自己建的git仓库地址 //注意第一次需要这行命令,之后上传不需要git push origin master...原创 2021-09-19 23:12:07 · 544 阅读 · 0 评论 -
Vue的基础知识
Vue3 模板语法Vue 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。插值文本数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值:<!DOCTYPE html><html><head&g原创 2021-09-19 21:47:40 · 207 阅读 · 0 评论 -
Canvas径向渐变绘制同心圆
<!-- * @Author: your name * @Date: 2021-09-16 09:13:00 * @LastEditTime: 2021-09-16 19:51:45 * @LastEditors: [jsh] * @Description: In User Settings Edit * @FilePath: \JavaScript\Canvas-day01\8-线性渐变.html--><!DOCTYPE html><html lang=".原创 2021-09-16 19:54:32 · 477 阅读 · 0 评论 -
画布(Canvas)实现颜色渐变
<!-- * @Author: your name * @Date: 2021-09-16 09:13:00 * @LastEditTime: 2021-09-16 19:37:50 * @LastEditors: [jsh] * @Description: In User Settings Edit * @FilePath: \JavaScript\Canvas-day01\8-线性渐变.html--><!DOCTYPE html><html lang=".原创 2021-09-16 19:42:45 · 939 阅读 · 0 评论 -
jQuery的基础学习
目录jQuery语法文档就绪事件jQuery选择器元素选择器#id 选择器.class 选择器jQuery 事件jQuery 效果jQuery 隐藏/显示jQuery 淡入淡出jQuery 滑动、jQuery 动画jQuery CallbackjQuery HTMLjQuery 捕获jQuery 设置jQuery 添加/删除 元素jQuery语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语原创 2021-09-10 17:29:26 · 548 阅读 · 1 评论 -
js中this的指向调用的理解
/**@Author:jiangshuihua*@Date:2021-09-0311:25:48*@LastEditTime:2021-09-0317:28:20*@LastEditors:PleasesetLastEditors*@Description:InUserSettingsEdit*@FilePath:\ES5-day10\this.js*/x=0;//注意:在node环境中不能再前面声明变量var,否则g...原创 2021-09-03 17:32:14 · 69 阅读 · 1 评论 -
js中在node环境中用this指向global时全局变量的正确声明
自己遇到的bug,希望对你们有帮助//varname='zs';name='zs';//node环境中,不能用var声明,不然不能挂载(保存)在global中varfoo=function(){varname='ls';console.log(this.name);}varobj={name:"terry",foo}foo();//全局变量zsobj.foo();//对象变量terryconsole....原创 2021-09-02 17:24:26 · 363 阅读 · 1 评论 -
js中数组的升序排列如何执行
//用sort方法进行数组排序vararr=[1,2,3,6,10,5];//sort要以一个比较函数作为参数console.log(arr.sort(function(a,b){returna-b; //[1,2,3,5,6,10] 注意:记住a-b就是升序即可}));//[1,2,3,5,6,10]console.log(arr.sort(function(a,b)...原创 2021-08-31 17:05:07 · 1260 阅读 · 0 评论 -
js中如何求数组中的最大差值
Array.prototype.outputMaxPrice=functionoutputMaxPrice(array){/*求一组数中最大值和最小值直接使用内置对象函数Math中的min()和max()方法即可。注意,apply方法的第二个参数必须是一个数组,第二个参数用来替换原函数的参数apply用于更改this指向,但这道题我们是不需要的,赋值null即可,我们只需要将math.max及math.min应用到数组上即可*/ con...原创 2021-08-31 16:41:39 · 1073 阅读 · 0 评论 -
全局变量与函数中局部变量的区分
1.function print(){ a=10; //全局变量 如果是var a=10;就是函数的局部变量 console.log(a);}var a=1;print();//102.function print(){ var a=10; //局部变量 console.log(a);}var a=1;print();//1原创 2021-08-27 17:14:31 · 155 阅读 · 0 评论 -
js中函数定义的两种方法及函数提升
function 函数名(形参/无){ }; //函数变量名的提升 有优先级var 变量名称=function(){ };//函数变量名的提升console.log(print);//[Function print]print();console.log(foo);//undefined//foo(); error!function print(){console.log('print');}var foo=function(){console.log('foo');}只能用func.原创 2021-08-26 20:22:52 · 166 阅读 · 1 评论 -
javascript中参数的详细理解
//形参、实参functionadd(v1,v2){console.log(v1,v2);console.log(add.length);console.log('内部变量',arguments);//形参的个数:函数名称.length//实参的个数:arguments.lengthconsole.log('arguments不被枚举到的值',arguments.length,arguments.callee);//[...原创 2021-08-26 19:38:11 · 327 阅读 · 0 评论 -
用js编写九九乘法表(正反)
//for循环for(var i = 1; i <= 9; i++){ var str = ''; //空字符串 for(var j = 1; j<= i; j++){ if(i >= j){ str += j + '*' + i + '=' + i*j + ' '; if(i*j<10){ str +=' '; ...原创 2021-08-25 20:01:27 · 366 阅读 · 4 评论 -
javascript第一章整理(思维导图)
原创 2021-08-23 20:24:58 · 217 阅读 · 0 评论 -
javascript的整理
1.什么是javascript javascript是一门编程语言,允许用户在浏览器页面完成复杂得事情。 2.javascript产生目的 为了处理表单中用户填写一些无效信息而给后台服务器产生的压力3.javascript组成 核心ECMAScript dom bom4.前端三要素三剑客 html --木偶得各个部位 轮廓素颜 css--木偶的衣服 化妆 js -- 控制木偶动起来 5.javascript特点 1.客户端代码,在客户...原创 2021-08-23 17:02:06 · 180 阅读 · 0 评论