参加W3CTECH长沙技术交流会
作者:admin 日期:2016-04-16交流会到会人数不是很多,个人介绍时,感觉大家讲得太简略(内向?谦虚?),除了多数参加工作的,到会还有三个商学院的没毕业的学生妹子。
德龙和志刚两位老师主讲,前者讲了一下node.js在前端的应用,后者描述芒果TV前端团队的一些架构和工具情况。总体感觉还是高冷,毕竟一般中小团队还没那么完整的建制和积累。中间请“没用过node”的同学举一下手,哗啦啦举起一大片。我自己也只用过node的极少数功能,比如建个本地袖珍服务器,以及使用gulp和compass的一些小流程工具,但好歹也算用过,厚着脸皮没举手,装有识之士。
从头到尾,除了三位老师在台前发言,听者中有三四个人(包括我)问了一些问题,但怎么也谈不上气氛热烈。我觉得懂多懂少,好歹也算是来了一趟,至少也混个脸熟不。但多数说是“来学习”的朋友,最终都没有问问题,也没有分享困惑。
其实我本人,倒是更关注小团队的架构,希望更多听到前端应用中,一些刀刀见血的问题。比如我终于在现场获知,如何用chrome进行跨域数据测试-----就这么一句设置,就值得这一下午的时间支出。
纯CSS实现的菱形(斜方块)列表
作者:admin 日期:2016-04-07DEMO地址:http://blog.258754.cn/2016/grid/
完全CSS3实现, 理所当然的用到了transform: rotate效果,但是真没有那么简单。
gulp-changed插件实现文件拷贝--只拷贝变动过的文件
作者:admin 日期:2016-04-07近日工作需要,每天要将一个目录下编辑过的html文件,拷贝到另一个路径下。用win自带的拷贝功能,太麻烦了,而且每次要去清点哪些文件变动了-----不如搞个小程序,自动实现。
gulp就是实现这一功能的利器,它的安装过程网上很多,就不再赘述。
gulpfile.js工作代码如下:
Javascript代码
- var gulp = require('gulp');
- // 依赖gulp-changed插件
- var changed = require('gulp-changed');
- // 起始目录和目标目录,据说只支持相对路径,不过也够用了
- var SRC = '*.html';
- var DEST = 'dist';
- gulp.task('t', function () {
- return gulp.src(SRC)
- .pipe(changed(DEST))
- .pipe(gulp.dest(DEST));
- });
编辑完后,在当前目录下的cmd命令行模式下,运行 gulp t,即可完成拷贝过程。