杭州前端 公司选择

Webpack的Tree Shaking是一个用于删除代码中未被引用的未使用代码的优化技术。它可以显著减小打包后的文件体积，提高网页加载速度。要配置Webpack实现代码的无用代码剔除，需要进行以下几个步骤：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9f确保你的代码是使用ES6模块语法编写的，而不是CommonJS（require）语法。因为Tree Shaking只对ES6模块有效。在Webpack配置文件中，通过设置mode为production，启用Webpack的生产模式，此时Tree Shaking功能会默认开启。确保你的package.json文件中的sideEffects字段被正确配置。sideEffects字段告诉Webpack哪些文件是没有副作用的，可以进行Tree Shaking。如果你的应用是纯粹的JavaScript应用，可以将sideEffects设置为"sideEffects": false。如果你的应用使用了一些有副作用的模块（例如CSS文件），你需要将这些模块添加到sideEffects字段中。这样Webpack就不会将这些有副作用的模块进行Tree Shaking。需要注意的是，Tree Shaking只适用于ES6模块语法，并且只能剔除未引用的代码，不能剔除被动态引用的代码（例如通过字符串拼接生成模块路径）。另外，一些特定的代码结构可能会导致Tree Shaking失效，例如使用eval、with等特殊语法。配置完成后，运行Webpack打包构建，未被引用的代码将会被删除，从而减小文件体积。

一面：vue双向数据绑定 ✅为什么要用key 为什么不能用index作为key ✅watch和computed的区别 ✅defineProperty()实现的是浅层监听，如何检测到嵌套的下一层 vue和js分别是怎么实现的 ✅我理解是用Vue.set()/vm.$set/Object.assign()使用数据劫持后，data身上会带一些原型链上的属性，如何只获取data本身的属性 ✅有没有实现过自定义指令reactsetState的执行过程css说下BFC ✅回答思路：是什么 如何触发 用来解决什么问题用一个css画一个宽度为屏幕宽度50%的正方形✅知道哪些布局单位 ✅使用display: f...

#软件开发笔面经#面试大约一个小时，包含前期的自我介绍，中间的知识问答和最后的反问环节部门是抖音信息安全的自我介绍与项目介绍1、FCP和LCP的介绍与区别2、LCP的元素是什么，观测数据3、其他性能指标有哪些4、干了什么导致指标有明显的提升5、压缩技术有哪些6、懒加载的介绍；图片懒加载与路由懒加载7、线程和进程的区别8、进程间的通信方式有哪些9、操作系统中的堆和栈有什么区别10、数据库的事务12、http和https的区别13、https怎么保证数据安全最后写了三道题结束

es6中，箭头函数和普通函数区别js中，实现拷贝对象，深拷贝前靠包闭包 缺点内存泄漏垃圾回收的办法作用域变量提升是？ 怎么引起?vue2的data返回的不是对象，为什么vue2和vue3处理数组变化的区别父子生命周期顺序 挂载、更新、销毁vue的双向绑定原理浏览器url执行解析流程cookie sesion local区别反问