随着react和vue框架的普及,SPA应用随处可见,但是随着项目体量的增大,我们会发现网站首页的首屏打开等待的时间越来越长。首屏打开慢,对用户的体验很不友好,所以需要去优化网站从打开到用户可以看到内容的时间!
工欲善其事必先利其器,开发过程离不开工具,熟悉工具的配置方法对开发人员来说会事半功倍,所以本文主要是记录一些前端常用的工具的配置方法和插件使用,让大家配置一个自己顺手的开发工具
前端处理缓存是每个前端工程师进阶必备的技能之一,也是面试中经常会被提及的知识点,本文就用通俗易懂的方式去全面的介绍前端缓存的处理方式和产生的作用,包括浏览器缓存和http缓存
利用CSS实现背景色或者字体颜色的渐变和流动效果,linear-gradient属性和CSS内置函数hue-rotate使用记录,同时区分H5环境和rn唤醒下实现相同效果的不同开发方式
一个完整的前端异常监测系统对于前端开发人员来说很重要,对于线上问题的快速定位提供很大的帮助,同时能实时监控异常错误且快速发现和解决问题。对于开发人员window.onerror、try catch、Script error等关键词很是熟悉。下面就和大家一起探讨Web场景中异常错误数据如何收集以及如何上报。
图片在现在的网站上随处可见且被广泛应用,所以优化图片可以对网站性能优化有很重要的帮助。相对于我们传统的 PNG/JPG 等格式图片,webp 格式的图片可以大大降低 size,但是 webp 存在兼容性,目前,Chrome、Opera 以及 Android 能够支持 WebP 格式,但 Safari 和 IE 尚未支持...
本文主要介绍什么是webpack,webpack的工作原理,webpack的项目配置,包括loader/plugins/modules等一些功能点,并自己去编写自定义的插件。webpack5的模块联邦。通过这个博客,可以全面的了解熟悉webpack,并且具备去自定义开发插件的能力。
目前在项目中是使用了一些动态加载和删除js、css、image资源的方法,记录下来
App ID APP的身份证,也是APP的唯一标识,用微信的例子:
之前项目里面实现输入框动态插入宏和复制文本到粘贴板,记录一下