公司最近在做的一个项目，依然是采用熟悉的vue开发，数据平台因为其数据量大的特点，采用传统的spa模式，首页加载时间很长，而SSR这种方式对于首屏的加载时间优化显而易见，同时还可以方便的进行SEO。因此借机学习Nuxt.js框架（文档详细，更新快，issue反馈及时）及iview（比较优秀的一款UI，基本满足项目需求）。

最近有个需求，就是后台系统编辑文章内容存到后台，前端这边获取到是转义后的字符串，如果直接将转义后的内容写在页面上，html标签不会被解析。网上找到觉得不错的功能函数，这里记录一下

一般，setTimeout函数接受两个参数，第一个参数func|code是将要推迟执行的函数名或者一段代码（引擎内部使用eval函数，将字符串转为代码），第二个参数delay是推迟执行的毫秒数。但是，setTimeout 还可以添加更多参数。第二个之后的参数都将作为 推迟执行函数的 参数 传入。

ES6 允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这个被称为解构。 解构的用途 交换变量的值 从函数返回多个值 函数参数的定义 提取JSON数据 函数参数的默认值 遍历Map结构 输入模块的指定方法 1、数组解构赋值 (1) 完全解构，这种写法属于 “模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对...

这是基于vue2 + vue-router2 + vuex + axios 的一个webapp项目！主要想借此项目来学习vue,觉得光是看api和其他文章总结对vue理解感觉是一知半解，不够深刻。所以找网上找了相关的资料，自己动手写了这个demo,页面的数据是通过调用接口和页面爬取回来的，页面icon和数据保持和线上的一致，如有冒犯请告知，项目仅供参考学...

前言 在利用video元素或audio元素读取或播放媒体数据时，会触发一系列事件，如果用js脚本来捕抓这些事件，就可以对着这些事件进行处理了。 捕抓的方式有两种： 第一种是监听的方式。使用vedio或audio元素的addEventListener方法来对事件进行监听，该方法可以定义如下： {代码...} 第二种是 采用获取事件句柄方式，如下：...

我们平时用到的浏览器编辑器功能都会比较多，实现的代码逻辑也会非常复杂，往往是作为一个单独插件被引入进来的。但是，现在我只需要一个很基本的内容输入内容编辑的功能，如：粗体、斜体、列表、对齐等。那要怎么办，直接引用个插件太臃肿了。

参数start 数组片段开始处的数组下标。如果是负数，它声明从数组尾部开始算起的位置。 也就是说，-1指最后一个元素，-2指倒数第二个元素，以此类推。

使用css3来实现比较复杂动画的时候往往力不从心。所以网上看到的大多数专题基本上都是使用svg或者canvas来做的， 但是要对这些的api有一定的了解才能做出来，而且还要各种代码，过程相当繁杂。最近在github上面看到的一个神奇的插件：bodymovin，可以实现在 After Effect（可视化操作，不用码代码）上面导出 svg的json数...

在JS中，添加到页面上的事件处理程序都会占用内存，内存占用的越多性能就越差，且必须事先就指定好所有的事件处理程序而导致的DOM访问次数的增加会延迟整个页面的交互就绪时间。特别是对table的td和ul的li的事件处理，如果是给大量子元素添加事件，会占用大量内存。事件处理程序绑定的越多越影响性能，但是又不能说不绑...

通常，我们需要创建一个可变参数的函数，可变参数是指函数可以接受任意数量的参数。例如，String.prototype.concat 可以接受任何数量的字符串作为参数。使用 Rest 参数，ES6 为我们提供一种新的方式来创建可变参数的函数。我们来实现一个示例函数 containsAll，用于检查一个字符串中是否包含某些子字符串。例如，contain...

debounce（防抖）：当调用动作n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间。比如：如果用手指一直按住一个弹簧，它将不会弹起直到你松手为止。 throttle（节流）：预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期。比如：将水龙头拧紧直到水是...

就终极目的来说，requestAnimationFrame就是setTimeout。既然有了setTimeout，那还要requestAnimationFrame来干嘛。setTimeout会存在过度绘制，会造成帧丢失，继而导致动画断续显示。这也是setTimeout的定时器值推荐最小使用16.7ms的原因（16.7 = 1000 / 60, 即每秒60帧）。

由于刚刚接触svg，在w3school和菜鸟教程上面的简直是入门的入门，过于简洁，完全不利于学习，所以不得不在网上找了一些文章和资料来看看，对于svg动画这部分完全可以跟css3动画抗衡，现在整理一下，以备忘。

目前看到的很多的pc端页面点击页面某块链接的时候，原本应该是页面的某个部分更新的，但是却整个页面刷新，整个页面都闪了一下。特别是看某些图集的页面，一个页面本来就几十张图看，看完眼睛都闪瞎了。用ajax加载数据可以解决这个问题，但是也会造成另外的问题，页面无法前进和后退。支持浏览器历史的， 刷新页面的同时...