![](https://img-blog.csdnimg.cn/d7775ded0bab4b929b466dd9e37124ef.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端优化
文章平均质量分 57
以实战为线索,探寻前端优化之路
卸载引擎
世上本没有码,搬的人多了便有了码。
展开
-
【Angular】在angular2的app.component.html中使用 *ngIf 更改路由出口router-outlet
如果使用*ngIf有条件地禁用和启用router-outlet。当一个router-outlet会被注册,无论你做什么,下一个router-outlet都不会响应router的变化。此时应该使用具名的路由出口,或者只使用一个路由出口。原创 2022-07-01 09:50:15 · 420 阅读 · 0 评论 -
【CSS】网页如何快速适应大屏显示,快速自适应,旧版网站改造
使用CSS与结合,放大整个屏幕@media:不同分辨率修改样式zoom属性设置或检索对象的缩放比例,通俗的理解我们在body标签添加一个class标签,在使用媒体查询的方式去修改zoom的值,这样就达到了不同分辨率下不用再去针对性的修改样式其他兼容问题给zoom样式加了个判断浏览器,是谷歌就生效,不是就不生效.然后也给火狐适配了一下.将中间的框用个div包起来 然后将中间使用transform:scale()进行缩小,缩小到原来的0.8,然后左右距离边边各10%.代码如下:另外的自适应htt原创 2022-06-02 09:27:13 · 1611 阅读 · 0 评论 -
前端页面自适应大小,动态rem
由于rem是相对页面根元素`html`的大小,所以可以通过`动态改变根元素的大小`来全局改变页面元素的大小,从而达到自适应不同分辨屏幕的效果。动态改变根元素的代码如下:原创 2022-03-19 17:00:19 · 1578 阅读 · 0 评论 -
【优化】前端性能优化---计算首屏加载时间和首屏加载速度慢怎么解决?
SPA单页面应用:计算首屏加载时间和首屏加载速度慢怎么解决? 首屏加载时间,指的是浏览器从相应用户输入网址,到首屏内容渲染完成的时间,此时整个网页不一定全部渲染完成,但需要展示当前视窗需要的内容。 计算首屏加载时间公式: times = (performance.timing.domComplete - performance.timing.navigationStart) / 1000原创 2022-03-06 16:28:34 · 2868 阅读 · 0 评论