![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 68
帷幄庸者
这个作者很懒,什么都没留下…
展开
-
前端编译速度优化——ESbuild
本文旨在说明使用ESbuild提升前端编译构建的速度,降低前端编译的CPU开销。目前默认的webpack打包方式,随着工程的持续增大,编译也变得越来越慢,更有甚者,一个项目编译需要3~5分钟,风扇在疯狂的转,流水线已然崩溃……问题现象在前端项目编译时,会使用混淆和压缩技术,webpack默认是使用TerserPlugin,常常会发现编译执行到92%以后会等待很久● Webpack ……chunk asset optimization (92%)TerserPluginTerserPlugin.原创 2021-08-08 15:42:28 · 2718 阅读 · 2 评论 -
前端架构设计-读书笔记
前端架构是一系列工具和流程的合集,旨在提升前端代码的质量,并实现高效、可持续的工作流。工作职责:体系设计——清晰描绘产品和代码的最终形态工作规划——制定完整开发工作流监督跟进——保证项目高效率完成前端架构四个核心:代码——如何实现系统架构中的HTML,CSS,Javascript流程——构建高效并且防止出错的工作流所需要的工具和流程测试——为网站搭建稳固基础文档——规划好系统设计...原创 2018-10-04 17:53:47 · 478 阅读 · 0 评论 -
前端关于SEO与使用注意
前端关于SEO与图片使用注意原则:前端页面要尽可能提高页面在搜索引擎的曝光度1. 优先使用语义化的html标签,因为语义化的标签对搜索更友好2. 网页title命名,首页放对于网站最重要的一句话——网站名称,子页面命名为:页面名 - 网站名,如: scratch作品列表 - 码猿网(使用scratch因为scratch搜索频率更高,可增加网站的曝光的概率);火影忍者 - 码猿网(增加通过作品...原创 2018-09-28 18:40:11 · 870 阅读 · 0 评论 -
前端关于图片与使用注意
前端关于图片与使用注意Img属于html标签,background是css方法。一个页面由html、css、js组成,按照浏览器解析机制,html标签优先解析。得出:对于页面重要的需要优先展示的图片使用img标签,如logo;而对于banner,广告图等较大的图片建议使用background方式,避免阻塞。Img标签拥有alt属性,前端性页面图片最好都完善alt属性,这样的好处:1. 图片...原创 2018-09-28 20:14:17 · 469 阅读 · 0 评论 -
解决阿里云OSS跨域问题
解决阿里云OSS跨域问题现象描述本人项目中对阿里云图片请求进行了两次,第一次通过img标签进行,第二次通过异步加载获取。第一次请求到图片,浏览器会进行缓存,随后再进行异步请求,保存跨域失效。错误信息如下:Failed to load http://cdn.imayuan.com/831ccd4741a7a56d85f6698a21f4ca69.svg: No ‘Access-Contro...原创 2018-09-28 20:20:16 · 15810 阅读 · 3 评论 -
Forever 让node后台运行
froever 让node后台运行安装npm install forever -g #安装forever start app.js #启动应用forever stop app.js #关闭应用forever restartall #重启所有应用#输出日志和错误forever start -l forever.log -o out.log -e err.log app.js...原创 2018-09-30 17:07:07 · 162 阅读 · 0 评论 -
React状态管理与同构实战
面向界面编程可分为三部分:界面、数据、数据操作组件的生命周期:挂载,挂载过程中会依次执行下面的函数:a. constructor()b. componentWillMount()c. render()d. componentDidMount()更新(场景:父组件更新,自身状态变化,自身强制更新),组件更新会依次执行下面函数:a. componentWillReceiveProps...原创 2019-03-19 00:12:13 · 538 阅读 · 0 评论