11 2020 档案
摘要：visibilityChange api的使用场景 场景 最近在做网页版视频编辑器相关的工作，页面视频会自动重复的播放，但是发现在页面切换后，音视频还是在自动播放，感觉非常不合理 在没有在当前页面停留时，页面还是不停的请求资源，造成了很大的浪费 后面就发现visibilityChange能够很好的解
阅读全文
摘要：浏览器是如何执行JavaScript代码的 编译过程 解析 词法分析 将JavaScript代码解析为一个个的令牌 令牌类型 关键字 - Keyword 标识符 - Identifier 符号 - Punctuator 字符串 - String 语法分析 将令牌组装成一颗抽象的语法树 解释 Java
阅读全文
摘要：常见的代码逻辑优化处理 多条件判断 // bad function filter(type) { if (type 1 || type 2 || type 3 || type 4 || ...) { console.log('条件成立了...') } } // good const types =
阅读全文
摘要：react中的虚拟dom，本质上是一种对象形式到dom的描述，虚拟dom的操作是在js层面的计算，如果把js映射生成真实的dom 调用生命周期中的render方法，生成虚拟dom，然后再调用reactDom.render方法，实现虚拟dom的真实dom转换 组件的再次更新，会再次调用render方法
阅读全文
摘要：如何高效操作DOM元素 什么是DOM DOM，文档对象模型，比如下面的前端功能 动态渲染列表，表格表单数据 监听点击，提交事件 懒加载脚本或样式文件 实现动态展开树组件，表单级联等复杂操作 DOM组成 DOM节点 标签是HTML的基本单位 节点是DOM树的基本单位，有多种类型，比如注释节点，文本节点
阅读全文
摘要：DOM事件 常见的三种常见，防抖，节流，代理 防抖 场景：输入框输入信息，对输入信息做实时检索，通过接口与后端进行交互，不需要通过点击搜索按钮完成检索 问题：在input的onchange事件中进行实时请求，当输入框输入发生改变时就会发送一次请求。比如输入react 在输入r时，接口发出请求，输入r
阅读全文
摘要：git查看commit提交的内容 有时候在对文件进行了commit操作后，想看一下修改的文件的具体信息，应该怎么做呢 git log - 查看之前每次的commit记录列表 git show - 查看最近一次已commit的文件修改信息 如果需要查看指定的某次commit的文件修改信息，git lo
阅读全文
