- 博客(131)
- 收藏
- 关注
RSS订阅原创 【每日前端面试题-04】
使用工具（如 UglifyJS、cssnano 等）对 CSS 和 JavaScript 文件进行压缩，去除不必要的空格、注释等，减小文件体积。同时，将多个小的 CSS 和 JavaScript 文件合并成一个文件，减少浏览器请求次数。对图片进行压缩，根据图片用途选择合适的图片格式（如 JPEG 适合色彩丰富的照片，PNG 适合有透明背景的图片，WebP 格式在现代浏览器中有较好的兼容性且压缩比高）。还可以采用图片懒加载，当图片进入浏览器可视区域时再加载，减轻页面初始加载负担。
2025-02-28 11:19:25
606
原创 【每日前端面试题-03】
在 Web 前端开发中，事件委托是利用事件冒泡的原理，只给父元素绑定事件处理程序，通过判断事件源来处理子元素的事件。事件委托的原理是：当子元素上的事件触发时，事件会冒泡到父元素上。减少内存消耗：不必为每个子元素都添加事件处理程序，节省了内存。提高性能：减少了事件处理程序的数量，降低了页面的性能开销。动态添加元素：新添加的子元素无需重新绑定事件，因为父元素的事件处理程序已经存在。记忆口诀：“事件委托父监听，冒泡原理来支撑，省内存提性能，动态添加不用愁”
2025-02-27 10:14:05
781
原创 【每日前端面试-02】
标签时，会继续解析页面，同时下载脚本，但脚本会在页面解析完成后、DOMContentLoaded 事件触发前执行。标签的 defer 和 async 属性都用于控制脚本的加载和执行方式。defer 属性的作用是：当浏览器解析到带有 defer 属性的。async 属性的作用是：当浏览器遇到带有 async 属性的。
2025-02-26 11:23:08
931
原创 【每日前端面试题-01】
使用相对单位：如百分比（%）、em、rem 等。百分比可以基于父元素的尺寸进行相对设置，em 和 rem 则基于字体大小进行缩放，有助于实现自适应。弹性盒模型（Flexbox）：可以方便地实现元素的排列和对齐，并且能够自适应容器大小。网格布局（Grid Layout）：更适合复杂的二维布局，能够精确控制元素在网格中的位置和大小，并且具备良好的响应式特性。
2025-02-25 10:41:47
612
原创 【vue2 -上传组件自动替换上一个文件，el-upload覆盖前一个文件】
【代码】【vue2 -上传组件自动替换上一个文件，el-upload覆盖前一个文件】
2024-10-21 09:17:46
585
原创 【css-在一个元素中设置font-size和实际渲染字体大小不一致】
首先，这个不是bug，是Chromium内核提高移动端文本可读性的一个特性，叫做这个特性被称做「Text Autosizer」，又称「Font Boosting」、「Font Inflation」css-在一个元素中设置font-size和实际渲染字体大小不一致
2024-10-18 11:46:13
375
原创 【JavaScript(vue)-树状数据结构添加key-value】
【代码】【JavaScript(vue)-树状数据结构添加key-value】
2024-07-10 13:39:54
204
原创 【vue2-解决el-date-picker默认显示的是1970年】
【代码】【vue2-解决el-date-picker默认显示的是1970年】
2024-05-15 10:57:12
996
1
原创 【webView中打开pdf文件，再点击设置切换页面后，再点击返回，则pdf无法正常显示，显示空白？】
https://developers.weixin.qq.com/community/develop/doc/000ea83ba5cb58a586feb827c59c00
2024-03-21 09:47:52
637
原创 【原生小程序小程序开发中，块内容使用position绝对定位之后 不显示】
【代码】【原生小程序小程序开发中，块内容使用position绝对定位之后 不显示】
2024-03-08 10:11:58
846
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人