你是否想过在js中如何对数组正确地进行分组？让我猜猜，你是否对结果不太满意？数组分组是一种很常见的操作，并有很多种实现方法，但是直到现在也没有原生方法并且所有实现的方法都有些...冗长难懂？我们将会探讨如何进行分组并简化这一切。Setupitems数组 {代码...} 对items数组基于type进行分组，得到的结果如下： {代...

git reset -soft:仅取消commit,本地仓库回退至指定版本 git reset -mixed（default）:取消commit与add,本地仓库回退至指定版本 git reset -hard :取消commit与add，并撤回源文件的修改

实现一个vuex插件pvuex 初始化: Store声明、install实现，vuex.js: {代码...} 实现 commit :根据用户传入type获取并执行对应 mutation {代码...} 实现 actions :根据用户传入type获取并执行对应 action {代码...} 实现 getters , 并利用computed属性缓存. {代码...}

模拟vue-router实现简单的路由功能, 仿照vue-router使用的方法, 在router/index.js中配置路由文件从而逐步实现目标.

css可以渲染各种图形。我们只需要设定一个块级元素最基础的width和height属性值，就可以实现正方形、长方形。border-radius属性可以实现圆形、椭圆等，如果再加上伪类元素及其它属性，则又有更多可能。重点是我们要学会拆分，将复杂的图形拆为简单的四边形或三角形，还要计算好图形的边边角角该如何取值。

1.利用活动状态 .active 实现点击效果:active 活动时向右下移动，使用transform属性，顺便添加transition 属性，优化一下过渡效果。(可以使用控制台，通过调试获得合适的贝塞尔曲线)[链接]

前言：我们都知道vue中v-model指令可以实现双向数据绑定，但他本质是一个语法糖，比如组件上的v-model默认会利用名为value的 prop 和名为input的事件。在自定义实现的过程中，发现在使用输入法时，输入拼音选择候选词同样会触发原生input标签的input事件，从而更新value。但element-ui的input组件便不会如此，其实就是用...

在处理页面切换时，用到了VUE中的CSS动画，当刷新页面时可以获得正确的offsetTop与offsetLeft。而通过链接进入页面，就会取到意料之外的值。通过检查代码，重构CSS布局代码，尽量减少position: absolute等绝对定位的使用。一是为了CSS代码的整洁，二是对减少HTMLElement.offsetParent的影响。避免之后获取如 HTMLElement...

1.The Feast of Many Beasts {代码...} 2.The Supermarket Queue {代码...} 3.Build a Car {代码...}

1. Abbreviate a Two Word Name {代码...} 2. Love vs friendship {代码...} 3. The Hunger Games - Foxes and Chickens (Poison) 链接：正则表达式（MDN） {代码...} 断断续续使用codewars也有段时间了，刚开始基本上是对String及Array方法的练习，后面渐渐有正则或者复杂些的逻辑。段位更高的是对象类的习题。之前订阅...

什么是hybrid hybrid：混合使用Native和web技术开发，即前端和客户端的混合开发。核心是快速迭代，无需审核。主流技术框架 web渲染：Cordova（前身是PhoneGap） 原生渲染：React Native、 Weex 混合渲染：微信小程序 webview：是app的一个组件，用于加载内嵌的h5页面，即一个小型的浏览器内核file协议：加载本地资源文件...

zepto中，通过'$()'入口函数，返回init函数，init函数对'selector'进行判断，然后根据情况给dom变量赋值；最后到构造函数Z中，返回一个对象数组（可以模拟进行数组操作的对象），每一项定义为dom数组中的节点对象。构造函数的原型赋值给Z.prototype。

{代码...} js继承，通过将原型赋值为父类的实例对象实现继承 {代码...} 结尾：class在语法上更贴合面向对象的写法，实现继承更加易读且容易理解。本质可以看做是语法糖，仍是prototype实现继承。

1.使用devServer.before进行数据mock {代码...} {代码...} 2.使用Mock.js进行数据mock 使用Mock.mock()，根据数据模板生成模拟数据。 {代码...} {代码...}

从输入url到得到html的详细过程 浏览器根据 DNS 服务器得到域名对应的 IP 地址 向这个 IP 的服务器发送 http 或 https 请求 服务器收到、处理并返回请求 浏览器得到返回的内容 TCP是运输层的面向连接的可靠的运输协议，HTTP 是纯粹的文本协议，它是规定了使用 TCP 协议来传输文本格式的一个应用层协议。TCP 协议是一条双...

2.Output 输出属性规定哪里创建以及如何命名输出文件。默认./dist/main.js为主输出文件和./dist任何其他生成文件的文件夹。

apply 和 call 都是为了解决改变 this 的指向。作用都是相同的，只是传参的方式不同。第一个参数都是改变this的指向，apply 接收一个数组作为参数，call 接收一个参数列表。而bind 则返回一个函数。

之前断断续续刷过一段时间的codewars，虽然自己算法依旧菜鸡，不过却锻炼了对一些API的操作。 因此想做一个系列，以后坚持在codewars上刷题。（想锻炼算法还是力扣好一些，不过已经习惯这里了^__^）

在VUE实战项目的中有一个加载推荐书籍的过渡动画，在项目中是使用JS实现。当时看视频大概一个小时作用，拆分动画逻辑，写代码更是耗时。后来自己想着能不能用CSS动画直接写出来，折腾了半天，终于算是实现了。可以查看加载动画地址

这些代码中的函数必须是全局变量，才能暴露给使用方，但是全局变量会造成很严重的污染，很容易覆盖别人的或者被别人覆盖；并且依赖关系不明确，可能会出现加载问题。

javaScritp的数据类型按存储方式，分为基本数据类型和引用数据类型。基本数据类型保存在栈内存，引用类型保存在堆内存中。保存在栈内存是大小固定的数据，而引用类型的大小不固定，只能保存在堆内存中，但是它的地址写在栈内存中可以供我们访问。　　基本数据类型是按值访问，操作的就是变量保存的值；对于引用类型，我...

1.下面在控制台的输出是什么？？ {代码...} 2.下面在控制台的输出是什么？？ {代码...} 3.阅读以下代码，下面的输出是什么？？ {代码...} 4.阅读以下代码，下面的输出是什么？？ {代码...} 5.以下代码在控制台的输出是什么?? {代码...} 6.以下代码在控制台的输出是什么?? {代码...} 7.以下代码在控制台的输出是什么?? {...