一个甜橙子 - 博客园

2024年10月29日

摘要： 1. webpack优化打包构建速度-开发体验和效率优化babel-loader 缓存：cacheDirectory,只要加了这个，es6代码中没有改动的就不会重新编译，集中缓存，加快速度。 IgnorePlugin 避免引入无用模块比如有个Moment.js库支持很多语言避免引入过多的语言，阅读全文

posted @ 2024-10-29 17:17 一个甜橙子阅读(173) 评论(0) 推荐(0)

🤷‍♀️概念问题：module chunk bundle的区别

摘要： module：模块，各个源码文件。比如说src下面的index.js就是模块，而在其中引用的一切都是模块。上面lodash啦，别的文件啦(math.js)，css文件啦，图片啦。可以引用的都是模块。 chunk：多模块合并成的，比如entry里面可以定义；import()，splitChunk 阅读全文

posted @ 2024-10-29 14:55 一个甜橙子阅读(72) 评论(0) 推荐(0)

webpack5基本配置

摘要：面试真题：前端代码为什么要进行构建和打包？（答全面） module chunk bundle分别是什么意思？有何区别？ loader和plugin的区别？ webpack如何实现懒加载？ babel-runtime和 babel-polyfill? webpack常见的性能优化 1. webpac 阅读全文

posted @ 2024-10-29 14:36 一个甜橙子阅读(280) 评论(0) 推荐(0)

❗Vue中常见的性能优化（被问到要尽可能说全呀cc!!!）

摘要： Webpack层级的优化（后面会讲）前端通用的性能优化，如图片懒加载使用SSR 阅读全文

posted @ 2024-10-29 10:24 一个甜橙子阅读(26) 评论(0) 推荐(0)

2024年10月22日

常见的场景题（读代码）

摘要：以下代码的输出？（函数修改形参能否影响实参？）函数是赋值传递。num和obj的值是不会被改变的。所以输出的num还是100，obj仍然是{name: '双越'}。手写convert函数，将数组转为树（TS写的）基础问题！不会的话先去恶补JS版本的数据结构！树节点：如何找到parentNo 阅读全文

posted @ 2024-10-22 14:09 一个甜橙子阅读(20) 评论(0) 推荐(0)

2024年10月21日

面试题速刷 - 知识广度2

摘要：有哪些前端攻击？如何预防？ XSS 跨站脚本攻击预防：尖括号替换，Vue中用插值{}不会发生XSS攻击。 CSRF 跨站请求伪造预防：服务端严格控制跨域，验证机制二次确认 SameSite禁止第三方cookie 点击劫持演示一下：预防： 1.判断两个iframe域名是否一致 2.让当前网页只阅读全文

posted @ 2024-10-21 19:40 一个甜橙子阅读(21) 评论(0) 推荐(0)

Vue中的CSS

摘要：避免CSS发生冲突阅读全文

posted @ 2024-10-21 19:21 一个甜橙子阅读(10) 评论(0) 推荐(0)

CSS速刷 - 预处理器

摘要：预处理器是什么？ less Sass 预处理器有啥功能？嵌套，反映了层级和约束变量和计算，减少了重复代码 Extend和Mixin代码片段，就像具备同一个功能的函数。循环，适用于复杂有规律的样式 import CSS文件模块化 1. less嵌套 Node写的，通过npm发布。 &:同一层级阅读全文

posted @ 2024-10-21 19:17 一个甜橙子阅读(12) 评论(0) 推荐(0)

CSS速刷 - CSS动画

摘要：作用：引起注意、愉悦感、反馈、掩饰（加载过程） transition动画补间动画，中间过程可以计算出来。 transition: width 1s:意味动画属性是width，动画时间是1秒。 delay：动画延迟几秒再开始 transition-timing-function 缓动函数: 可以自阅读全文

posted @ 2024-10-21 17:48 一个甜橙子阅读(21) 评论(0) 推荐(0)

CSS速刷 - CSS效果

摘要： box-shadow 阴影 👇 text-shadow 立体感，印刷品质感 border-radius 圆形：半径设为50% 像素、百分比... background 多背景叠加、纹理、图案、渐变、雪碧图动画、背景图尺寸适应 background-position: center(横向居中) to 阅读全文

posted @ 2024-10-21 16:34 一个甜橙子阅读(16) 评论(0) 推荐(0)

公告