随笔分类 - web前端
摘要：function IsIOS() { if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { return true } else { return false } } function IsAndroid() { if (/(Android|Adr)/i.test(n...
阅读全文
摘要：name.replace(/\s+/g,"");
阅读全文
摘要：.clearfix:after { content: "020"; display: block; height: 0; clear: both; } .clearfix { zoom: 1; }
阅读全文
摘要：1、内存泄露：一般由于开发者使用不当导致不用的内存没有被操作系统或者空闲内存池回收释放。 2、造成内存泄露的常见原因： 1） 意外的全局变量引起的内存泄露 2）闭包引起的内存泄露 闭包可以维持函数内局部变量，使其得不到释放。 上例定义事件回调时，由于是函数内定义函数，并且内部函数--事件回调的引用外
阅读全文
摘要：在做移动端项目的时候经常遇到这样一个功能比如： 返回后页面不刷新，一些失效的信息依然显示在页面上。这个问题在iphone手机上会出现，在Android手机上返回时会自动刷新（由于手机机器种类不多，无法做更多测试，欢迎补充）。 为了解决这个问题实验了很多解决办法用计时器呀onload呀都不行，后来找到
阅读全文
摘要：转自：https://www.cnblogs.com/zamhown/p/6688369.html 大杀器Bodymovin和Lottie：把AE动画转换成HTML5/Android/iOS原生动画 前段时间听部门老大说，Airbnb出了个移动端的动画库Lottie，可以和一个名叫Bodymovin
阅读全文
摘要：parentNode.append()是还在试用期的方法，有兼容问题。 是在parendNode节点中最后一个子节点后插入新Node或者DOMString（字符串，插入后为Text节点） 与 parentNode.appendChild() 的 区别在于：parentNode.append()可以同
阅读全文
摘要：最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。遂写下这篇文章避免自己忘记，同时也给node猿友一点指引。 我们在使用 npm inst
阅读全文
摘要：解决： npm i cross-env --save-dev
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>array-api</title> </head> <body> </body> <script> var array = ["one", "two", "four"]; cons
阅读全文
摘要：function isPhone(){ var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\...
阅读全文
摘要：//判断是否是微信浏览器的函数 function isWeiXin(){ //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型 var ua = window.navigator.userAgent.toLowerCase(); //通过正则表达式匹配ua中是否含有MicroMessen...
阅读全文
摘要：看完让你彻底搞懂Websocket原理 偶然在知乎上看到一篇回帖，瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里，分享一下。比较喜欢看这种博客，读起来很轻松，不枯燥，没有布道师的阵仗，纯粹为分享。废话这么多了，最后再赞一个~ 一、websoc
阅读全文
摘要：ul::before{ content: ''; width: 0; height: 0; border: 10px solid transparent; border-bottom: 10px solid #fff; top: -17px; right: 6px; position: absolute; pointer-event...
阅读全文
摘要：需求：使用vue-cli脚手架搭建项目，并且使用第三方的UI库（比如vant，mint ui）的时候，因为第三方库用的都是用px单位，无法使用rem适配不同设备的屏幕。 解决办法：使用px2rem-loader插件将第三方ui库的px转换成rem单位。 (1) npm install px2rem-
阅读全文
摘要：https://github.com/standard/standard/blob/master/docs/RULES-zhcn.md
阅读全文
摘要：1、回调函数。 2、事件监听 。 思路：采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生 3、观察者模式 （发布/订阅模式） 代码如下： jQuery.subscribe("done", f2); function f1(){ setTimeout(function () {
阅读全文
摘要：^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a" $ 匹配一个输入或一行的结尾，/a$/匹配"An a"，而不匹配"an A" * 匹配前面元字符0次或多次，/ba*/将匹配b,ba,baa,baaa + 匹配前面元字符1次或多次，/ba*/将匹配ba,baa,baaa
阅读全文
摘要：其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur 属性。但是要做一个好的毛玻璃效果，需要注意很多细节。 比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先想到的是给其设置一个透明度，并添加模糊滤镜： 可是生成的效果却是下面这样： 从这个失败的例子我们
阅读全文
