一、封装前的枚举字典定义 在日常开发中，我们经常会定义字典来做些下拉选择框： 定义枚举 定义字典 代码如下： 然后将 ArithmeticEnumMap 传入到下拉组件中去循环遍历出选项。 二、定义枚

事件触发过程是 JavaScript 中非常重要的概念，理解它可以帮助我们更好地处理用户交互和网页响应。在 JavaScript 中，事件触发是通过事件流（Event Flow）来实现的。事件流描述了

使用 save-exact 可以在项目安装依赖时，保存到 package.json 的依赖项将使用精确的版本进行配置，而不是使用 npm 的默认 semver 范围运算符。

使用canvas制作刮刮乐，使用随机数进行抽奖，再用canvas遮住中奖部分，使用鼠标时间和canvas等操作，将遮住部分涂抹，显示中奖信息。

经常的，我们在日常工作中，会使用第三方UI组件库，比如：element-ui、vant-ui、iview、ant-design等等。不管是为了业务考虑还是单纯的为了提高效率，我们会把一些经常用到

单击事件是任何一个前端页面中最常用的交互行为之一，在传统的PC端大部分是使用click事件来实现用户单击交互的程序逻辑，而在移动Web端新增了touch事件来实现移动端更加敏感和复杂的触摸交互行为。

假设我们正在编写一个注册页面，在点击注册按钮之时，有一些校验逻辑。我们通常会使用一些 if 语句来覆盖所有规则，但这样使得代码臃肿且无法复用。能否使用一种设计模式来解决上述问题呢？

模块化开发在前端越来越流行，使用 node 和 npm 可以很方便的下载管理项目所需的依赖模块。package.json 用来描述项目及项目所依赖的模块信息。 那 package-lock.json

项目从上手到优化的全过程记录，时间跨度大概有一年。 从webpck打包，资源整合，代码优化三方面着手。 希望大佬们可以多给些建议。