- 博客(14)
- 收藏
- 关注
RSS订阅原创 正则匹配中文
正则匹配中文正则表达式中\w不能匹配中文，\w等价于[A-Za-z0-9_]，当需要匹配中文时需要用到[\u4e00-\u9fa5]来进行匹配：/[\u4e00-\u9fa5]+/.test('我们')// true/[\u4e00-\u9fa5]+/.test('abc_123')// false/\w+/.test('我们')// false/\w+/.test('abc...
2019-03-26 16:35:44
1114
原创 圣杯布局和双飞翼布局
圣杯布局和双飞翼布局圣杯布局和双飞翼布局均是上中下结构，其中，中间部分又分为左中右三部分，左右两侧宽度固定，中间部分宽度自适应；上中下的结构比较简单，使用三个div就可以实现，中间部分的左右两侧内容宽度固定，中间内容宽度自适应，实现起来就比较有技巧性，具体如下：1、圣杯布局：圣杯布局的html结构：<div class="container"> <div clas...
2019-03-21 16:50:15
264
原创 input元素的oninput事件和onchange事件
input元素的oninput事件和onchange事件1、input元素上绑定事件的三种方式：第一种：直接在元素标签上添加oninput属性，属性值为处理事件函数的调用<input type="text" id="input" oninput="handleInput()"></input>function handleInput() { // 处理事件代码...
2019-03-20 23:43:47
20761
1
原创 el-table表格头部内容自定义
el-table表格头部内容自定义在使用element UI中的表格组件进行开发时，表格头部的内容是通过设置<el-table-column>组件的label属性进行赋值，使用label属性的话，表格头部只能展示一些静态内容；今天接到一个需求，要求表格头部的内容在鼠标hover上去的时候提示信息，通过label属性设置表格头部内容就无法满足我们的需求，这时候就需要对表格头部的内容进行...
2019-03-20 19:55:00
6836
1
原创 git合并分支
git合并分支关于git合并分支，最常用的是使用git merge &lt;branchName&gt;命令，不过今天学到了一个新技能那就是使用git rebase &lt;branchName&gt;进行分支合并，它有什么好处呢？它与git merge的区别又是啥呢？git rebase的优点：1、不同分支上的代码提交记录是不一样的，使用git rebase合并分支后，它可以生成一个更简洁...
2019-03-18 09:53:27
1904
1
原创 与函数柯里化相关的一道面试题
与函数柯里化相关的一道面试题曾经遇到过的一道面试题，写一个sum函数，满足以下条件：sum(1)(2)(3).valueOf() // 6sum(1, 2)(3)(4).valueOf() //10sum(1, 2, 3)(4, 5)(6, 7).valueOf() // 23sum(1)(2, 3, 4)(5).valueOf() // 15当时第一眼看上去这是函数柯里化的知识点，...
2019-03-16 10:11:29
753
原创 javascript中的函数柯里化
javascript中的函数柯里化函数柯里化是将接受多个参数的函数转换成可以接受一个参数的函数，且转换后的函数能够处理剩余参数并返回执行结果。参考文献：[1] 前端基础进阶（八）：深入详解函数的柯里化...
2019-03-16 00:09:55
321
原创 promise到底是在resolve时被推入微任务队列还是在then的时候呢？
promise到底是在resolve时被推入微任务队列还是在then的时候呢？今天在看async/await、promise等执行顺序时，一时被promise在什么时候被推出微任务队列搞得有点晕，是在执行resolve时还说执行then时？为了搞清楚这个问题，于是想了如下执行代码来验证：console.log('script start')Promise.resolve('resolve')...
2019-03-15 19:47:21
6478
1
原创 关于浏览器渲染机制的总结
关于浏览器渲染机制的总结1、浏览器渲染机制的过程是什么样的？解析HTML生成DOM树解析CSS生成样式树DOM树与样式树结合生成渲染树根据渲染树来布局，计算每个节点的位置调用GPU绘制，最后显示在屏幕上2、为什么将script标签引入的js代码放在body下方？浏览器在解析HTML代码时，遇到script标签，会暂停DOM树的构建。为了提高用户体验，浏览器在加载页面时，会先将已...
2019-03-09 23:23:01
224
原创 javascript实现快速排序
javascript实现快速排序快速排序一般是在数组中先找一个基准元素，将数组中剩余的元素依次与基准元素进行对比，比基本元素小的放一个新数组，同样地，比基准元素大的放一个新数组，然后分别对新数组重复进行上述操作，直到新数组的元素只剩一个，此时便完成了排序。实现代码：function quickSort(arr){ // 由于使用Math.floor()向下取整方法获取基准元素索引，会出现a...
2019-03-09 17:58:14
246
原创 javascript实现插入排序
javascript实现插入排序插入排序是将数组分成两部分，一部分是排好序的，另一部分是待排序的，依次将待排序的元素取出来与排好序的部分一一对比，直到找到适合该元素的位置并添加进去。一般默认数组左侧第一个元素是排好序的，然后从第二元素开始遍历，分别左侧排好序的部分对比进行插入。实现代码：function insertSort(arr){ // 数组长度为1，直接返回原数组 if(arr....
2019-03-09 17:30:11
719
原创 模拟bind方法实现过程
模拟bind方法实现过程bind方法的特点：必须是函数才能调用bind方法调用bind方法后返回一个可调用的函数调用bind方法时可以传入多个参数，一般第一个参数用于改变调用函数的this指向，剩余参数用于传给调用bind的函数调用bind方法时，第一个参数为空或者null时，调用函数中的this指向window调用bind方法后生成的函数在调用执行时可以传参，且参...
2019-03-09 17:01:04
325
原创 为什么[] instanceof Function为false ？
为什么[] instanceof Function为false ？instanceof是用来判断左边对象的原型链上是否存在右边对象的原型[]的原型链：[].__proto__ === Array.prototypeArray.prototype.__proto__ === Object.prototypeObject.prototype.__proto__ === null从上面原型...
2019-03-04 22:39:44
1066
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人