前端 Archive

Egg 和 Webpack 项目搭建实践

最近的项目技术栈使用 Egg + React,因为本身有 Egg,所以不希望在单独启动类似 webpack-dev-server 的工具来运行前端,而是在开发模式下,前端直接基于 Egg 运行起来。想法是好的,可是实现起来颇费了一番周折。最终的效果在 Egg-Webpack-Starter,有同样需求的朋友可以看看。下面详细讲讲配置和使用方法...

JavaScript 中的位运算和权限设计

本文主要讲以下两个问题:1、JavaScript 的位运算:先简单回顾下位运算,平时用的少,相信不少人和我一样忘的差不多了。2、权限设计:根据位运算的特点,设计一个权限系统(添加、删除、判断等)....

npm 根据 scope 区分用户及仓库地址

scope 是一种很好的包管理方式。统一的“命名空间”,清晰、好辨识;在 registry 中使用统一的 organization 管理,不必担心命名冲突和冒用等。 在实际使用中,一个常见的场景是公司的私有仓库。使用统一的 scope 定义在私有仓库中定义私有包,绝对是一个非常好的方式...

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

不知道你有没有思考过一个问题,当前的很多框架&库,都在开发环境和生产环境下有不同的表现。例如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模板,拿到后端的接口文档,基于一个...