前端性能
文章平均质量分 89
前端践行者-Mr鹏帅
探索 永无止境 勉励 !
展开
-
常见移动端兼容性问题
1.IOS移动端click事件300ms的延迟相应移动设备上的web网页是有300ms延迟的,往往会造成按钮点击延迟甚至是点击失效。这是由于区分单机事件和双击屏幕缩放的历史原因造成的。解决方式:fastclick可以解决在手机上点击事件的300ms延迟zepto的touch模块,tap事件也是为了解决在click的延迟问题触摸屏的相应顺序为touchstart-->touchmove-->touchend-->click,也可以通过绑定ontouchstart事件,加快原创 2022-02-19 23:32:24 · 3028 阅读 · 0 评论 -
首屏加载从11s到1s,详解前端性能优化
全文共6511字/词,阅读大概需要13分钟,太长不看党请直接移步????「开始优化」部分直接查看优化手段背景前段时间公司服务器网络波动,网站访问变慢,一些性能问题也随之暴露了出来。纷纷反馈在这样的弱网条件下,访问新项目时,加载了近1分钟都没加载出来,而访问其他页面顶多也就30-40s。在网络恢复后,尝试访问了下页面,无缓存首次打开需要等待近11s的时间,最大的资源达到了3.7M...在对项目做了一些优化处理后,再次无缓存打开可以发现网页几乎是秒开,平均耗时在1s以内在这里总结记录一下转载 2021-12-31 16:56:20 · 1595 阅读 · 0 评论 -
webpack---前端工程化
你需要知道的webpack背景随着前端工程化的发展,代码的开发已经不只是写html、css、js这三套文件就可以了。由于前端应用的复杂度越来越高,传统的这种写法已经不符合当前的场景。因为这样的写法让开发和维护变得越来越复杂,迭代的成本越来越高。加上模块化和组件化的思想越来越流行,导致vue、react等框架深得人心。但是不管用什么黑科技,浏览器是只认那三个文件的。于是打包工具就顺其自然的出现了,当然打包工具有很多,这里笔者选用的是webpack,因为很多框架都和它进行结合开发。所以这是你需要知道..原创 2021-11-16 19:15:02 · 855 阅读 · 0 评论 -
我把7大跨域解决方法原理画成10张图
前言大家好,我是鹏帅。用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初衷。咱们做前端的,平时跟后端对接接口那是必须的事情,但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域,那跨域到底是啥呢?为什么会跨域呢?又怎么才能解决呢?为什么跨域?为什么会出现跨域问题呢?那就不得不讲浏览器的同源策略了,它规定了协议号-域名-端口号这三者必须都相同才符合同源策略如有有一个不相同,就会出现跨域问题,不符合同源策略导致的后果有 1、Loca..转载 2021-11-12 23:08:35 · 765 阅读 · 0 评论 -
关于前端大管家 package.json,你知道多少?
今天来看看前端的大管家package.json文件相关的配置,充分了解这些配置有助于我们提高开发的效率,规范我们的项目。文章内容较多,建议先收藏在学习!在每个前端项目中,都有package.json文件,它是项目的配置文件,常见的配置有配置项目启动、打包命令,声明依赖包等。package.json文件是一个JSON对象,该对象的每一个成员就是当前项目的一项设置。package.json作为前端的大管家,到底有哪些配置和我们的日常开发密切相关?下面就来仔细剖析一下这个文件。当我们搭建一个新项目时,往往原创 2021-11-04 00:44:39 · 1307 阅读 · 0 评论 -
超级全的一篇前端性能优化清单
前言当我们去面试的时候,很大概率会被面试官问这么一个问题:你有尝试过对项目做性能优化吗?或者你了解哪些性能优化的方法?听到这个问题的你可能是这样的:似曾相识但又说不清楚,往往只能零散地说出那么几点,难以做到有条理的回答。那么,本文就带你简单了解前端性能优化的几个主要方面,旨在抛砖引玉。一、资源的合并和压缩web前端应用的开发与部署过程:输入url到页面显示出来的过程:请求过程中一些潜在的性能优化点: dns是否可以通过缓存减少dns查询时间? 网络原创 2021-10-24 19:45:33 · 1677 阅读 · 0 评论