wucan111的博客

Vue-Router - 04 路由进阶之导航守卫声明：其实路由守卫官方文档很容易就能看明白的，比较重要的也包括 完整的导航解析流程应用场景页面跳转动画在另一个栏目 打开Vue的正确姿势 里，我码了一个Loading插件（注意，但是写的install方法才启动，你如果在这里要使用的化，最好再添加个导出的方法），或者可以直接用网络上的一些动画插件，如nprogress//导入插件样式import NProgress from 'nprogress'import 'nprogress/nprog

Vue-Router - 03 嵌套路线和动态跳转该篇涉及到 children，redirect，props，及动态跳转嵌套路线之children属性const RouterView = { render: (h)=>(h('router-view'))}const User = { template: `<div> 这是User页面组件 </div>`}const Article = { template: `<div>

Vuex的介绍和使用本文按照Vuex官网参考编写，写的是自己对其的理解，当然官网已经写的很好了，只是有些东西还是不太好理解，希望用自己的话解释一遍Vue的单向数据流单向数据流：在每个Vue的实例里，(数据源) State => (数据源更新触发视图更新) view => (用户操作视图) Actions => (操作行为改变对应数据源) State什么是Vuex由于Vue的单项数据流在处理实例之间的通信比较复杂，比如多个组件依赖同一状态时，当某一个组件状态改变时关联的多个组

闭包和this指针参考延迟解析：V8是如何实现闭包的？一、闭包当在一个函数A内定义一个函数B，真正不是完全的不管这个函数B，因为函数B能够访问函数A的变量和对象，这是一旦定义完函数B就确定的事情(1) 拆解闭包——JavaScript 的三个特性JavaScript 语言允许在函数内部定义新的函数可以在内部函数中访问父函数中定义的变量因为函数是一等公民，所以函数可以作为返回值（不一定要作为返回值，只要能够向外暴露就行）(2) 分析function foo() { v

从执行上下文对象入手看声明提前资料js 中的活动对象 与 变量对象 什么区别？ 答主：貘吃馍香 的回答汤姆大叔的博客涉及到的关键词执行上下文（执行环境）活动对象、变量对象arguments、声明提前作用域链一、执行上下文（Execution Contexts）(1) 为什么要有执行上下文每个函数都有对应的执行环境，它定义了变量或者函数有权访问的数据，决定他们各自的行为执行上下文（执行环境）是存在的对象，是规范中的存在和引擎上实现，JS无法访问，无法操作，只不过大家都

JavaScript预编译和堆栈空间一、JS代码执行前做了一些事情预编译前奏：确定函数环境（它是一个抽象的概念）预编译： 确定当前执行上下文对象（执行环境），声明提前并在内存开辟空间，存储变量和函数JS是静态作用域检测，代码一旦写好，作用域就确定了二、栈空间 和 函数环境栈是一种数据结果，先进后出。大家都知道函数是可以嵌套调用执行的，假设一个函数A调用函数B，当函数B执行完，应该要回到函数代码A继续执行，为了知道函数B执行完成之后应该回到哪个位置，那么在执行函数B之前应该先记录断点（汇编

准备资料参考浏览器是如何工作的：Chrome V8让你更懂JavaScript 讲了很多很好，但是有些东西需要补充V8引擎是如何工作 讲的相对简单，但是容易懂准备说作用域和执行环境这篇需要了解很多计算机基础知识，不然只会感觉花里胡哨看了个寂寞如果可以推荐看一些极客时间的《图解Goole V8》质量不错一、高级语言是如何被编译执行或者解释执行的极客时间的重学前端和图解Goole V8(1) 编译原理编译原理入门篇|一篇文章理解编译全过程编译目标：如果源代码在操作系统上

基于Vue对axios进行上层封装这的里的很多东西都是基于上一节 axios 讲解的，如果你不是对axios了解，请先看该文章一、要真正拿axios进行实战之前要了解一些细节上的东西(1) 先搞清楚请求发送的配置和拦截问题axios的配置是可以合并的也有优先级，全局的axios.create创建的axios实例会自动吸取全局axios的配置修改任意axios实例的配置，都可以通过axios实例的defaults属性获取配置对象，再修改对应的配置项axios的拦截器并不是可合并的，

axios如果你还是对Promise比较生疏，那你对axios的深入了解一定会存在一些壁垒，更是难以对Axios进行上层封装，因此推荐先阅读了解Promise，再上手axios资料：axios 中文说明axios 官网axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。在Web端本质上就是Ajax + Promise，服务端是htttp + Promise一、理解Axios为什么兴起完美的结合Promise 的使用，在fetch兼容性不

Ajax理解和使用资料和文档MDN Ajax 还是那句话，推荐MDN，菜鸟教程对于新手或者急着使用的同学比较好，但是这也同样意味着失去了很多重要的细节一、Ajax简介(1) 什么是AjaxAJAX是异步的JavaScript和XML（Asynchronous JavaScript And XML）。简单点说，就是使用 XMLHttpRequest 对象与服务器通信。 它可以使用JSON，XML，HTML和text文本等格式发送和接收数据。(2) 为什么要Ajax传统的数据网页都是

Ajax跨域和Nginx反向代理跨域是浏览器对其请求的过滤，保证安全一、一种流行的跨域方式 CORSCORS是后端配置，在前端请求时，后端的响应请求写入一些运行跨域字段来告诉浏览器不要拦截响应运行跨域优点：允许任何源访问服务，不产生跨域，但是也不安全缺点：CORS不允许前端携带Cookie，即使前端形式上运行携带，后端无法获取，也无法setCookie回写cookie当然对于不能携带cookie不是没有解决办法 =>前端要做： 设置请求运行携带凭证withCreden

Promise的几个重要问题一、 Promise什么时候发生状态改变？什么时候获取值？前面说过Promise的excutor是同步执行的回调函数，但是可以触发异步任务，因此有两种情况：在excutor执行器中立即同步执行调用敲定函数，于是同步的实例改变状态并且获取到结果在excutor执行器中异步的执行调用敲定函数，比如setTimeout，于是异步的改变实例状态并获取结果二、Promise的实例什么一定要改变状态前指定回调函数吗？不！Promise的实例可以在任何时候指定或者说绑定

Promise状态和执行过程参考资料Promise描述 MDNPromise使用 MDNPromise前端进阶必学 尚硅谷如果你自己阅读 MDN，并且对一些晦涩词汇准确理解，可能没有太大的必要看这篇文章；如果你还是想看一下的话并且上从第一篇文章进来的话，这篇文章将重新介绍 Promise一、Promise的描述Promise是一个构造函数，是一个类 => 承诺类（我个人喜欢这么叫）；Promise的实例对象代表一个在这个 promise 被创建出来时不一定已知的值，它让您能

准备工作和对Promise简单理解参考资料Promise描述 MDNPromise使用 MDNPromise前端进阶必学 尚硅谷一、准备工作(1) 什么是实例对象，什么是函数对象任何对象都是实例对象，即使是函数对象，它也是通过new Function形成的函数，它本质上是Function类的实例但是我们为什么要区分函数对象和实例对象呢？分清楚 属性 或者 方法 是属于 类 还是 类的实例简单一点的说：new Promise//当Promise被new的时候产生的对象是Prom

错误处理一、What? 什么是错误处理错误是指导致系统不能按照用户意图工作的一切原因、事件。在程序设计过程中，由于某些错误的存在，致使程序无法正常运行，处理这些错误以使程序正确运行就称为错误处理。错误处理功能是衡量编译器性能的重要方面，它在帮助程序员尽快修改程序方面起到了非常重要的作用二、Why? 为什么需要错误处理程序出现错误，将停止运行，这对于一个后台服务来说是致命的（在服务器上的服务是需要24小时一直运行的）。为了保证程序的健壮性与容错性，即在遇到错误时程序不会崩溃，我们需要对异常进行处理三

鼠标能动，无法点击屏幕，键盘能流畅使用一、短暂解决方法（急用）CTRL + ALT + DELETE 键唤醒操作界面，大部分在这个操作过后，鼠标就可以点击了，不需要进行任务管理器操作，重新进入界面注意刷新。如果上一步无效则点击任务管理器，在你能看到的进程、性能、应用历史记录…一栏，选择详细信息，选择explorer.exe进程，右键选择结束进程树（这个时候界面肯定会黑屏，没黑说明没有结束），再创建该进程 => 点击左上角的文件（任务管理器的左上角），运行新的任务 => 输入 explorer

09 在对象方法上进行抽象和约束的abstract和interface这一节要将的自然是抽象类和接口，但我们不仅将怎么用，还要讲为什么要这么用重写缺乏约束，父类无法知道子类是否重写，即使它并没有改变父类的行为，但程序员对子类的期望无法绝对的实现在子类上。因此需要对方法的重写进行约束虽然类是对对象的抽象而得到的模型，但是无法对类进行一个比较规范的编写和声明，无法对类的特性进行重用 => abstract 和 interface 解决了这一问题根据上面两点我们归纳出两个词：契约、规范一、

06 Object.equals方法PS：本节是对上一节的一些补充，比如常量池是啥，什么是构造函数一、equals 和 ==Java 中方法区与常量池在 JDK6.0 及之前版本，字符串常量池是放在 Perm Gen 区(也就是方法区)中，此时常量池中存储的是对象。在 JDK7.0 版本，字符串常量池被移到了堆中了。此时常量池存储的就是引用了。在 JDK8.0 中，永久代（方法区）被元空间取代了。java提供两种判断相等的方式：equals==Object.equals默认是 =

08 修饰词访问控制注意什么叫做同一包内 (看包路径) ， 子类可以和父类不在同一包内，可见性是类可见还是实例可见?DEFAULT (默认 -> 不写)(在非接口对象中， 不声明 权限修饰符 默认就是 public, 而接口成员变量默认 public static final ，方法是public)PUBKIC 公有 => 类 / 接口 / 变量 / 方法public 对象 为主对象public成员 可以被所有类访问public 方法和成员 都会被其子类继承PROTEC

07 对象的多态方法函数签名方法的访问权限、返回类型、名字和参数列表称为方法的签名重载 Overload在一个类中，可以有多个同名的方法，但是要保证参数类型，数目不相同，否则会产生编译错误注意参数列表一定要不同 => 参数数量、参数类型、参数顺序被重载的方法必须改变参数列表；被重载的方法可以改变返回类型 ，但是无法以返回值类型作为重载函数的区分标准。被重载的方法可以改变访问修饰符，同上；被重载的方法可以声明新的或更广的检查异常；方法能够在同一个类中或者在一个子类中被重载。