摘要： 我们开发的时候使用的数据都是本地 mock 目录下的模拟数据，现在需要调用的是线上数据。假如我们在本地启用了一个php的后台服务，地址为 http://localhost:80 打开config/index.js文件，我们上次修改的 dev 开发模式，修改为： proxyTable: { '/api 阅读全文

摘要： 创建分支：detail-animation 拉去到本地并切换分支： git pull git checkout detail-animation 在详情页点击banner，显示画廊轮播组件的时候，添加渐隐渐显的动画效果。 在 src/common 目录下创建 fade 文件夹，并新建FadeAnim 阅读全文

摘要： 创建分支：detail-ajax 拉取到本地并切换分支： git pull git checkout detail-ajax 打开Detail.vue页面，添加代码： import axios from 'axios' export default { data () { return { sigh 阅读全文

摘要： 创建分支：detail-list 拉取到本地并切换分支： git pull git checkout detail-list 在detail/components目录下，创建List.vue文件： <template> <div>list</div> </template> <script> exp 阅读全文

摘要： 上次在Header.vue中写了一个： activated () { window.addEventListener('scroll', this.handleScroll) }, 这个是对全局的 window 对象，所以会出现问题，不仅对这个组件，也对全局的组件都造成了影响。 解决办法： // 页 阅读全文

摘要： web常见攻击手段 我只会大概提及它的攻击原理和预防方法，具体的实现和深入研究还请大家自行百度，因为只有真正需要用到才会去详细了解，这里我只为web安全小白做知识扫盲。因为博主目前接触最多的服务端语言是JAVA所以例子都从java web项目来讲。 跨站脚本攻击（XSS） 虽然我们目前做的是一个博客 阅读全文

摘要： 创建分支：detail-header 拉取到本地并切换分支： git pull git checkout detail-header 在detail/components目录下，创建Header.vue文件： <template> <div> <div class="header-abs"></di 阅读全文

摘要： 创建分支：detail-banner 拉取到本地并切换分支： git pull git checkout detail-banner 打开home下的Recommend.vue文件： <router-link tag="li" class="item border-bottom" :to="'/de 阅读全文

摘要： 创建分支：city-keepalive 拉取并切换分支： git pull git checkout city-keepalive 启动服务，点击右上角的城市进入城市列表页，点击城市再返回到首页，这一系列操作下来，我们在Network里会发现不停的请求 indes.json 和 city.json 阅读全文

摘要： 创建分支：city-vuex 拉取到本地并切换分支： git pull git checkout city-vuex 我们要做的功能是在城市列表页，选择某一个城市后，首页右上角的城市也跟着变化。 安装Vuex： npm install vuex --save 在src目录下，创建store文件夹，新 阅读全文

摘要： 创建恩智：city-search-logic 拉取到本地并切换分支： git pull git checkout city-search-logic 打开search.vue文件，先增加一个显示结果区域，并给input增加双向绑定： <template> <div> <div class="sear 阅读全文

摘要： 在城市列表页，我们想实现点击右侧的字母表，左侧城市列表会自动的滚动到对应的字母显示区域之中。 创建分支：city-components 拉取到本地并切换分支： git pull git checkout city-components 打开Alphabet.vue文件，给li添加一个点击事件： <l 阅读全文

摘要： 创建分支：city-ajax 拉取到本地并切换分支： git pull git checkout city-ajax 然后在City.vue文件中发起axios请求： import axios from 'axios' export default { data () { return { hotC 阅读全文

摘要： 安装Better-scroll插件： npm install better-scroll --save 查看github发现使用better-scroll，需要元素符合以下这种结构： <div class="wrapper"> <ul class="content"> <li>...</li> <l 阅读全文

摘要： 创建分支：city-list 拉取到本地并切换分支： git pull git checkout city-list 新建List.vue文件： <template> <div class="list"> list </div> </template> <script> export default 阅读全文