简单coder

需求简介：前端项目实现打包后将生成的 dist 目录，自动复制到指定的 rel 文件夹目录下，并自动提交代码到仓库 解决方案一：通过手动复制文件夹，然后手动执行 git 提交操作(本文忽略) 解决方案

总结下 Vue2 中部分常用的 api 的原理，方便开发与复习时备用 主要内容如下： 一、Vue2 实现原理简述：简要介绍 Observer、Dep、Watcher的作用 Observer 的作用：

1、手动实现 call 方法 2、手动实现 apply 方法 3、手动实现 bind 方法 4、手动实现 find 方法 5、手动实现 map 方法 6、手动实现 forEach 方法 7、手动实现

一、js 最大安全数字是 Math.pow(2,53) - 1，超出这个数字相加会出现精度丢失问题，可通过将数字转换为字符串操作的思路处理，如下： 二、当涉及到带有小数部分相加时，对上面方法进行一次封

原生 js (ES5) 实现继承的方式 6 种方式： new 操作符的作用： 1、通过原型链继承： 2、借用构造函数继承 3、组合式继承 4、原型式继承 5、寄生式继承 6、寄生式组合继承 总结：常用

使用原生JS实现一个滑块切换的效果，根据常用组件库的实现，拆分UI库源码，实现一个简单的滑块切换组件实现效果如下：滑动实现原理关键代码具体代码实现如下总结：以上是滑块切换组件的实现，具体细节可根据具体

根据UI库源码的理解，跟进上一篇picker选择器的实现，该篇主要通过原生js实现一个滑动轮播图，可在此基础上进行扩展到自己的项目中（最后附上通过Vue实现的代码）实现效果图如下：实现原理很简单，和大

最近看了一些UI库的源码，原生js实现一个时间选择器的干货，可在此基础上进行扩展到自己的项目中实现效果如下：先看效果，如下图：实现逻辑：html及css代码如下：逻辑代码如下：以上代码是滑动picke

项目中可能会经常用到生成背景水印的需求，前端可通过canvas生成代码很简单，先看效果：总结：实现代码很简单，掌握原理，可在不同场景框架下使用