create-react-app升级2.0之后,提高了对scss及css modules的支持 开启scss编译只需要安装node-sass模块 而开启css modules需要一些特殊操作,不仔细看文档就容易白折腾半天 其实也很简单,就是css或scss的文件名必须以[name].module.css / [name].module.scss的格式,例如style.module.scss
create-react-app升级2.0之后,提高了对scss及css modules的支持 开启scss编译只需要安装node-sass模块 而开启css modules需要一些特殊操作,不仔细看文档就容易白折腾半天 其实也很简单,就是css或scss的文件名必须以[name].module.css / [name].module.scss的格式,例如style.module.scss
今天看到一篇文章,里面说JS的实例里有个constructor属性指向构造函数,我记得当时读JS高程的时候原型那幅图里实例和构造函数是没有连接的,以为是自己记错了,又拿出来翻了翻,148页确实没有连接,而且下面还明确指出了“实例与构造函数没有直接的关系”。 但是打印实例.constructor确实输出构造函数,于是我做了下面的测试 function Foo(){ } var foo=new Foo(); console.log(foo.constructor === Foo.prototype.constructo…
在学习Redux的时候,遇到这样一个对象(下面代码中函数的第二个参数) export const todos = createReducer([], { [ActionTypes.ADD_TODO](state, action) { let text = action.text.trim(); return [...state, text]; } }); 提炼出来,形式为{[](){}},看上去不太好理解 这里用到了ES6的两个知识点 1.属性简写 示例: let obj = { test(){ conso…
Object.values/Object.entries - https://github.com/tc39/proposal-object-values-entries 字符串填充 String padding - https://github.com/tc39/proposal-string-pad-start-end Object.getOwnPropertyDescriptors - https://github.com/ljharb/proposal-object-getownpropertydesc A…
有些时候我们可能遇到这样的情况,设置gitignore文件时,a文件夹下除了b文件,其它的都要忽略,如果其它文件少还好,文件很多的话,一个一个去设置忽略十分麻烦 这里提供一种忽略文件夹下除了某个文件的其它文件的方法 例如 a文件夹下有b,c,d三个文件夹,我们现在只需要忽略c和d文件或文件夹,而不忽略b文件或文件夹 /* !/a /a/* !/a/b 这样就可以做到上面所说的要求,如果不需要忽略的文件层级深的话就也很麻烦 因为该文件前面的每一层,都需要先设置忽略(例如/*),再排除不需要忽略的文件所在的文件夹(例如…
之前遇到过这个问题,解决了没有记录,今天又被坑了一次,所以还是记录一下吧。。。 问题描述: 在360安全浏览器下,安装了百度翻译的插件,某些情况下会导致页脚多出空白,如下图: body下面多出了空白,通过查看DOM发现,百度翻译的浏览器扩展插件会在网页最底部生成一个div 将这个div的display手动设置为none后,空行消失 但是由于这个div是浏览器扩展插件生成的代码,无法直接设置display,于是我想到了两个办法 第一个办法是把自己代码最下面的元素(例如我这是footer)设…
今天本站正式进入HTTP/2时代,记录一下踩坑过程 据说目前浏览器HTTP/2仅支持全站HTTPS的网站,因为我是全站HTTPS,所以未考证 Nginx自1.9.5版本开始提供对HTTP/2的支持,但一直到我所目前用的最新版(1.11.13)都没有默认开启用于支持HTTP/2的http_v2_module模块,需要自己手动编译,而Windows下的编译非常不方便,搜索了很久踩了很多坑才完成,所以就有了本篇文章。 如果不想自己编译的,本文最后有我已经编译好的nginx.exe !!! 如果不想自己编译的,本文最后有我…