前端 Archive

小技巧:如何判断当前的代码被混淆了?

不知道你有没有思考过一个问题,当前的很多框架&库,都在开发环境和生产环境下有不同的表现。例如react,vue等,可以判断props 的类型,并且在开发环境下打印警告信息,而生产环境则不会。这是如何做到的呢?

npm script与glob

好久好久好久没有写文章了,因为最近的闲暇时间全部贡献给了nfm,nfm是一个基于nodejs的文件管理系统,目的是解决前端cdn静态资源的管理,前端使用react+redux实现,后端为nodejs,目前还没完成(努力中),欢迎大家star

使用rel=noopener

最近看到一篇文章,又涨知识了,没想到还能这么玩。简单介绍下rel=noopener。假设你当前在浏览一个页面,上面有个链接(可能是用户输入的),在新打开的标签页通过window.oponer,可以获得当前页面的window...

ES5和ES6中的继承

Javascript中的继承一直是个比较麻烦的问题,prototype、constructor、__proto__在构造函数,实例和原型之间有的复杂的关系,不仔细捋下很难记得牢固。ES6中又新增了class和extends,和ES5搅在一起,加上平时很少自己写继承,简直乱成一锅粥。不过还好,画个图一下就清晰了......

浏览器在opacity继承问题上的差异

这次说的不是什么大问题,但是出现问题后很难排查。最近一个项目用了大量的CSS3动画,使用PostCSS的autoprefixer自动加前缀,兼容IE10以上的所有浏览器,但是在chrome开发完毕,做兼容测试的时候,却发现IE10、IE11的opacity失效了......

【译】基于webpack使用ES6新特性

在做一个移动端项目时,考虑如何结合使用ES6,react,webpack,babel。查了一些文章,其中一篇简单易懂,顺手翻译一下。

前端开发环境——fede2

这次介绍下自己搭建的前端开发环境:fede2。今年6月底入职新公司,经过一段时间的熟悉后,开始渐渐参与到前端开发,发现不少问题:老东家的开发方式:后端使用freemarker模板。重构写好html和css后,前端改为freemarker模板,拿到后端的接口文档,基于一个...

IE8下的一个bug

入职的新公司一直都有做产能统计,简单来说就是在url后添加source,记录是哪个页面哪个产品引入的流量。在做某项目的新版本首页时,运营提出一个SEO需求,希望首页的source参数能再用户点击的时候动态添加,而不会被搜索引擎爬到带source的链接......

经常用的几个javascript代码片段

刚到公司的时候,做了几个通用js组件,原生js写的,所以积累下一写比较好的代码片段,经过几次反复使用,质量还是比较有保证的。太长时间没写博客,这里分享出来刷刷人气。文章中的代码都在gist上同步了......

node-webkit开机自启动

node-webkit没有提供开机自启动的接口,在github的issue里也没有找到靠谱的解决方法,不过经过一番寻觅,找到了node下操作注册表的方法,就是winreg(这么好的项目星星少的可怜),还有一个使用winreg修改注册表实现开机启动的demo......