当在另一个地方的本地创建了一个仓库，并把本地仓库和Github上关联以后，发现`git pull`，`git feach`提醒`fatal: refusing to merge unrelated histories`上网查到原因是两个分支是两个不同的版本，具有不同的提交历史

微信小程序通过接口获取富文本数据内容通过`rich-text`组件标签进行渲染到页面由于内容展示过长，进行展开收起效果实现，减少用户因内容过多，产生不好的用户体验！通过一下方法实现页面的展开收起。

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

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

在使用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.减轻服务器和带宽的负担（将服务器的一些操作转移到客户端）；

使用FileReader 对象转换：File => DataURL，该对象用于读取文件（读取单个对象文件，所以，不能直接读取 Filelist 对象文件集合），即把文件内容读入内存。它接收 File 对象或 Blob 对象，作为参数。

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

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

发现好多网站的链接都是这种URL是以双斜杠“//”开头的，这种写法有特殊的用途，它会判断当前的页面协议是http 还是 https 来决定请求 url 的协议。防止IE下出现“This Page Contains Both Secure and Non-Secure Items”的报错。

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

匹配金额，就这小小的一串达到我们要匹配的金额的结果，我们在匹配金额的时候，固定的输入还可以，但是让用户单独输入我们就要考虑好多中结果，不能直接输入小数点，小数点只能是一位，小数点后面只能输两位，等等问题要我们去限制用户的输入，所有的判断不如一句正则来实现金额0.2,2.0,2.00,0.22，.33,3.22等等金额的匹配

比较常用的几个正则表达式(匹配数字),用来匹配相应的内容

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

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

在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容

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

TCP/IP体系有人把它分为四层也有人把它分为五层，不同书有着不同的分法。五层和四层的区别就在于五层的数据链路层和物理层对应着四层的网络接口层。二者都对，不必要纠结，了解一下即可。如果按照协议划分的话，物理层是没有必要单独划分出来的，毕竟物理层是没有协议的。本篇文章采用的是四层结构。

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

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

在写一些拖拽或者固顶效果会用到一些内置的属性，下面是搜集的一些内置属性

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

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

百度分享分为自由选择版跟专业开发版，两者的区别在于一个是直接粘贴使用，靠程序去自己抓取内容，缺点有时候不是自己想要的，那么下面的专业开发版就正好满足了开发者自定义开发分享内容的需求

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