摘要：
1，需求分析 滑块从左滑到右，开始滑、结束滑两种状态。两种状态显示的内容和样式的不同。 这是淘宝注册验证滑块的示例图 2，代码分析 这里定义了一个Slider类，用symbol定义了render 渲染和event事件的初始化函数 在渲染函数中，我们需要将滑块的模板直接放到页面上，所以可以这样做： 因 阅读全文
摘要：
1， 需求分析 设计一个通用的表单验证，如果后期表单中添加了更多的需求，不需要更改之前的代码逻辑，最好不要改之前的代码，需要加什么直接加就好了。 2，代码分析 此表单验证最好返回一个函数，在api设计这块我选择在每个表单项上添加valid属性，在验证中通过查看是否有valid属性、valid属性的内 阅读全文
摘要：
1，定义 BFC为块级格式化上下文，也就是一块区域内的封闭空间，里面元素无论怎么样，都不会影响外部元素。 2，触发条件 html 根元素 display的值为 inline-block、table-cell和table-caption中的任何一个 position的值不为relative和stati 阅读全文
摘要：
定义： 每个vue实例在被创建的时候都要经过一系列的初始化过程，这就是vue的生命周期； 通俗点说的话，就是从开始创建、初始化数据、编译模板，挂载dom、渲染、更新、卸载等的一系列过程。 说到生命周期就不得不提官网的生命周期图示了 https://cn.vuejs.org/v2/guide/inst 阅读全文
摘要：
DevServer： devserver会启动一个http服务器用于服务网页请求，接收webpack发出的文件变化的信号。通过websocket协议自动刷新网页，实现实时预览。 devserver会把webpack构建出来的文件保存在内存中，要访问输出的文件时，必须通过http服务进行访问。通过de 阅读全文
摘要：
主要概念： context： webpack内相对路径的根目录，默认为webpack所在的当前目录。可配置 （context必须为绝对路径） Entry： 入口模块的路径，可以写成 字符串、 数组 和 对象格式。 Output : output配置怎样输出最终想要的代码，为一个对象，包含一系列的配置 阅读全文
摘要：
记得之前的一次面试中，有个面试官问了我关于es6导入和导出的一些知识点，可惜当时对这方面没在意，只知道每次机械的import和export，也不知道为啥要这样用，现在静下心来，好好的把这块看了下，顺便把自己的学习内容记录下来，方便将来的时候翻阅。 简介： es6模块主要是由export和import 阅读全文