摘要：
因为主要是体验以JSON形式实现交互，所以静态页面就随便写写，不要画太多时间去写样式。 此案例设计三个html，一个css下面直接给出代码 首页：index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></titl 阅读全文
摘要：
JSON 1 什么是JSON？ 2 优点： 易于开发者编写与阅读，同时也易于浏览器解析与生成，并有效的提升网络的传输效率。 3 与XML（也是以中数据交换格式）相比： 4 JSON文件内容 它可以是一个对象，也可以是一个数组，也可以是对象和数组的集合 5（重点看一下独立的JSON文件就好） 6 JS 阅读全文
摘要：
了解 webpack（对于webpack最好是先了解一下，因为现在的脚手架创建，初始化项目很方便了） 概述：前端项目打包工具。webpack帮我们优化项目性能，从而让我们项目运行效率更高，提高了项目后期的课维护性，处理js兼容问题。 webpack的基本使用：（了解） 下面用一个案例解释为什么用we 阅读全文
摘要：
v-model的本质： 用v-bind:属性绑定去绑定value（数据驱动页面变化），用v-on:绑定事件去给表单重新赋值（页面驱动数据变化）。这样也形成了双向数绑定。 能用v-model的肯定有value这个属性，可看官方文档： https://cn.vuejs.org/v2/guide/form 阅读全文
摘要：
后端路由就是：URL请求地址与服务器资源的对应关系 下面讲讲前端路由。 SPA核心技术就是前端路由（单页面应用） 前端路由概念： 根据不同用户事件显示不同页面内容 前端路由本质： 事件与函数的对应关系 前端路由实现之一： 改变hash，基于URL的hash的变化会导致浏览器历史访问变化，但不会触发整 阅读全文
摘要：
代码在最下面 购物车案例： 总览：my-cart里有三个子组件以及数据。 中间组件的逻辑： 1页面上的内容是通过父组件传递值来显示，而不是通过双向数据绑定。 2对数据进行修改也全都是通过子传父的方式改变父组件中的数据（数据一直在父组件中） 当多个按钮要对data中的同一个数据进行修改时可定义同一个事 阅读全文
摘要：
为什么要用组件？ 我们希望尽可能多的重用代码 组件全局注册：Vue.component('名字'，{对象}) 注册的组件里面包含了所有内容：数据（一定是函数，使用函数会形成闭包环境，保证了每一个组件拥有独立得数据），模板，方法 组件注册注意事项 1 data必须是一个函数 2 组件模板内容必须有单个 阅读全文
摘要：
1 自定义指令 局部注册： directives: { 指令名：{钩子函数} } 例子：用自定义指令改变输入框的背景颜色（全局注册） color 自定义指令名 ， inserted就是钩子函数，el代表被绑定的元素，binding是个对象（binding.value是所绑定的值，也就是说如果不打算传 阅读全文
摘要：
https://www.bilibili.com/video/BV1vE411871g?p=26 比如说之前下面的div没有类，那先以静态的方式模拟加上动态的时候看看能否显示。 现在上面是加上了current这个类发现右边的图片没有显示，而我们需要的效果是，添加了.current这个类后图片显示出来 阅读全文
摘要：
清除浮动 什么时候要清除浮动？ 在父级没有高度时，子盒子浮动，影响下方布局（因为浮动完后时不占用标准流位置的，所以父级认为伍内容就没有了高度） 清除浮动的本质： 解决父元素因为子浮动引起内部高度为0的问题。清除浮动后父盒子会自动检测 子盒子的高度，就不会影响下面的标准流布局了 清除浮动的方法： 1 阅读全文