![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
js基础
js基础知识
码农小菲
一份耕耘一份收获
展开
-
webWorker
Web Worker 子线程,优化原创 2023-10-26 11:35:00 · 139 阅读 · 0 评论 -
token的相关理解及使用
token一 token的引入二 token的目的三 token从哪里来四 token长什么样五 如何把token传递至后端六 后端配置token7 前端操作token一 token的引入客户端频繁向服务端请求数据服务端频繁去数据库查询用户名的密码,并进行对比判断用户是否有权限请求接口数据有没有一种方法可以不用频繁进行数据库验证token应运而生二 token的目的减轻服务器的压力减少频繁的查询数据库三 token从哪里来token是服务器产生的当用户登录时,或者调用指原创 2020-11-07 16:38:32 · 344 阅读 · 0 评论 -
link与@input的区别
link与@input的区别## 标题一,link属于HTML标签,而@import是CSS中提供的。二,在页面加载的时候,link会同时被加载,而@import引用的CSS会在页面加载完成后才会加载引用的CSS。三,@import只有在IE5以上才可以被识别,而link是HTML标签,不存在浏览器兼容性问题。四,link引入样式的权重大于@import的引用...原创 2020-07-30 07:55:44 · 1972 阅读 · 0 评论 -
mvc、mvp、mvvm
mvc由model(模块)、view(视图)、control(控制器)组成,是软件架构中最常见的一种框架。它的工作原理是当用户触发事件时,view层会触发指令到controller层,controller层去通知model更新数据,model层更新完数据后直接显示在view上。缺点:耦合度太高。mvp由model、view、Presenter组成。当用户触发事件时,view发送指令到Presenter,Presenter通知model更新数据,model更新完数据发送给Presenter,P原创 2022-04-06 14:31:20 · 418 阅读 · 0 评论 -
JS--继承
继承出现在两个构造函数之间的关系当A构造函数的属性和方法被B构造函数的实例使用。则说明B继承了A的构造函数。A是B的父类、B是A的子类一、原型继承通过改变原型链的方式来达到继承子类.prototype = 父类的实例缺点:继承下来的属性没有在自己身上(在_proto_里面,访问时需要到_proto_里找)创建子类实例实例时无法向父类的构造函数传参## 二、构造函数继承...转载 2022-03-09 17:43:33 · 76 阅读 · 0 评论 -
react中JSX详解
JSX一、为什么用JSXReact 并没有采用将标记与逻辑进行分离到不同文件这种人为地分离方式,而是通过将二者共同存放在称之为“组件”的松散耦合单元之中,来实现关注点分离React 不强制要求使用 JSX,但是大多数人发现,在 JavaScript 代码中将 JSX 和 UI 放在一起时,会在视觉上有辅助作用。它还可以使 React 显示更多有用的错误和警告消息二、JSX为什么可以在html标签里用?Babel 将JSX编译成 React.createElement() 调用,而react就原创 2022-02-27 17:45:28 · 1024 阅读 · 0 评论 -
JavaScript作用域与作用域链
一、JavaScript 作用域作用域为可访问的变量、对象、函数的集合对象和函数同样也是变量函数作用域: 作用域在函数内修改JavaScript 局部作用域变量在函数内声明,变量为局部作用域局部变量:只能在函数内部访问局部变量在函数开始执行时创建,函数执行完后局部变量会自动销毁JavaScript 全局作用域变量在函数外定义,即为全局变量全局变量有 全局作用域: 网页中所有脚本和函数均可使用全局变量在页面关闭后销毁。二、作用域链当代码在一个环境中执行时,会创建变量对象原创 2022-02-25 11:17:50 · 310 阅读 · 0 评论 -
js性能优化
js性能优化合理使用缓存机制延迟不必要的 JS 首屏加载避免内存泄漏避免使用全局变量 & 优先使用局部变量减少 HTTP请求数事件委托删除未使用的 JavaScript原创 2022-02-23 16:13:56 · 254 阅读 · 0 评论 -
instanceof
instanceoftype of对于值类型,通过typeof判断,string/number/boolean都很清楚,但是typeof在判断到引用类型的时候,返回值只有object/function,你不知道它到底是一个object对象,还是数组,还是new Number等等typeof 1 // "number"typeof '1' // "string"typeof true // "boolean"typeof {} // "object"(坑)typeof [] // "obje原创 2022-02-22 17:51:47 · 122 阅读 · 0 评论 -
循环(for、forEach、map)区别、性能
for 与 forEach、map的区别在固定长度或者长度不需要计算的时候for循环效率高于foreach和map,for循环中可以通过break终止。在不确定长度或者计算长度有损性能的时候用foreach和map比较方便forEach、map的区别相同点:都是循环遍历数组中的每一项forEach和map方法里每次执行匿名函数都支持3个参数,参数分别是item(当前每一项),index(索引值),arr(原数组)匿名函数中的this都是指向window只能遍历数组都不会改变原数组原创 2022-02-22 16:09:03 · 5669 阅读 · 4 评论 -
事件委托(事件代理)
事件委托(事件代理)是js中常用绑定事件的技巧。是把原本需要绑定在子元素上的响应事件委托给父元素,让父元素来担任事件监听的职务。原理:事件冒泡优点:节省内存占用;可以实现当新增子对象时无需再次对其绑定(动态绑定事件实现:ev.target...原创 2022-02-22 15:31:36 · 193 阅读 · 0 评论 -
事件冒泡 和 事件捕获
事件冒泡 和 事件捕获事件流描述的是从页面中接受事件的顺序。微软(IE)和网景(Netscape)开发团队提出了两个截然相反的事件流概念。IE的事件流是事件冒泡流(event bubbling),而Netscape的事件流是事件捕获流(event capturing)事件冒泡:事件按照从最具体的事件目标到最不具体的事件目标(document对象)的顺序触发执行顺序是自下而上的例如:点击了一个文本节点,开始从文本节点查找,当前文本节点没有绑定点击事件,继续向上找,找到父级有绑定的点击事件,执行原创 2022-02-22 11:38:38 · 451 阅读 · 0 评论 -
常见MOCK方案
常见MOCK方案MOCK:模拟数据请求方案(前端一般会比后端开发速度快,后端接口没有那么快提供时使用)项目中常见的MOCK方案一、代码入侵直接在代码中写死Mock数据,或请求本地的json文件优点: 无缺点:代码是死的,无法模拟真实模拟前端实现的增删改查二、 请求拦截重新http请求网址:http://mockjs.com优点:与前端代码分离。生成随机数据缺点:假数据、无法真实反应。只支持ajax,不支持fetch三、 接口管理工具代表:rap,swagger,mo原创 2021-08-06 17:50:34 · 288 阅读 · 0 评论 -
将Object属性转成属性数组--- entries()方法
将Object转成数组一、 entries()定义和用法定义:entries() 方法返回一个数组的迭代对象,该对象包含数组的键值对 (key/value)。迭代对象中数组的索引值作为 key, 数组元素作为 value用法: Object.entries(obj);使用Object.entries(),Object.keys()和Object.values()const obj = { a: 1, b: 2, c: 3 };Object.entries(obj);// 输出(原创 2021-07-07 10:18:45 · 118 阅读 · 0 评论