预览模式: 普通 | 列表

参加W3CTECH长沙技术交流会

交流会到会人数不是很多,个人介绍时,感觉大家讲得太简略(内向?谦虚?),除了多数参加工作的,到会还有三个商学院的没毕业的学生妹子。

德龙和志刚两位老师主讲,前者讲了一下node.js在前端的应用,后者描述芒果TV前端团队的一些架构和工具情况。总体感觉还是高冷,毕竟一般中小团队还没那么完整的建制和积累。中间请“没用过node”的同学举一下手,哗啦啦举起一大片。我自己也只用过node的极少数功能,比如建个本地袖珍服务器,以及使用gulp和compass的一些小流程工具,但好歹也算用过,厚着脸皮没举手,装有识之士。
从头到尾,除了三位老师在台前发言,听者中有三四个人(包括我)问了一些问题,但怎么也谈不上气氛热烈。我觉得懂多懂少,好歹也算是来了一趟,至少也混个脸熟不。但多数说是“来学习”的朋友,最终都没有问问题,也没有分享困惑。
其实我本人,倒是更关注小团队的架构,希望更多听到前端应用中,一些刀刀见血的问题。比如我终于在现场获知,如何用chrome进行跨域数据测试-----就这么一句设置,就值得这一下午的时间支出。
分类:培训与招聘 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 1615

纯CSS实现的菱形(斜方块)列表

DEMO地址:http://contactu.cn/2016/grid/

完全CSS3实现, 理所当然的用到了transform: rotate效果,但是真没有那么简单。

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 698

 近日工作需要,每天要将一个目录下编辑过的html文件,拷贝到另一个路径下。用win自带的拷贝功能,太麻烦了,而且每次要去清点哪些文件变动了-----不如搞个小程序,自动实现。

gulp就是实现这一功能的利器,它的安装过程网上很多,就不再赘述。

gulpfile.js工作代码如下:
 
Javascript代码
  1. var gulp = require('gulp');  
  2.   
  3. // 依赖gulp-changed插件  
  4. var changed = require('gulp-changed');  
  5.   
  6. // 起始目录和目标目录,据说只支持相对路径,不过也够用了 
  7. var SRC = '*.html';  
  8. var DEST = 'dist';  
  9.   
  10. gulp.task('t'function () {  
  11.     return gulp.src(SRC)  
  12.               .pipe(changed(DEST))  
  13.               .pipe(gulp.dest(DEST));  
  14. });  
 
 
编辑完后,在当前目录下的cmd命令行模式下,运行 gulp t,即可完成拷贝过程。
分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1714