知识点总结
抓住鼹鼠不撒手
世界上只有一种真正的英雄主义,那就是在认清生活的本质后,依然能够热爱生活。
展开
-
JSX是什么,React为什么使用JSX,babel怎么转译JSX的
JSX由babel转换成React.createElement或_jsxRuntime.jsx的形式,函数执行后返回虚拟DOM,所以说你可以不使用JSX,可以直接写React.createElement或_jsxRuntime.jsx的形式。所以我们写的代码最终都会被构建成虚拟DOM树。JSX就是一种类XML语法的语法糖,让开发者来构建这个虚拟DOM树更加的方便,使代码更加的简洁。那么babel是怎么样将JSX语法转换成React.createElement或_jsxRuntime.jsx的形式的呢?原创 2023-02-27 22:05:01 · 900 阅读 · 0 评论 -
H5 web workers
H5 Web Workers(多线程)H5规范提供了js分线程的实现,取名为:web workers相关apiworkers:构造函数,加载分线程执行的js文件worker.prototype.onmessage:用于接收另一个线程的回调函数worker.prototype.postMessage:向另一个线程发送消息不足worker内代码不能操作DOM(更新UI)不能跨域加载JS不是每个浏览器都支持这个新性质介绍web workers是html5提供的一个j原创 2021-10-01 15:52:03 · 186 阅读 · 0 评论 -
js高级进程与线程
线程机制与事件机制进程程序的一次执行,它占有一片独有的内存空间可以通过windows任务管理器查看进程线程是进程内的一个独立执行单元是程序执行的一个完整流程是CPU的最小的调度单位图解一个进程里有多个线程才算多线程相关知识应用程序必须运行在某个进程的线程上一个进程中至少有一个运行的线程:主线程,进程启动后自动创建一个进程中也可以同时运行多个线程,我们会说程序是多线程运行的一个进程内的数据可以供其中的多个线程直接共享多个进程之间的数据是不能直接共享的线原创 2021-10-01 15:37:39 · 89 阅读 · 0 评论 -
js高级继承
原型链继承方式一:原型链套路定义父类型和构造函数给父类型的原型添加方法定义子类型的构造函数创建父类型的对象赋值给子类型的原型将子类型原型的构造属性设置为子类型给子类型原型添加方法创建子类型的对象:可以调用父类型的方法关键子类型的原型为父类型的一个实例对象//定义父类型和构造函数 function Supper(){ this.supProp='father' } //给父类型的原型添加方法.原创 2021-10-01 11:07:06 · 128 阅读 · 0 评论 -
js高级对象创建模式总结
对象创建模式方式一:Object构造函数模式套路:先创建空Object对象,再动态添加属性、方法适用场景:起始时不确定对象内部数据问题:语句太多var p=new Object() p.name='Tom' p.age=12 p.setName=function(name){ this.name=name }方式二:对象字面量模式套路:使用{}创建对象,同时指定属性、方法.原创 2021-09-30 16:11:56 · 77 阅读 · 0 评论 -
js高级执行上下文总结
执行上下文Step1 创建全局执行上下文,并加入栈顶Step2 分析找到所有的非函数中的var声明找到所有的顶级函数声明(不在大括号内的函数声明)找到顶级let,const,class声明找到块中的声明,函数名不与上述重复Step3 名字重复let,const,class声明的名字之间不能重发let声明的变量名不能重复const声明的变量名不能重复let和const声明的变量名不能重复let,const,class和var,function的名字不能重复.原创 2021-09-29 22:00:18 · 130 阅读 · 1 评论 -
js高级原型链总结
原型链函数的prototype属性每个函数都有一个prototype属性,prototype指向一个object空对象,被称为原型对象function A(){ console.log('我是A函数'); } console.log(A.prototype);[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-chugxi37-1632905389028)(C:\Users\DELL\AppData\R.原创 2021-09-29 16:51:14 · 113 阅读 · 0 评论