摘要：
问题 如题所示 答案与实践 参考答案 vue项目你一定会用到的性能优化！ 项目的性能评估 本地项目的性能评估 本地项目移动端的性能评估 本地项目移动端性能评估的说明 首次内容绘制（First Contentful Paint）。即浏览器首次将任意内容（如文字、图像、canvas 等）绘制到屏幕上的时 阅读全文
posted @ 2022-07-16 17:11
黄子涵
阅读(305)
评论(0)
推荐(0)
摘要：
问题 如题所示 答案 【包真】我的第一次webpack优化，首屏渲染从9s到1s vue-cli webpack 首屏加载性能优化 综上所述，我把代码中的这两行代码修改了： Vue配置compression-webpack-plugin实现Gzip压缩 但是出现像上面的问题，按照上面进行修改，将bu 阅读全文
posted @ 2022-07-15 22:10
黄子涵
阅读(32)
评论(0)
推荐(0)
摘要：
问题 如题所示 答案 Network选项中最下面的数据是啥意思？ chrome开发者工具network选项卡最下面的状态栏数据说明 综上所述，可以得出以下结论： 3/24requests —— 总共有24请求，本次一共监听到3个请求 4.7MB/5.2MB transferred —— 资源总共有5 阅读全文
posted @ 2022-07-15 16:29
黄子涵
阅读(526)
评论(0)
推荐(0)
摘要：
问题 如题所示 答案 怎么知道打开一个网页需要多少时间呢？ 如何查看一个网站的加载时间 阅读全文
posted @ 2022-07-15 12:48
黄子涵
阅读(212)
评论(0)
推荐(0)
摘要：
问题 如题所示 答案 相关源码： router.beforeEach((to, from, next) => { let title = '黄子涵' if (to.meta.params){ title = `${to.meta.title}:${to.params[to.meta.params] 阅读全文
posted @ 2022-07-13 20:02
黄子涵
阅读(48)
评论(0)
推荐(0)
摘要：
问题 如图所示 答案 相关源码： #article-menus{ position: sticky; top: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, .1); border-radius: 3px; padding: 15px; width: 300px; t 阅读全文
posted @ 2022-07-12 17:06
黄子涵
阅读(80)
评论(0)
推荐(0)
摘要：
问题 如题所示 答案 相关源码： !function (e, t, a) { function n() { c( " .heart{ width: 10px; height: 10px; position: fixed; background: #f00; transform: rotate(45d 阅读全文
posted @ 2022-07-12 16:30
黄子涵
阅读(208)
评论(0)
推荐(0)
摘要：
问题 如题所示 function r() { for (var e = 0; e < d.length; e++) d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : ( d[e].y--, d[e].scale += 阅读全文
posted @ 2022-07-12 15:10
黄子涵
阅读(1176)
评论(0)
推荐(0)
摘要：
问题 如题所示 答案 相关源码： for (var e = 0; e < d.length; e++) d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : ( d[e].y--, d[e].scale += .004, 阅读全文
posted @ 2022-07-12 15:07
黄子涵
阅读(62)
评论(0)
推荐(0)
摘要：
问题 如题所示 相关源码： e.requestAnimationFrame = function () { return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || 阅读全文
posted @ 2022-07-12 10:22
黄子涵
阅读(33)
评论(0)
推荐(0)
浙公网安备 33010602011771号