文件名称:projectfour:网络移动优化
文件大小:280KB
文件格式:ZIP
更新时间:2024-07-09 19:17:26
JavaScript
网站性能优化组合项目 在 main.JS 上针对 Pizza 页面进行了优化 - 我根据谷歌的建议插入了 cs 加载器,此函数在页面初始绘制后加载 css。 这会在页面完成加载时应用样式,而不会阻止关键内容的呈现。 - 在 updatePosition() 中,我添加了 topScrol 变量,该变量采用 scrollTop 并将其除以视口大小。 将 css 加载器功能与 main.js 文件结合,然后将其缩小(combined-min.js)。 优化了 UpdatePositions 函数中的循环和 在 DOMContentLoaded 上添加了 eventListener,它会附加新的比萨饼 滑动披萨减少到 31,因为它足以填满屏幕 将查询选择器更改为更快的 getElmentById。 创建了一个名为 randPizzaBox 的新变量,它保存它然后我循环以应用新的宽度 Ch
【文件预览】:
projectfour-gh
----project-mobile.html(4KB)
----project-webperf.html(4KB)
----project-2048.html(4KB)
----js()
--------combined-min-js.js(782B)
----views()
--------images()
--------js()
--------css()
--------pizza.html(4KB)
----css()
--------style.css(945B)
--------print.css(372B)
----README.md(2KB)
----index.html(4KB)
----img()
--------profilepic.jpg(3KB)
--------cam_be_like.jpg(70KB)
--------mobile.jpg(33KB)
--------phone-hand.jpg(4KB)
--------web-op.jpg(5KB)
--------small-2048.jpg(4KB)
--------big-2048.png(20KB)