开发中,一直听到有人讨论是不是需要重复造轮子，我觉得有能力的人，轮子得造。但是往往开发周期短，轮子的使用节省的时间可以更好的去理解业务，使用到业务中,也能发现轮子的利弊，可以造更好的轮子。

1. 基本原则：结构、样式、行为分离 标记应该是结构良好、语义正确。 Javascript应该起到渐进式增强用户体验的作用 。 在 web 项目中，使用连字符（-）来分隔文件名，可以提高可读性。例如：order-detail-view.js。确保不用大写字母开头，不要驼峰命名。…

最近接到一个需求，需要统计用户从进入网页到全部网页都在浏览器关闭这个过程的时间。 首先，进入页面的时候，浏览器会调用onload事件,浏览器关闭时，浏览器会调用beforeunload事件，可以从这两个事件入手。 有什么可以记录浏览器是否刷新呢？这时候我想到了sessionSt…

为什么要使用字体图标，有很多同学认为，图片已经满足了我们的日常需求为什么还要字体图标呢。大概有以下几点(敲黑板👨‍💻) 加载速度快，体积小🎈。 字体图标的颜色和大小都是可以设置的，如果使用图片的话就只能换一张图🎭。 字体图标有独立的分辨率，无论是网页端💻和手机端📱都…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

1. 为什么写这篇文章？ 2020 年 3 月，懵懂的蔡小真怀揣着对技术的向往无比乐观地进入部门实习，入职当天就收到了来自导师的两份礼物，一是代码仓库链接，二是代码开发规范。机智如斯的蔡小真按照规范里的教程，安装好了ESLint、Prettier等插件，带上安全帽，拉起小推车，…

在开发 web 应用程序时，性能都是必不可少的话题。对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化，比方说 tree-shaking、模块懒加载、利用 extrens 网络cdn 加速这些常规的优化。甚至在vue-cli 项目中我们可以使用 -…

项目部署作为网页开发中必不可少的一环，每一名合格的前端开发都应当有所了解，而不是不闻不问。不可否认的是，初次经历整个部署流程会遇到不少曲折，但这些难得的经验对于我们理解从在浏览器输入网址，出现网页内容，再到与之交互的整个流程甚至细节都有着不可或缺甚至无法替代的作用。在这个弱肉强…

众所周知，我们在开发的过程中，写代码其实只占很小的一部分，更多的时间其实是在设计代码、构建和部署。 代码的设计非常考验代码功底，本人才疏学浅，就不讲解这个部分了。 构建和部署通常来讲没那么复杂，但是却十分繁琐，尤其是手动的方式进行构建部署。重复操作多，流程长，非常消耗耐心和精力…