- 博客(51)
- 收藏
- 关注
RSS订阅翻译 2021-07-14
es6 class 中constructor和super1.JavaScript语言的传统方法是通过构造函数，定义并生成新对象function Parent(name) { this.name = name}Parent.prototype.sayHi = function () { console.log('hi, ' + this.name)}基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像
2021-07-14 16:26:31
82
原创 2021-07-08
git cherry-pick一、基本用法git cherry-pick <commitHash> // 将指定的提交迁移到当前分支二、转移多个提交git cherry-pick <commitHashA> <commitHashB>git cherry-pick A..B // 转移从A到B的所有提交（不包含A，且A必须早于B提交）git cherry-pick A^..B //转移从A到B的所有提交（包含A）三、代码如果操作过程中发生代码冲突1.解
2021-07-08 17:21:20
115
原创 2021-07-08
react Error: must set key for children在使用antd-design中的select的组件时候,报了这样的一个错误:Error: must set key for <rc-animate> children经排查原因是：我在select中设置了mode = 'multiple',后端返回的select的值为[''],便报了这样的错误了.解决文案：修改正确的value值如[]...
2021-07-08 16:51:15
138
原创 2021-07-08
git基于远端分支创建本地分支1.基于远端分支创建同名本地分支并建立跟踪git checkout --track origin/branch_name本地将会创建一个新分支branch_name，会自动跟踪远程的同名分支2.基于远端分支创建本地分支，自定义本地分支名，会自动跟踪远程分支git checkout -b new_branch_name origin/branch_name//或者git checkout -b new_branch_name branch_name3.在远程创
2021-07-08 16:47:03
60
原创 element-ui使用报错 TypeError: dateObject.getTime is not a function
今天在使用element-ui的表单验证的时候，出现了以下报错：源代码：<el-form-item :label="arr[2]" prop="user_birthday"> <el-date-picker id="bir" type="date" placeholder="选择日期" v-model="ruleForm.user_birthday"...
2020-05-02 21:10:57
675
原创 在vscode终端输入cnpm run dev 报错 cnpm : 无法加载文件 D:\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。
在vscode终端输入cnm run dev 报错cnpm : 无法加载文件 D:\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink解决办法：（1）以管理员身份运行vs code（2）在终端执行：get-ExecutionPolicy，显示Restric...
2020-04-20 22:03:59
1500
原创 el-backtop的使用
官网代码不起作用还会报错 <el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop>改为 <el-backtop></el-backtop>
2020-04-10 20:32:41
2156
1
原创 vue路由切换之后想要页面滚到顶部
使用前端路由，当切换到新路由时，想要页面滚到顶部对于所有路由导航，简单地让页面滚动到顶部。const router = new VueRouter({ routes: [...],scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 }}})...
2020-04-09 16:45:53
332
原创 vue如何引入jquery
1.安装依赖npm install jquery --save2.在webpack.base.conf.js顶部添加const webpack=require('webpack')3.在module.exports的里面最后添加 plugins:[ new webpack.ProvidePlugin({ $:'jquery', jQuery:"jqu...
2020-04-08 11:03:03
168
原创 创建一个项目npm run dev 出现错误时
我创建了一个项目npm run dev 时出现了这个错误原因eslint是一个语法检查工具，限制很严格，多个空格也会导致错误解决办法打开config里面的index.js找到useEslint: true,改为useEslint: false,重新输入npm run dev运行程序问题解决...
2019-11-23 20:40:33
231
原创 解决主页图片加载慢的方法
1、懒加载不用一次请求所有的图片，可以先请求几张，等滚轮到达底部的时候再利用js去请求其他的图片2、图片压缩我们可以借助一些第三方软件来进行压缩,比如https://tinypng.com/,压缩后分辨率不变,肉眼看不失真3、CDN ：又叫 内容分发网络，就是可以让每个地区的人访问一个就近的网络节点，这个节点就叫做 CDN 节点。1.如果该CDN节点上没有你想要的数据，那么该节点就会从...
2019-09-18 23:27:36
1587
原创 深拷贝
function clone(obj){ if(typeof obj!="object"){ return obj }else{ if(obj==null){ return obj }else{ var newObj=Array.i...
2019-09-18 23:18:44
74
原创 封装bind
bind作用：改变this指向，返回一个函数；调用这个方法之后，让this指向传入的第一个参数，并不会直接执行函数只是改变this指向，需要手动调用执行call和apply是改变this指向后直接自动执行函数无参数Function.prototype.bind1=function(obj){ var that=this; return function(){ ...
2019-09-18 21:32:23
136
原创 父子元素margin塌陷和兄弟盒子外边距重叠
外边距重叠（margin-collapse）：相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距，折叠结果遵循下列计算规则：两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值两个外边距一正一负时，折叠结果是两者的相加的和...
2019-09-03 23:54:29
978
原创 浮动和清除浮动
浮动：元素脱离文档向浮动方向浮动，遇到父级边界或者相邻浮动元素停住，float：left/right/none（默认值）由于子元素脱离文档流，结果会使父元素高度崩塌，解决浮动元素脱离文档流不占位的方法（清除浮动）：1.给父元素设置高2.给父元素overflow:hidden/scroll/auto3.在浮动元素的最后设置空标签的样式style=“clear:both”4.利用css...
2019-09-03 23:51:22
77
原创 元素的种类，文本标签和样式
元素的种类1.区块元素每个元素单独占据一行不设置宽高时，宽是父元素的宽，高是0，有内容时高由内容撑开不解析换行符支持所有样式常见的区块元素：div（盒子）、ul（无序列表）、ol（有序列表）、dl（定义列表）、li（列表的项）、p（段落）、h1~h6（网页中的标题，从大到小）、table（表格）、form（表单）、pre（源代码）、hr（分割线）2.内联元素在一行有空间时可...
2019-09-03 23:48:51
237
原创 CSS Sprites（雪碧图）
CSS Sprites1.简介CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。2.优点（1）CSS Sprites能...
2019-09-03 23:35:15
94
原创 判断数据类型方法封装
function type(target){ var ret=typeof(target); if(ret=="object"){ var str=Object.prototype.toString.call(target); return str; } else{ ...
2019-09-03 23:33:16
176
原创 for in 和 for of
for in循环的是key,可以遍历自定义属性for of循环得到value，for of不能遍历普通对象，不会遍历自定义属性的值，遍历的是iterable类型（Array,Map,Set），如果非要使用for of遍历普通对象可以搭配Object.keys()遍历，遍历得到key var arr=[1,2,3,4]; var obj={ "a":1, ...
2019-08-28 15:13:36
80
原创 函数节流和防抖
函数节流原理对于连续触发的事件，我们通过设置一个定时器，让其在过了特定时间t1后触发，如果在t1时间内再次触发了该事件，则清除上一次计时器，重新计时，等待新计时时间的到来函数防抖原理函数防抖是在函数节流的基础上，每隔固定的时间，不管定时器触发没触发，都会执行一遍自定义函数。总结函数防抖的合理应用能够帮助我们充分节省cpu，内存等资源，同时又通过一定的时延间隔去执行自定义函数，在一些频...
2019-08-28 15:10:27
69
原创 vue解决跨域
目的：使用vue-cli搭建的项目在开发时配置跨域，上线后不做任何任何修改，接口也可以访问1.开发环境设置跨域使用工具：vue-cli自带的配置在config > index.js 文件中的proxyTable里边添加’/api’配置后台接口：http://47.102.123.133:8080/infintyshopproxyTable: { '/api': ...
2019-08-20 23:58:22
115
原创 TCP和UDP的区别
TCP 是面向连接的，UDP 是面向无连接的UDP程序结构较简单TCP 是面向字节流的，UDP 是基于数据报的TCP 保证数据正确性，UDP 可能丢包TCP 保证数据顺序，UDP 不保证...
2019-08-20 02:30:11
70
原创 http响应状态码大全
http响应状态码大全http状态返回代码 1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。http状态返回代码 2xx （成功）表示成功处理了请求的状态代码。200 （成功） ...
2019-08-20 02:28:44
245
原创 new方式调用构造函数的步骤
1.创建一个新对象。2.将构造函数的作用域赋给新对象（this指向这个新对象）3.执行构造函数中的代码（为这个新对象添加属性）4.返回新对象
2019-08-20 02:26:38
1306
原创 继承
原型链继承：缺点：1、因为来自原型对象的引用属性是所有实例共享的；2、创建子类实例时，无法向父类构造函数传参借用构造函数：优点：1、解决了子类实例共享父类引用属性的问题；2、创建子类实例时，可以向父类构造函数传参缺点：无法实现函数复用，每个子类实例都持有一个新的fun函数，太多了就会影响性能。组合继承（最常用）：优点：1、不存在引用属性共享问题；2、可传参；3、函数可复...
2019-08-20 02:21:24
109
原创 数组的forEach和map方法
1.数组的forEach方法：对数组的每一项调用传入的函数方法，无返回值，本质上与使用for循环迭代数组一样2.数组的map方法：对数组的每一项调用传入的函数方法，返回一个新的数组，对原数组没有任何影响...
2019-08-20 02:19:48
188
原创 输入url之后的事
输入url之后的事DNS查询TCP连接HTTP请求及响应服务器响应浏览器渲染浏览器渲染的过程：1.浏览器拿到HTML代码2.开始解析html文档，从上到下，边解析，边生成DOM树。3.当遇到css样式或者css外部样式文件，此时浏览器先向服务器发送请求，下载css文件，边下载边继续解析html，下载css完后生成CSSOM树。（加载图片资源时，不必等图片加载完毕，边加载边继续...
2019-08-20 02:16:42
75
转载 HTTP和HTTPS的区别
背景：超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。 为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS，为了数据传...
2019-08-16 19:24:43
52
原创 完整的导航解析流程
1.导航被触发。2.在失活的组件里调用离开守卫。beforeRouteLeave3.调用全局的 beforeEach 守卫。4.在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。5.在路由配置里调用 beforeEnter。6.解析异步路由组件。7.在被激活的组件里调用 beforeRouteEnter。8.调用全局的 beforeResolve 守卫 (2...
2019-08-15 16:09:07
1044
原创 路由重定向和别名
重定向:redirect重定向”的意思是，当用户访问/a时，URL将会被/b替换，然后匹配路由为/b重定向的目标也可以是一个命名的路由：甚至是一个方法，动态返回重定向目标：别名:alias/a的别名是/b，意味着，当用户访问/b时，URL会保持为/b，但是路由匹配则为/a，就像用户访问/a一样。“别名”的功能让你可以自由地将UI结构映射到任意的URL（自定义url），而不是受限...
2019-08-15 15:52:25
544
原创 vue路由导航
1.导航方式2.router.push的参数可以是一个字符串路径，或者一个描述地址的对象。例如：3.注意：如果提供了 path，params 会被忽略，上述例子中的 query 并不属于这种情况。取而代之的是下面例子的做法，你需要提供路由的 name 或手写完整的带有参数的 path：4.router.replace跟 router.push 很像，唯一的不同就是，它不会向...
2019-08-11 20:16:50
297
原创 页面html介绍
前端页面的三层结构结构层：由HTML构成，定义页面的内容，解决“页面内容是什么”的问题表现层：由css创建，解决了“页面内容如何显示”的问题行为层：由脚本创建，解决了“内容如何对事件作出反应”的问题页面三元素html：表示这是一个HTML 文档，是页面的根元素head：文档的头部，头信息标签body：文档的主体，可视区内容标签选择器通配选择器：（*）获取所有子元素类型...
2019-08-04 22:51:38
1014
原创 Canvas 和 SVG
Canvas 和 SVG 都允许在浏览器中创建图形，但是它们在根本上是不同的。SVGSVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。CanvasCanv...
2019-08-04 22:46:23
62
原创 作用域
域：空间、范围、区域。如：js必须放在script里，css放在style里，它的作用就是（在一个范围内）读和写浏览器有读js的解析器，当进入script标签后：第1步–预解析：找到全局的var和function（变量提升），先检查function函数名和内容并储存，当发现重名时，后面的函数覆盖前面的函数；再检查var变量的值并设置undefind，但是发现重名时会自动跳过（包括变量名与函...
2019-08-03 22:58:32
170
原创 前端常用的输出方式
前端常用的输出方式document.write("hello world"); // //获得文档窗口并在其中写入"Hello, world!"alert("hello world"); //弹出一个确认框，里面显示"hello world"console.log("hello world"); //在控制台打印"hello world"换行方法 document.write...
2019-08-03 21:09:11
3276
原创 数字类型
1.Number()方法，如var s = "100";alert（Number（s）+100）; //200注意：Number()会尽可能的将传入的值整体转换成数字。其转换规则为：字符串的""（空）和" "（空格）都会转换成0 布尔值的true和false会变成1和0 空对象null会变成0非空字符串、函数、json、undefined（未定义）和其他对象会变成NaN（not a...
2019-08-03 20:31:06
161
原创 数据类型转换的注意事项
1.不要用new Number()/Boolean()/String()等构造函数实例化的方式去创建包装对象，因为这样创建出来的是object类型2.判断Array使用Array.isArray(arr)3.判断null请使用myVar === null4.number对象（非变量）调用toString()报SyntaxError：123.toString(); // 报SyntaxErr...
2019-08-03 20:20:06
159
原创 JSON和对象操作
json的语法： var json = {"name" : "cromwell", "age" : 50};“:“前面是属性名，后面是数据格式（可以是任何格式），用json.name即可输出该属性的值。注意：定义的属性名称在严格模式下必须使用””；json[]调用数据的时候和对象的属性写法相同即：json["name"]; //获取json属性name的值json.name ...
2019-08-03 19:26:44
453
原创 相等操作符遵循的规则
****在转换不同的数据类型时，相等操作符和不相等操作符遵循下列基本规则：1.如果有一个操作数是布尔值，在比较相等性之前先将其转换为数值；2.如果一个操作数值字符串另一个操作数是数值，在比较相等性之前先将字符串转换为数值；3.如果一个操作数是对象另一个操作数不是，则调用操作数的valueof()方法，用得到的基本类型值按照前面的规则进行比较；4.这两个操作符在比较时遵循下列规则：null...
2019-08-03 16:01:48
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人