随笔分类 -  前端

vue学习七之Axios
摘要：JQuery时代，我们使用ajax向后台提交数据请求，Vue时代，Axios提供了前端对后台数据请求的各种方式。 什么是Axios Axios是基于Promise的Http客户端，可以在浏览器和node.js中使用。 为什么使用Axios Axios非常适合前后端数据交互，另一种请求后端数据的方式是 阅读全文
posted @ 2018-11-06 11:17 shuyang 阅读(455) 评论(0) 推荐(0)
vue学习六之vuex
摘要：由于状态零散地分布在许多组件和组件之间的交互中，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue 提供 vuex。 什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 状态 阅读全文
posted @ 2018-11-06 11:14 shuyang 阅读(226) 评论(0) 推荐(0)
vue学习五之VueCLi
摘要：通俗的说，Vue CLI是我们创建大型项目时的脚手架，所谓脚手架，就是帮助我们建设好了建造大厦的所需模板，建设者只需往模板里面填入实质内容，即可完成大厦的建设，对于程序开发来说，脚手架使程序员只需要关注业务逻辑的实现上面，我们不需要再关注兼容性问题，不需要再浪费时间在重复的工作上。 Vue Cli帮 阅读全文
posted @ 2018-11-06 11:05 shuyang 阅读(385) 评论(0) 推荐(0)
vue学习之webpack
摘要：本质上，Webpack是一个现代 JavaScript应用程序的静态模块打包器(module bundler)。当 Webpack处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。 模块化 阅读全文
posted @ 2018-11-06 10:52 shuyang 阅读(264) 评论(0) 推荐(0)
vue学习之npm
摘要：任何一门计算机语言都包含了丰富的第三方库，npm就是JavaScript这门语言的第三方库管理工具，本文详细介绍了JavaScript的包管理工具，npm。 在计算机中安装好Node.js之后，默认已经安装好了npm包管理工具，我们可以输入npm命令进行测试： 安装好npm包管理工具之后，我们来介绍 阅读全文
posted @ 2018-11-06 10:46 shuyang 阅读(443) 评论(0) 推荐(0)
vue学习之node.js
摘要：Node.js是一个Javascript运行环境(runtime environment)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。本文详细介绍了Node.js的安装和使用。 一、Node.js介绍 Node.js 不是一个 JavaScript 框 阅读全文
posted @ 2018-11-05 11:44 shuyang 阅读(408) 评论(0) 推荐(0)
vue学习之六路由系统
摘要：一、vueRouter实现原理 VueRouter的实现原理是根据监控锚点值的改变，从而不断修改组件内容来实现的，我们来试试不使用VueRouter，自己实现路由控制，如下代码： 二、vue路由的安装使用 2.1下载vue-route.js https://unpkg.com/vue-router/ 阅读全文
posted @ 2018-10-30 16:08 shuyang 阅读(286) 评论(0) 推荐(0)
vue学习之五生命周期
摘要：一、vue生命周期图解 下图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。 二、vue钩子函数使用 2.1beforeCreate 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用 阅读全文
posted @ 2018-10-30 15:17 shuyang 阅读(258) 评论(0) 推荐(0)
vue学习之四组件系统
摘要：vue.js既然是框架，那就不能只是简单的完成数据模板引擎的任务，它还提供了页面布局的功能。本文详细介绍使用vue.js进行页面布局的强大工具，vue.js组件系统。 一、Vue.js组件系统 每一个新技术的诞生，都是为了解决特定的问题。 组件的出现就是为了解决页面布局等等一些列的问题。 vue中的 阅读全文
posted @ 2018-10-30 14:51 shuyang 阅读(252) 评论(0) 推荐(0)
vue学习之三常用命令
摘要：一、插值 1.1 +号运用 二、v-text 类似双大括号语法渲染数据的另一种方式是使用v-text。 三、v-html 双大括号语法无法渲染HTML标签，我们需要使用v-html。 四、v-for 接下来，我们看看数组和对象的渲染方式。 五、v-if 渲染数据的时候，同样也可以使用条件判断，我们来 阅读全文
posted @ 2018-10-30 11:43 shuyang 阅读(467) 评论(0) 推荐(0)
vue学习之二ECMAScript6标准
摘要：一、ECMAScript6标准简述 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 1.1ECMAScript 和 J 阅读全文
posted @ 2018-10-30 11:20 shuyang 阅读(502) 评论(0) 推荐(0)
vue学习之一vue初识
摘要：一、vue.js是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用 阅读全文
posted @ 2018-10-30 10:18 shuyang 阅读(260) 评论(0) 推荐(0)