06 2020 档案
摘要：前端分阶段学习路线和方法 想要高清离线文件可以来我的个人博客 第一个阶段（看看能不能学走） 开发环境搭建 开发工具 vscode webstorm hbuilder 基础的计算机命令 html 常用标签（不同刻意去背） 表单 语义化 多媒体 audio video 一些常用的api 文件读取 网络状
阅读全文
摘要：webpack的入门实践 我会将所有的读者概括为初学者，即使你可能有基础，学习本节之前我希望你具有一定的JavaScript和node基础 文中的 ... ...代表省略掉部分代码，和上面的代码相同 文中的文件夹如果没有说创建，并且项目默认没有的是需要你手动增加的 不会特别细致，但是足够入门 资源
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 什么是vuex vuex是vue.js专门用来进行状态管理的工具，采用集中式状态管理,并以相应的规则保证一种可预测的方式发生变化 通俗的来说，就相当于一个管家，我们把一些公用的数据交给他进行管理，并且每个组件
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 什么是Axios 是一个基于promise（承诺）的HTTP网络请求库 可以用于浏览器和node.js项目 vue官方推荐的请求库，从以前的vue-resource到axios 通俗点说就是对JavaScri
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 终于就是到了这一节，前面多次提到的脚手架来啦！ 什么是脚手架 其实就是一个配置好了的使用webpack完成打包构建的初始化工程，和我们前面讲的
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 那么前面我们都是直接引入vuejs文件的方式进行开发，然后在同一个html文件中进行开发 这显然是不符合组件化开发的思路的，前面我们说过实际当中的开发都是编写以.vue结尾的页面文件，然后用webpack进行
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 什么是路由 大家还记得我最开始提到的spa单页面吗，通过不同的路径显示不同的组件，这个就是通过router实现的 那么首先我们还需要引入一个 router文件 <script src="https://cdn
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 vuefilter过滤器 这个过滤器其实可以看成就是 保安 这样一个，对资源做一些处理，当然不仅仅是看门这么简单 我们这里举例 比如敏感字符串的过滤 全局过滤器 那么和组件一样，有全局的私有的，我们先来定义全
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 什么是组件 还记得我们前面讲的spa单页面吗，那么这个只有一个单页面文件是如何实现切换显示和不同路径展示不同内容的呢？ 这就是组件，我们还是用哔哩哔哩这个界面举例，这个每个红圈勾住的地方就可以看做是一个个组件
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 过去都是jquery来做动画比较多吧，这一节就是介绍一下vue的过渡和动画，这需要你具备实现css的基本过渡和动画的能力 vue也可以借助第三方库实现比较复杂的动画，本次只是介绍常用的简单效果，更深的在下次的
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 前面在讲到 v-bind的时候我们说到 vue是可以绑定样式的，那么这里我们就简单实践一下 为什么要动态绑定样式 来看这个效果，默认渲染选中的是蓝色字体，这就是一个简单的场景，包括还有些列表展示中，不同数据不
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 点击事件 还记得jquery是怎么绑定点击事件的吗 $("button").click(function(){ console.log('我被点击了') }); 那么vue是如何绑定点击事件呢？就要使用 v-
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 v-bind 上面讲了页面怎么渲染数据，那么vue如何给一些空间绑定数据呢？ 比如 图片链接、单选框、样式等等 这里就要使用到 v-bind 首先初始化一个 vue项目，定义一个图片链接字符串 <script
阅读全文
摘要：本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 vue定义数据 还记得前面说的mvvm的 model层吗?也就是数据层 在vue中我们如何定义我们需要使用到的数据呢 <script> let vm = new Vue({ el: '#app', data(
阅读全文
摘要：vuejs的结构和生命周期 本内容为系列内容，全部内容请看我的vue教程分类 我的个人博客 本节仓库地址 视频教程地址 结构 上一节我们实例化vue的时候传递了一个对象，那么这个对象具体是个什么样的结构那，可以传递一些什么样的值那 <script> // 实例化一个vue let vm = new
阅读全文
