阿乐のBlog

Promise 的基本使用🔷Promise到底是做什么的呢？   🔹Promise是异步编程的一种解决方案。 🔷那什么时候我们会来处理异步事件呢？   🔹一种很常见的场景应该就是网络请求了。   🔹 我们封装一个网络请求的函数，因为不能立即拿到结果，所以不能像简单的3+4=7一样将结果返回。   🔹所以往往我们会传入另外一个函数，在数据请求成功时，将数据通过传入的函数回调出去。   🔹如果只是一个简单的网络请求，那么这种方案不会给我们带来很大的麻烦。 但是，当网络请求非常复杂时，就会出现回调地狱。 OK，我以一个非常夸张的案例来说明。 🔷我们来考虑下面的场景(有夸张的成分)：   🔹我们需要通过一个url1从服务器加载一个数据data1，data1中包含了下一个请求的url2   🔹我们需要通过data1取出url2，从服务器加载数据data2，data2中包含了下一个请求的url3   🔹我们需 ...

Vue-router 详解前端路由规则URL的hash： URL的hash也就是锚点(#), 本质上是改变window.location的href属性. 我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新 HTML5的history模式：pushState： history接口是HTML5新增的, 它有五种模式改变URL而不刷新页面。 采用入栈出栈的模式，可以后退和前进。 history.pushState() HTML5的history模式：replaceState： 他和 pushState 基本类似，但是replaceState 不能后退与前进 HTML5的history模式：go： 补充说明： 上面只演示了三个方法 因为 history.back() 等价于 history.go(-1) history.forward() 则等价于 history.go(1) 这三个接口等同于浏览器界面的前进后退。 Vue-router 基础认识 Vue-router目前前端流行的三大框架, 都有自己的路由实现: Angular的ngRou ...

问题：setInterval和setTimeout中传入函数时，函数中的this会指向window对象 我们先来看一个例子： 123456789101112131415var num = 0;function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num); }, this.getNumLater = function(){ setTimeout(function(){ console.log(this.num); }, 1000) }}var obj = new Obj; obj.getNum();//1　　这里打印的是obj.num，值为1obj.getNumLater()//0　　这里打印的是window.num，值为0 从上述例子中可以看到setTimeout中函数内的this是指向了window对象，这是由于 ...

Vue CLI Vue CLI 官网 什么是Vue CLICLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架. Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置.。 Vue CLI使用前提Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 Vue.js官方脚手架工具就使用了webpack模板 对所有的资源会压缩等优化操作 它在开发过程中提供了一套完整的功能，能够使得我们开发过程中变得高效。 Webpack的全局安装 1npm install webpack -g Vue CLI的安装传送门 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 ya ...

在我们初始化vue项目的时候，会让我们选择 Runtime-Compiler 还是 Runtime-only 。 那我们就来看一下他们有什么区别Runtime-Compiler：编译器版本。Runtime-only：运行时版本。 如果你需要在客户端编译模板（例如，向 template选项传入一个字符串，或者需要将模板中的非DOM的HTML挂载到一个元素），你需要带有编译器的版本，因而需要完整构建版本。 1234567891011// 这种情况需要编译器new Vue({ template:`<div>{{message}}</div>`})// 这种情况不需要编译器new Vue({ render(h){ return h('div',this.message) }}) 在使用vue- loader或 verify时，*.vue文件中的模板会在构建时（build time）预编译pre-compile）为 Javascript。最 ...