×
028-86922220

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

一些前端基础知识整理

这篇文章主要讲解了“一些前端基础知识整理”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“一些前端基础知识整理”吧！

创新互联专注于企业营销型网站建设、网站重做改版、琼结网站定制设计、自适应品牌网站建设、H5页面制作、购物商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为琼结等各大城市提供网站开发制作服务。

Call, bind, apply实现

// call Function.prototype.myCall = function (context) {   context = context ? Object(context) : window    context.fn = this;    let args = [...arguments].slice(1);   const result = context.fn(...args);   delete context.fn;   return result; }  // apply Function.prototype.myApply = function (context) {   context = context ? Object(context) : window;   context.fn = this;    let args = [...arguments][1];   let result;   if (args.length === 0) {       result = context.fn();   } else {       result = context.fn(args);   }   delete context.fn;   return result; }  // bind Function.prototype.myBind = function (context) {   let self = this;   let args = [...arguments].slice(1);    return function() {     let newArgs = [...arguments];     return self.apply(context, args.concat(newArgs));   } }

原型与原型链

每一个JavaScript对象(null除外)在创建的时候会关联另一个对象，这个被关联的对象就是原型。每一个JavaScript对象(除了  null)都具有的__proto__属性会指向该对象的原型。JavaScript中所有的对象都是由它的原型对象继承而来，而原型也是一个对象，它也有自己的原型对象，这样层层上溯，就形成了一个类似链表的结构，这就是原型链。每一个对象都会从原型"继承"属性。

实例对象和构造函数都可以指向原型, 原型可以指向构造函数，不能指向实例(因为可以有多个实例)。

原型对象有两个属性，constructor 和 __proto__。

function Person() {} var person = new Person();  // 实例原型 === 构造函数原型 person.__proto__ === Person.prototype // true // 原型构造函数 === 构造函数 Person.prototype.constructor === Person // true

react diff

  1. 鸿蒙官方战略合作共建——HarmonyOS技术社区

  2. 如果是同一类型的组件，按照原策略继续比较 virtual DOM tree。

  3. 如果不是，则将该组件判断为 dirty component，从而替换整个组件下的所有子节点。

  4. 对于同一类型的组件，有可能其 Virtual DOM 没有任何变化，如果能够确切的知道这点那可以节省大量的 diff 运算时间，因此 React  允许用户通过 shouldComponentUpdate() 来判断该组件是否需要进行 diff。

遍历对象

对象遍历方法总结：

一些前端基础知识整理

异步加载脚本

默认情况下，浏览器是同步加载 JavaScript 脚本，即渲染引擎遇到

2.3147s