Recall Hyx

前言最近在学 Vue 全家桶，遇到 Vuex 这个东西，记录一下学习过程及遇到的不懂的地方和一些坑。 Vuex 是个啥 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-tra... 阅读全文…

前言我们看一道题目 实现一个函数输入123456789，输出123，456，789 解法一，正则表达式str.replace(/(\d)(?=(?:\d{3})+$)/g,'$1,')其中 (?:\d{3}) 叫作非捕获括号，匹配 \d{3} 但是不记住匹配项。然后它被正向肯定查找包裹住： (?=(?:\d{3})+$)，(?=) 这就是正向肯定查找，会匹配到 \d 仅仅... 阅读全文…

这里是对正则表达式的思考，源自一个题目： 完成一个 extractStr 函数，可以把一个字符串中所有的 : 到 . 的子串解析出来并且存放到一个数组当中，例如：extractStr('My name is:Jerry. My age is:12.') // => ['Jerry', '12']注意，: 和 . 之间不包含 : 和 .。... 阅读全文…

前言主要是对比HTTP1.0，HTTP1.1 ，HTTPS，SPDY，HTTP2.0，还有对HTTP缓存的一些记录 HTTP1.0，HTTP1.1 ，HTTPS，SPDY，HTTP2.0HTTP1.0 与 HTTP1.1 区别HTTP1.0最早在网页中使用是在 1996 年，那个时候只是使用一些较为简单的网页上和网络请求上，而HTTP1.1则在 1999 年才开始广泛应用于现在的各大浏览器网... 阅读全文…

前言前端三大框架：Angular2、React、Vue，都是 MVVM 框架，但是他们各自实现 ViewModel 层 数据绑定的方式都不太一样，在我学习框架的过程中，也想要知道底层实现的方法，所以写写博客记录一下。 Angular2Angular2 提供一种特殊的双向数据绑定语法：[(x)]。 [(x)] 语法结合了属性绑定的方括号 [x] 和事件绑定的圆括号 (x) 。也就是说，Angu... 阅读全文…

安装基于webpack如果是在 vue-cli 项目中，可以使用以下命令安装12npm install node-sass --save-devnpm install sass-loader --save-dev vue-cli生成的项目，已经默认加入了处理sass的loader只需要在需要的地方加入lang=scss即可123<style lang='scss' scope>.... 阅读全文…

引入例子先来个例子：123456setTimeout(function () { console.log(1);}, 0);console.log(2);//2//1 我们都知道，调用 setTimeout 时，会把函数参数，放到事件队列中，等主程序运行完，再调用。所以会先输出2再输出1。不过 setTimeout 第二个参数是延迟多少秒，都会放到事件队列。 那我们... 阅读全文…

Vue-loader 介绍Vue-loader是一个集成了 webpack 的loader，能把 Vue 组件转化成JavaScript模块，而且 webpack 的配置官方已经给你配好了，可以省去配置的步骤，省时省力。 Vue-loader 使用安装Vue-loader 可以通过官方的 vue-cli 脚手架来使用首先，安装 vuenpm install vue 全局安装webpacknp... 阅读全文…

简介Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。Python的协程也是用Generator函数这种方案来实现的。 以前的异步编程方案： 回调函数 事件监听 发布/订阅 Promise 对象 Generator 函数有多种理解角度。语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。 执行 Generat... 阅读全文…

最近的面试遇到面试官问前端三大框架的区别，我实际开发只用过Angular2，没有用过其他框架，所以感觉很吃亏，作为一个前端，怎么能拘泥于一个框架呢？ 历史Angular 是基于 TypeScript 的 Javascript 框架。由 Google 进行开发和维护，它被描述为“超级厉害的 JavaScript MVW框架”。Angular（也被称为 “Angular 2+”，“Angular... 阅读全文…