移动端优先开发在不同的语境下有着不同的含义，学习一下如何将这个例子按照移动优先开发的原则，编写移动端优先的CSS样式。 移动端开发的核心就是，页面必须适合所浏览该页面的设备。在最早的时候可能是先开发PC端，然后是移动端，但随时开发实践经验的不断总结，以及移动端设备的发展，现在的开发，一般都是从小尺寸
每次更改完样式，需要手工刷新页面才行，如果用过Bracket等开发工具的会知道，有一个功能是动态展示，只要保存，就会自动更新页面显示，Gulp通过Browsersync这个插件也可以实现该功能。 安装Browsersync和修改Gulp任务 WebStorm中配置项目 结构化Gulp任务文件 处理G
来写一个CSS工程实例感受一下前端工程化的便利。顺便也复习一下CSS。 项目文件结构 分离CSS文件与导入CSS文件 BEM理念与拼接类名 编写CSS样式 项目文件结构 这个项目的例子采用了Udemy课程第五部分的例子，使用WebStorm创建新的Node.js项目，然后把项目的源代码复制进来。打开
Gulp其实就是一个实现自动监听文件变化，调用插件来进行编译各种工程文件的工具。本质上和webpack是一样的。只不过配置的内容更加详细。 Gulp主要是通过安装插件，然后在gulp的任务文件里定义好需要监听的文件内容，然后调用插件进行预处理，最后在指定的位置生成最终工程文件。 Udemy的课程没有
前端工程化 搞Web开发，想要当全栈工程师，前端也是必须要过去的坎。别的先不说，Java+JavaScript两大语言都要练好。 刚学Web开发的时候，自己可以写页面，用jQuery，后端渲染，但是当时还没有前后端分离。 现在要用Vue搞前后端分离，几乎所有的Vue教学都要用到Webpack等开发，
Virtual Dom Render函数例子 createElement 事件修饰符和按键修饰符 Virtual Dom 虚拟DOM节点 一般来说，我们的组件的模板都是写在template元素里的，当然也可以写在其他的元素里。不管什么元素，都会被Vue解析成Virtual Dom。 更新DOM的操作
第一个项目 古人云：学编程，一定要写一个完整的项目出来。 在去年的10-11月，为公司写过一个合同管理项目，是我学了Web开发之后写的第一个项目。 当时由于这方面的需求比较强烈，公司又没有一个像样的信息系统，就前后花了两个星期的时间，和其他部门开会问需求，然后写出初版进行测试，最后正式上线。虽然都不
自定义指令基本用法 例子 自定义指令基本用法 自定义指令就像是之前使用的v-if,v-show等，本质上是解析一段表达式，并给当前元素绑定一个指令对象。和组件很像，也分为局部注册和全局注册，注册的函数是directive。 全局注册： Vue.directive('focus',{})
局部注册：
组件通信综述 子组件向父组件传递数据：v-on监听自定义事件 子组件向父组件传递数据：v-model绑定 非父子组件通信 使用slot 父组件向子组件传递数据：props使用字符串数组 作用域插槽 访问slot 组件高级用法 异步更新DOM后执行代码 X-Template
组件基础概念 全局注册 局部注册 is属性强制挂载组件 组件的其他属性 父组件向子组件传递数据：props使用字符串数组 单向数据流 父组件向子组件传递数据：props使用对象 组件基础概念 一个组件在HTML里就像是一个自定义标签，一个组件同时也是一个Vue实例，会根据实例的内容被渲染成实际的样子
