12 2021 档案
摘要:区别 CommonJs模块输出的是一个值的拷贝,ES6模块输出的是值的引用 CommonJs模块是运行时加载,ES6模块是编译时输出接口。 原理 ES6 模块的运行机制与 CommonJS 不一样。JS 引擎对脚本静态分析的时候,遇到模块加载命令import,就会生成一个只读引用。等到脚本真正执行时
阅读全文
摘要:概念 this指的是当前执行上下文。 this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象 理解了上面this的定义。下面几种常见的场景也就不难理解了。 this在严格模式下。和非严格模式下表现也不尽相同。 全局环境中
阅读全文
摘要:说明 vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。 module.exports = { // 配置项... } publicPath 默认情况下,Vue CLI
阅读全文
摘要:谷歌浏览器如何调试界面上动态元素 相信很多前端开发者都遇到过一个头痛的问题,页面上需要通过hover,鼠标滑入才会变化的部分UI,无法被调试。 已京东的一些商品分类的二级弹框为例。我们像调试这个弹框时,却发现选中后,弹框就隐藏了。 调试步骤 右键检查该弹框 在元素选项卡下方选中该弹框的父级节点 点击
阅读全文
摘要:场景 日常开发过程中,很多地方能使用到防抖函数,和节流函数。二者都有一个共同的目的降低函数的执行次数,常见的场景有 防抖 对用户输入的关键字实时检索内容 鼠标不断点击触发,mousedown(单位时间内只触发一次) mousemove事件 用户操作内容的实时保存 节流 scroll 事件 拖拽时,通
阅读全文
摘要:本地部署前端应用 我们在开发或解决问题后,需要部署代码到线上进行验证,但是有时候去部署环境是可能会直接影响到其他在使用环境的人。这个时候我们可以自己本地去部署代码。去模拟在线上运行的场景。 环境准备 nginx服务器 可以作为服务器的选择有很多。这里我们选择最常用的nginx 下载 下载后,解压到自
阅读全文