有时应用场景不允许有逻辑代码，只允许使用正则表达式。比如禁止使用 String.prototype.indexOf 等 js 原生函数，这时候需要借助正则表达式来处理逻辑。

题：有如下字符串数组，使用正则查出不包含 min.js 的字符串。

1

var str = ['xx.min.js','xx.js','x.js','x.min.js'];

方案一

使用逻辑非

1

!/min\.js/.test(string)

条件再苛刻一点，不允许使用逻辑非，那么就需要使用正则表达式直接匹配出不包含的字符串。这时候需要用到方案二。

方案二

1

/^((?!min\.js).)+$/.test(string)

(?!min\.js). 表示任意字符前面都不能是 min.js 。后面的 . 也可以放在前面 .(?!min\.js)，语法相同，表示匹配任意字符后面不能是 min.js

^((?!min\.js).)+$ 表示从开始到结束，任意字符前面都不是 min.js 则匹配成功，否则匹配失败。

完整语法参考 MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions

css3 的 filter 非常强大，在实际开发中也能提升逼格，比如 filter: blur 可以实现更优雅的弹窗遮罩。

阅读全文

利用 css3 box-shadow 属性，可以实现各种阴影效果，本文使用该属性实现书页卷角阴影。

阅读全文

indexOf 在 js 中的两个方法 Array.prototype.indexOf() 、 String.prototype.indexOf() 。

这两方法都是查找一个给定元素的第一个索引，如果不存在，则返回 -1。

这儿的 -1 可以利用位运算符优化，从而写出更优雅的 indexOf 写法。

阅读全文

折腾 hexo 博客时候，404 页面必不可少。文章介绍 nginx 如何配置 404 页面。

阅读全文

canvas 画雪花效果

阅读全文

前端博客为了看到各种效果，经常会需要屏幕录制，然后生成 gif 图片。此处推荐几款屏幕录制 gif 小工具。

阅读全文

chrome 浏览器默认的最小文字大小是 12 像素，如果用户不修改这个设置，那么你设置的文本小于 12 像素是无效的。

包括用 chrome 模拟手机开发 H5 页面的时候，小于 12 像素会被直接设置为 12px，而手机上浏览器允许小于 12 像素。

阅读全文

浏览器默认的 长英文，超链接 在页面上呈现方式会溢出盒子，并且把页面给撑开，不注意就会出现水平滚动条。

阅读全文

在古老的 IE 时代，为兼容不同浏览器，神奇的前端大佬们，开发出了 css 的各种 hack 写法。

阅读全文