采用vue和echart实现echarts官网在线预览图表功能，可在线编辑演示图表demo,减少用户本地编写，通过页面中的代码编辑器修改echarts的option属性来实时渲染echarts的展示效果。

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

在使用vue进行开发的时候总会遇见seo的问题，但是vue-meta-info是基于2.0开发的，那在3.0中会出现什么样的问题，记录从vue-meta-info2.0到vue-meta-info3.0的兼容使用

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

mysql全国省市区数据SQL,提供对应行政区的存储，方便开发使用

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

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

在使用vue开发h5移动端网页的时候我们在页面中嵌入了一个视频播放器DPlayer.js来实现手机端的播放在使用seek跳转指定时间点的时候发现这个方法失效

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

在使用vue全家桶中的axios进行全局请求状态拦截的时候，我们的element-ui弹窗提示会根据拦截几个接口返回几个弹窗提示，在用户方面我们看着比较不太友好

scoket.io官方文档，使用LAMP（PHP）等流行的Web应用程序堆栈编写聊天应用程序通常非常困难。它涉及轮询服务器的更改，跟踪时间戳，并且比预期的要慢得多。传统上，套接字是构建大多数实时聊天系统的解决方案，可在客户端和服务器之间提供双向通信通道。这意味着服务器可以将消息推送到客户端。每当您编写聊天消息时，其想法都是服务器将获得该消息并将其推送到所有其他已连接的客户端。

利用@media screen实现网页布局的自适应 优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值

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

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

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

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

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

在移动端，画布的大小要根据屏幕的大小进行适配，我们一般采用rem结合媒体查询的方式。使用canvas时就遇到遇到一些问题：canvas的width属性不支持rem单位(如果使用样式当然支持rem，但注意canvas的width属性与style中的width是有区别的)

原生Ajax 优势:1.不需要插件支持（一般浏览器且默认开启 JavaScript 即可）；2.用户体验极佳（不刷新页面即可获取可更新的数据）；3.提升 Web 程序的性能（在传递数据方面做到按需放松，不必整体提交）；4.减轻服务器和带宽的负担（将服务器的一些操作转移到客户端）；

在设置请求头的时候报这个Failed to execute "setRequestHeader" on "XMLHttpRequest": The objects state must be OPENED.，是由于需要先打开XMLHttpRequest

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

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

追梦猪（zmz）最近在学习canvas画图表，所有收藏一下相关的demo，供有缘人参考，Canvas API（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。

追梦猪在项目中用到了，昨日、本周、上月等时间查询特此记录，以后入坑者学习

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

typeof的一个不好的地方就是它会把Array还有用户自定义函数都返回为object

在绚丽插件的路上大多都是依赖型插件，但是我们追求的就是原生型的插件，脱离一些依赖加快一些速度

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

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

现在很多的网站都已上了安全证书SSL实现了HTTPS化，这样不仅使网站的安全得以保证，而且还防止了被一些非法的运营商劫持DNS的情况。虽然说网站上了HTTPS以后，网站的网安全有了保证，但是一些网站的插件是不支持HTTPS的，比如百度的分享代码。