本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！

作为一名拥有四年前端开发经验的工程师，我主要在互联网 C 端项目工作，常常需要处理金额计算、数据加密、表单校验、时间处理、状态持久化等问题。 在这类项目中，选对工具能大大提升开发效率、降低 bug 率

每次新增组件，`components.d.ts` 都会变动，需要提交到 Git，非常烦人。有没有办法不提交，又不影响功能呢？快和我一起来看看吧

首先，我们绘制出优惠券的基本样式，这很简单，就不多说了。 锯齿部分其实可以看成是十个如下所示的图像片段拼接起来的。每个片段的宽为锯齿的半径 6px，高为 20px。所以我们只需要画出该片段，剩下的重复填充就好了。 这里的核心代码是 background-image: radia…

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

前言 在这互联网高速发展的时代，人们对于网页打开的速度要求越来越高。加载时间过长，兼容处理不够全面等很容易造成用户流失。作为一名前端开发，优化用户体验是一件永无止境的事情，没有最优，只有更优。前端性能

推荐一款好用的前端开发提效工具，自动打开vscode并精准定位到源码位置，让你的开发、调试效率成倍提升

Vite 是一种新型前端构建工具，在我们保险前端项目中已经推动并应用很久了，Vite 能够显著降低构建时间，提升前端开发效率。 它主要由两部分组成： 一个开发服务器

vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；