发布kissy小工程构建器generator-bee

bee-loge

generator-bee是kissy简单工程构建器,跟generator-xcake和generator-clam有所不同,强调简单和快速,没有复杂的目录分级和复杂的命令功能,不是以页面作为划分维度,适用于小工程构建,适用于kissy mini工程。 generator-bee 遵循最新的kissy规范,会生成demo页面和测试用例范例,支持kissy mini。 阿里内部环境,使用依赖表——combo的方式,不再静态合并文件。 作者:明河(剑平) 工具库地址 demo工程传送门 反馈bug 安装 安装yeoman npm install yo grunt-cli -g 安装kissy-ga…..

Gulp.js深入讲解

g-1

上周明河发了篇《Gulp.js—比Grunt更易用的前端构建工具》,同时也贴在阿里的技术站上,引起了不少前端同学的讨论。 赤温(开发工程师)说:这东西(Gulp.js与Grunt)差距不大,社区才是王道! 英布(高级前端开发工程师)说:一个是以配置的方式,一个是以编程的方式,感觉各有千秋吧,复杂流程还是使用编程的方式比较好,简单的那就随便了。 诚冉(前端开发工程师)说:曾经苦于将grunt的各个工具黏合在一起的过程,grunt这个东西生出来就不是给小项目用的,必须是一定规模的并且持续更新的项目,才舍得花这么大力气来“制造工具”。一点也不夸张,虽然grunt的组件越来越多,但概念就像import…..

Gulp.js—比Grunt更易用的前端构建工具

gulp-2

Grunt是目前最流行的前端构建工具,对前端的效率帮助非常大,但Grunt并非完美无缺,json描述任务的方式,显得过于繁琐和不够简单,对于新手来说,有不少的学习成本。 今天明河介绍个比Grunt更易用的前端构建工具:Gulp.js,最近很火的开源项目,引起了很多前端同学的关注,大家都很好奇,Gulp.js拿什么跟Grunt掰手腕。 大多数前端处于观望状态,Gulp.js这杯可乐很诱人,但第三方插件太少(常用的任务插件都有),被Grunt甩了N条街,当然毕竟是新工具,情有可原,相信假以时日,Gulp.js会被更多前端同学认可,明河希望通过这篇文章,能够让大家看到Gulp.js的潜力。 安装Gu…..

kissy无线开发之旅—聊聊工程

kissy工程历史

如果让我选择kissy的哪一个版本最具有里程碑意义,我会选择1.2.0,因为加入了loader,应对复杂业务场景,就像是建一座大厦,有了打坚固地基的能力,以模块系统为种子也慢慢催生了kissy的生态圈,但模块系统也带来了项目工程问题,即如何更快更好地组织你的前端项目目录和代码? 明河将以使用者的角度,去解读kissy工程学的历史,“历史不应该仅有消除偏见,它还应该孕育热情。”二年多来各个团队都有自己的工程解决方案,存在着不同的分歧,同时也见证了前端的热情与发展。 聊聊那段历史 上图主要是以圆心团队为脉络,期间各个团队都产生了知名或不知名的方案,比如一淘的brix体系和统一目录服务器构建方案,阿…..

kissy无线开发之旅—聊聊XTemplate

为什么写这个系列文章 写这篇文章不是为了证明kissy适合无线开发,而是总结自己使用kissy在无线开发上的实践经验,主要针对复杂的webapp。 模板实践作为系列文章的开篇有些唐突,之所以这么做,因为模板在webapp中非常重要,是view骨架,对webapp的渲染性能有直接影响。 h5的页面,kissy请使用1.4.1版本,1.4.0和1.4.1在XTemplate上有区别,后面明河会讲到。 XTemplate使用杂记 小心空格陷阱 小文想要把kissy1.4.0的页面升级到kissy1.4.1,页面中有用到XTemplate,结果渲染失败,很有可能遇到空格陷阱,demo传送门。 KISS…..

常用插件的使用—grunt入门指南(下)

grunt-1

less/sass/stylus预编译 在前端工程中使用css预编译器(less/sass/stylus)用于弥补css的语言缺陷,基本上是标配了,其中less和sass用的最多,但明河最喜欢使用的是stylus,grunt官方有对应的编译插件。 这里以grunt-contrib-stylus为例。 stylus: { options: { //指定要扫描的目录(针对@import内的路径) paths: ['src'], //指定将图片路径转成base64数据的函数(比如配置urlfunc:”embedurl”,扫描embedurl(test.png)) urlfunc: ‘embedurl…..

Charles(最强大的http调试工具)详细教程(下)

2013-11-17 14-49-35

上半部分讲解了Charles最常用功能代理的使用,下半部分继续演示Charles的特色有趣的功能。 网速模拟功能 throttle功能对于前端来说非常实用,可以看页面在低网速下的表现,从而找出优化的点。 在线上环境通常有些因为网速慢导致的bug,在本机无法重现,那时候就很抓瞎,如果嫌远程麻烦,推荐使用throttle。 首先先配置下throttle。 我们要看页面在3G环境下的表现: (Charles的预配置对于中国的网络环境并不准确,电信、移动、网通的速度还有有明显差异。) 解析下图上几个配置的含义: Bandwidth(带宽)、Utilistation(利用百分比)、Round-trip(…..

Charles(最强大的http调试工具)详细教程(上)

charles

Charles是目前最强大的http调试工具,在界面和功能上远强于Fiddler,同时是全平台支持,堪称圣杯级工具,唯一的缺陷是这货是收费的,而且是要¥50美元大洋…当然网上是有破解版的,鄙视下自己,无耻地使用了…放在网盘里,亲可以默默带走,不要留下一片云彩。 破解版传送门。 先安装里面的原版,然后copy charles.jar覆盖到安装目录下的lib目录即可。这是V3.6版,最新版本是V3.8.3,但破解补丁不通用,会导致无法启动。 启动后,圣杯的真面目如上图。 Charles有个会话(session,不是指http中的session)的概念,可以理解为浏览器中的t…..

Kissy Uploader1.5发布

uploader1.5-4

Uploader(异步文件上传)组件是业务中经常用到的复杂组件,感谢向明河反馈bug的同学。 V1.5版发布了!这个版本明河做了大量的优化和增强,欢迎大家试用。 下面明河谈谈v1.5中主要的改进和增强。 通用接口实现! 明河发现70%的uploader问题都是服务器端相关问题,uploader的复杂性在于它必须配合服务器端服务才能使用。前端经常需要浪费不少的工时跟开发同学联调,而每个需要上传组件的业务都联调一遍,是资源的巨大浪费。 明河一直想开发一个通用接口,阿里前端同学可以直接拿代码放入业务页面中就可以使用。 通用接口的难点在于要解决跨域的问题(上传接口的域为aop.taobao.com),…..

无觅相关文章插件,快速提升流量