Posts
安装photomjs参数
今天安装uncss用到photomjs依赖,装不上找vpn什么的。
后来无意在
https://github.com/Medium/phantomjs
看到
npm install phantomjs –phantomjs_cdnurl=http://cnpmjs.org/downloads
Or add property into your .npmrc file (https://www.npmjs.org/doc/files/npmrc.html)
phantomjs_cdnurl=http://cnpmjs.org/downloads
这回省事了也不用到处找代理了
Posts
javascript不支持正则分组
今天本来想在打包上线的时候去掉所有的console.log内容。
写了半天平衡组的正则总是运行不了,最后想到可能是js不支持。之前用ruby的时候好像也不支持复杂的正则。
标记一下以后也不用费劲写了…
http://stackoverflow.com/questions/5886386/how-can-this-regex-be-made-javascript-compatible
Posts
gulp顺序执行
一般来说,依赖的任务不会顺序执行。
为每个任务加上回调参数,可以确保顺序执行,但只能是依赖单个任务。
若要多任务依赖,还得promise。
若每个任务里,return的是gulp.src()…..的任务,其实和promise是一样的,也可以按顺序回调。
Posts
gulp-useref
最近发布后发现gulp-useref,执行后仅仅打包压缩了js语css文件,但并没有删除原始的文件列表,并且build:remove endbuild之间的内容也没有删除。
搞得我紧急修补了一批的正则,用gulp-replace替换掉不应出现的部分,不过好在打包合并什么的功能还在,要不就不好办了。
后来经过来回折腾发现是由于windows中的换行\n\r导致gulp-useref的替换功能失效,在assets之前将所有的\r都替换掉就可以了。领导发了命令必须在win下开发……
Posts
safari与myth
公司没让用less,于是用的myth至少能少些一些浏览器前缀,昨天发现一个
background-image: radial-gradient(farthest-corner, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.95));
只有safari中不起作用,必须写成
background-image: -webkit-radial-gradient(farthest-corner, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.95));
myth只在css的属性上加浏览器前缀,并没有在值上加,不知算不算bug
在github上提了一下不知道会不会在值上也加上前缀。
Posts
z-index与transform中的translateZ
今天遇到一个浏览器兼容问题,只在sogou浏览器里会有
比如 http://learnsemantic.com/
在sogou里动画背景前面的按钮是点不动的,但同为webkit的chrome就没问题.而且无论如何修改z-index,也不能使按钮在背景的前端.
后来排查发现问题出在背景层的translateZ(330px),改成translateZ(0px),即可在sogou中正常使用.
Posts
safari中checked伪类失灵
今天调了大半天bootstrap-material-design中的checkbox在safari中的效果失灵问题.
最终原因是因为safari中对checkbox的checked伪类不起作用,无奈只好通过js在check的时候给input旁边的span加类,然后用加上的类来写css样式.
Posts
还是不用bootstrap-material-design的好
项目经历了两个多月开发,直到用ladda-botton样式之后,bootstrap-material-design在整个样式中所占的比例已经很小了.bootstrap-material-design虽然增加了一些特效,但也破坏了很多bootstrap原有好的东西,总之如果新起一个项目的话,还是不用bootstrap-material-design的好.
Posts
gulp-size的bug,jquery-cookie
我的gulp里有这么一段
莫名奇妙的html文件就会少一些.上下左右排查了一番,发现去掉gulp-size即可恢复正常.
jquery-cookie会缓存cookie,当后端更新cookie后不会立即跟着更新.
Posts
推荐spinejs和<基于MVC的JavaScript Web富应用开发>
最近又读了一次<基于MVC的JavaScript Web富应用开发>,之前读的时候没太留意书的作者也是spinejs的作者.这次读由于自己开始专职的前端工作,体会更深了一些.
这本书里前面几章讲的基本就是如何将js打造成一个ruby类似结构的模式.extend和include让ruby程序员用起来倍感亲切.
其中模块触发事件更新视图的功能我感觉就和reactjs的逻辑差不多.
希望在实际工作中能用到.当前项目领导不让用任何框架,只好自己写了一个功能简陋类mvc,附加功能仍在不断添加中.