利用js方法判断当前滚动条滚动的方向，以及滚动位置相关判断，横向滚动纵向滚动。

使用js封装事件分发系统,包含三个最基本功能 on (监听事件), off (移出事件), emit (触发事件)，来实现事件的监听回调。

Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node,无法在节点上执行appendChild,添加dom节点问题。

nuxt.js客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的，例如在<p>中嵌套块级元素，或者缺少<tbody>。打捞水化并执行完整的客户端渲染,在控制台出现红色提示，布置到生产环境项目发生崩溃。

使用javascript屏蔽阻止用户通过鼠标右键点击，键盘f12,以及通过浏览器自带的开发者工具选项进行源代码的查看

直到在一个夜黑风高的晚上，我邂逅到它（mock.js），顿时感觉，整个世界都安静了不少。站长在经历当中遇见最恶心的事就是什么也没有，没有文档，没有交流，你做你的我做我的，很反感这样的开发方式，各做各的没有一点交流合作，团队也不会有多大的成长！

站长在搞一个矩阵二维地图的时候（其实就是二维数组），自己总不能一个一个给数组里填吧，所以就有了这个自动保存json文件导出供我使用的数组话不多说上代码！

typeof 和 instanceof 都可以用来判断变量，typeof方法返回一个字符串，来表示数据的类型; 但是typeof来判断数据类型其实并不准确。比如数组、正则、日期、对象的typeof返回值都是object，这就会造成一些误差。而instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性，返回一个布尔值。

有的时候我们在处理一下类型数据，子级数据的时候我们可能要更客观的展示所以搜集当下供大家参考，如人员递归，分类递归，select下拉递归

通过整合各类验证信息进行对邮箱、电话、手机、邮编、数字、浮点、货币、网址、传真、整数、正整数、负整数、数字字母、是否含有中文字符等进行封装!

首先，我们需要给出一个默认状态，即非全屏。然后，在此基础上我们进行DOM操作，每次用户进行操作时，我们先判断当前状态，进行相应的操作，操作过后改变当前状态即可。

利用正则替换实现敏感词替换，达到恶意字符进行屏蔽的效果

追梦猪最近在做移动端项目 ，有个设置开始时间和结束时间，然后倒计时 这个活动还有几天。在安卓上能正确转换时间，但在iOS上不能显示，为NaN-NaN1-NaN Invalid Date， 就好比new Date('2017-09-18 14:58:32').getTime();

写js时在网上找了很多获取音频时长都获取不到，然后搜索各种试最后终于可以，记录下来方便以后使用 ​

获取一天的时间生成1点到2点，2点到3点等等的时间段，也可以生成单个1点，2点等或者2.15,3.15等，根据需要进行拓展

mock.js没有用过的觉得很鸡肋，不就是填充数据吗，我开发的时候页面有数据啊，等等，我们要应用的场景就是我们调好接口，在没有网的情况下发现页面空荡荡的，而这个时候老板过来说看一下你的项目，怎么难道直接给老板看空白页面吗，当然是no，这时候mock.js这个数据生成器就派上了用场，用来展示数据，这样老板看到带数据的页面就感觉你这工作很ok！

Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。

当我们把服务端传给vue的代码放入vue中的时候我们出现了犯难，转义以后是字符串类型的vue只有v-html才能导入到ueditor中显示，由于是纯前端操作，不涉及后端，因此需要通过js对输入内容进行转义。这里提供一个非常简单有效的转义方案，利用了innerHTML和innerText

原因： 由于 UglifyJs 只支持 ES5 而 vue-echarts可能引入了一部分 ES6 的写法，所以导致 webpack 打包失败。解决： webpack.config.js 配置删除下面这句， exclude 表示/node_modules/ 目录下的 .js 文件不要进行 babel-loader ， 覆盖了上一句 include 的设置

react.js引入配置less，来实现动态管理背景主题

Vue根据菜单json数据动态按需加载路由Vue-router,实现路由动态化

在使用预渲染prerender-spa-plugin测试打包生成静态页的时候我们发现在console控制台出现会出现webpackJsonp is not defined错误提示

Vue.js中提供了许多函数，有一些函数非常有用，它将组件创建到完成渲染这段时间进行了无限放大，其实在这段时间内我们可以做好多工作，这在其他框架下是没有的，非常实用

刚开始我是通过在index页面直接引入wow.js效果，第一天可以，但是第二天就不行了，看了一下代码的前端执行结果发现动画的名称是none，那问题出现在了没有找到动画名称，为什么会出现这样的我想应该是加载顺序导致的，wow.js在页面加载完以后便已经执行了，但是我的数据还没有获取到所有才出现了数据被display：none；

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

报错redux-persist failed to create sync storage. falling back to ”noop" storage （redux persist无法创建同步存储。回到“noop”存储），我们很蒙蔽会找redux的问题，还有各种交流网站上跟react开发的react-native的连贯问题，但是发现跟着写也没有解决，在回退到原始找寻路径，我们去了官网的git上的issues上我们找到了蛛丝马迹如图

使用next.js对react进行服务端渲染的时候我们遇见如图问题，Warning: Expected server HTML to contain a matching <div> in <li>.原因是我们的页面上出现了跟服务端不匹配的标签，这个标签产生的原因就是我们动态判断显示的内容，比如说我们在登陆的时候，登陆成功是不是要显示我们的用户信息，填充到界面上，这样我们就知道页面跟服务端的页面发生了变化！

React项目npm run build打包上线后，页面出现空白的原因同vue打包空白错误一样就是路径问题，在react打包运行的时候出现错误导致页面空白无法访问

本篇教程介绍react的从入门到精通，通过简单的demo带领大家走进react的世界

出错原因：通常在 React 中，一般要引入两个包，react和 react-dom，那么react-router和react-router-dom不同之处就是后者比前者多出了<Link> <BrowserRouter>这样的 DOM 类组件，因此只需引用react-router-dom这个包就OK了