- 博客(6)
- 收藏
- 关注
RSS订阅原创 手写一个简易版的webpack
具体的实现步骤获取模块内容分析模块内容（安装@babel/parser包）对模块内容处理递归所有模块生成最终代码1.获取模块内容2.分析模块内容（安装@babel/parser包） babel/parser帮助我们把代码生成一个js对象3.对模块内容处理 安装@babel/traverse包（遍历AST）
2020-07-04 13:17:53
147
原创 手写JS系列（二）
1.手写二分查找//假设一个数组已经排好序了，现在要在数组里找一个数flag的位置。//首先先找到长度中间位置，通过与中间位置的数比较，比中间值大在右边找，//比中间值小在左边找。然后再在两边各自寻找中间值，持续进行，直到找到全部位置。function binarySearch(arr,flag){ let h=arr.length-1; let l=0; while(l<=h){ let m=Math.floor((h+l)/2); i
2020-07-04 12:53:57
126
原创 手写JS系列（一）
手写new//使用new时:1内部生成一个obj 2.obj的__proto__指向原型对象 3.obj绑定this //返回一个新对象(如果func没有返回对象则返回obj，如果func返回了对象就返回此对象)function myNew(func,...args){ let obj={} obj.__proto__=func.prototype let result=func.apply(obj,args) return result instanceof Obje
2020-06-19 19:49:02
249
1
原创 深入理解虚拟DOM以及diff算法
1.什么是虚拟DOM 用JS来模拟DOM结构，将DOM的变化放在JS层来做。换而言之，vdom就是JS对象2.基本过程用 JS 对象模拟 DOM 树比较两颗虚拟DOM树的差异–diff算法将两个虚拟DOM对象的差异应用到真正的DOM树3.虚拟DOM真的能提升性能吗？ 使用虚拟 DOM，在DOM 阶段操作少了通讯的确是变高效了，但代价是在 JS 阶段需要完成额外的工作（diff计算），这项额外的工作是需要耗时的！ 虚拟DOM并不是说比原生DOM API的操作快，而是说不管数据怎么变化
2020-06-18 16:57:41
226
1
原创 原型对象、原型链
原型对象构造函数定义方法时会造成浪费内存的问题，我们可以把那些不变的方法直接定义在prototype对象上，这样所有对象的实例就可以共享这些方法。在JavaScript中，每当定义一个函数数据类型(普通函数、类)时候，都会天生自带一个prototype属性，这个属性指向函数的原型对象。注意prototype就是一个对象对象都会有一个属性 proto 指向构造函数的 prototype 原型对象，之所以我们对象可以使用构造函数 prototype 原型对象的属性和方法，就是因为对象有 proto 原型的
2020-06-12 20:06:16
113
原创 CSS里面元素的水平居中、垂直居中、水平垂直居中方案
水平居中行内元素首先看它的父元素是不是块级元素，如果是，则直接给父元素设置 text-align: center; 如果不是，则先将其父元素设置为块级元素，再给父元素设置 text-align: center块级元素定宽需要谁居中，给其设置 margin: 0 auto; （作用：使盒子自己居中）首先设置父元素为相对定位，再设置子元素为绝对定位，设置子元素的left:50%，即让子元素的左上角水平居中；设置绝对子元素的 margin-left: -元素宽度的一半px; 或者设置transfor
2020-06-02 18:44:29
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人