emmet,jade,haml, slim,less,sass,coffeescript等的实战优缺点

  • 时间:
  • 浏览:1
  • 来源:大发快3官方直播—彩神UU快三代理

摘要: 文章背景,来自于群内周五晚上的一次头脑风暴式的思维碰撞交流活动。

一. 



2. 

coffeescript的语法借鉴于python或ruby,从什么语言上借鉴了优秀的你这个思想, 

比如缩进代码大括号,行尾不时要分号, 

后要有点硬写return等等。

关于seajs,requirejs 

http://www.zhihu.com/question/203423500 

你你这个回答基本也能外理基础的问题。 

一好哪几个 多多多遵循的标准不一样而已,一好哪几个 多多多cmd,一好哪几个 多多多amd,但是 ,cmd在前,amd在后,amd上端有requirejs,cmd上端有seajs 

下面是[才子兄]的分享: 



值得一提的是一好哪几个 多多多编辑器对你你这个技术的支持: 

sublime text 是所有编辑器上端支持emmet比较好的的唯一一款。 

webstorm是所有编辑器上端唯一内置emmet的一款,但是 将emmet的精神往前推动的一款。 

http://www.cnblogs.com/jikey/archive/2012/03/28/2420704.html 

phpstorm,idea包括所有webstorm的功能。就说 phpstorm是针对phper的,idea是针对javaer,webstorm针对前端er。 

http://www.cnblogs.com/jikey/p/35007133.html 

emmet与下面几种技术的区别,他是你这个思路或哲学,webstorm将你你这个哲学广度化, 

1. 先说emmet,这玩艺是俄罗斯人搞出来的,原先叫zencoding但是 改成emmet了, http://docs.emmet.io/ 

你你这个功能简单粗暴观看上端的watch demo基本都能了解一二。 

总结:除了来自于自身的阻力之外,其它的都也能承受。 

主要的客观阻力在于平台的依赖性,人太好你你这个因素都有主要的, 

但是 相应的平台下面将会更符合当时设计的哲学。 

比如有ruby,python基础也能使用sass,coffeescript,将会是nodejs则使用stylus,Jade等。 



参考自:http://www.cnblogs.com/lavso/archive/2012/11/03/2752908.html 

四. 

随着前端技术的蓬勃发展, 各种新技术随着生产力的时要不断的涌入让你们 的视野, 那今天探讨得话题是什么新时代的前端兵器谱: 

一. html : Emmet,jade,haml,slim 

http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html 

二. css : less,sass,stylus 

http://www.zhihu.com/question/20500388 

三. js : coffeescript 

http://www.zhihu.com/question/19943552 

四. 模块化: seajs, requirejs 

http://seajs.org/docs/#docs 

http://www.vipaq.com/rtfm/JavaScript/RequireJs/zh-cn/2.1.9/api.html 

就说 以第三方使用者的心态,讨论各个技术的优缺点或填坑经验, 



sass相比less功能更强大, 

http://www.oschina.net/question/12_44255 

大漠老师是sass的高人或国内这方面的领军人物, 

除了http://www.w3cplus.com之外,还运营另外一好哪几个 多多多站http://www.cn-sass.com/ 

堪称是sasser的福音。 

less也能引入一好哪几个 多多多js文件就也能干起来了,sass时要依赖ruby环境, 

三. coffeescript 

Haml:代替erb,用在Rails上你这个模板语言 

Jade:Node上的Haml 

Slim:跟Haml一样,也用在Rails 

你你这个好哪几个 多多多模板语言语言都有一下哪几个特点: 

1、让你们 第一次使用你你这个组合是其他同学搭了个框架,我第一次用时有点硬反感,问题, 

你你这个东西能提高下行速率 么?跟大多数人的想法一致。 

2、对新生事物老会 持有怀疑态度,我想这是大次责人都有的 

在webstorm也能实时把sass的文件编译成CSS 

3、将会让你们 习惯拿固有思维来看待新事物,这是人的惰性使然,后要你接受新事物。 

4、使用了原先的第一反应是,coffee编译生成的js执行不了咱办 

5、将会coffee,有点硬是拿它来写服务端node,要调试很麻烦,老会 直接console.dir xx 

6、前端的coffee jade stylus就好办得多,让你们 从页面请求四根node路由,但是 node实时编译成对应目标代码 js html css

7、但是 启动node服务,在浏览器刷新就也能想看 执行结果了,但这上端居于一好哪几个 多多多难点,为啥实时编译呢? 

8、原先是调用对应的node模块,把前端请求的rest实时编译成js html css原先,插入页面对应的提放。比如js插入body但是但是刚开始 原先 

9、原先的好处是开发的原先,你就直接写coffee jade stylus实时刷新页面就也能看结果。当我想部署到生产环境是使用 grunt编译、合并、压缩成css、js。 

10、上端就说 让你们 的实践了,目前运用于一好哪几个 多多多电商网站。 

11、没人 coffee要注意什么呢? 

12、coffee把() {} ; 什么C语言系的代表语法消灭了90% 

13、它使用空格+换行来表示什么带有和代码块 

14、coffee的好处是什么 当你使用异步回调时 相似 http.get(function(err, res){}); 相似原先的,嵌套就说 很烦 

15、coffee但是 简单地换行 

http.get (err, res) 

#your handle code here 

http.get (err, res) -> 

#your handle code here 

16、你你这个也能说是革命性的创新,将会http请求你这个异步的形态,嵌套就说 层。 

17、但是 coffee会自动在函数末尾返回return,就说 平时让你们 写的func = ( ) { var a=1; return a;} coffee也能简单写成 

func=() -> 

a=1 

18、将会 更简洁的当函数没人 入参时更简便 

func = -> 

a=1 

19、用coffee时若你配合angular使用要注意了,当你使用angular.element 确定元素和操作元素时,而你你这个行恰巧在函数的最后一行,没人 就会报错。 

20、将会coffee会自动把你你这个行return,而angular是不允许返回dom的。但是 你时要在你你这个行原先显示地加一行 

angular.element 

return 

21、coffee你你这个就说 消灭了什么无谓的 () {} ;什么符号,简便的函数表达式。 使得下行速率 会提高500%。 

22、stylus使用的心得是,它帮助让你们 实现就说 兼容问题 

23、比如让你们 常用的 -ms -moz -web-kit什么css3前缀,没人 stylus里后要了 

24、它会帮助让你们 去掉  

25、stylus上端冗杂的运算什么项目中实际很少用到,最实用的是extends 继承 

26、当你多个地方的样式都复用一段代码时,用它也能很省事 

27、还有让你们 display:inline-block;在ie6里让你们 用_display:inline,ie7用 *display:inline,而stylus里,让你们 用display()就也能了 

28、下面说一下jade的好处吧 

29、刚才一定其他同学问,为啥后要sass而用stylus 

500、是原先的,使用sass很麻烦的地方就说 ,它时要安装ruby环境,一并它还保留着css的花括号等,比较丑陋。 

31、所谓大道至简,去掉 jade配合stylus你你这个好哪几个 多多多都有以css类来编写的,也就说 用可用同样的层级显示。 

32、层级缩进语法的好处也能直观的表述dom 

33、stylus还有比如图片的自适应,上图的截图就说  

34、jade的好处是,它的动态次责后要侵入dom,不像angular一样注入dom的属性 

35、jade还有诸如include也能带有其它文件,minxin也能封装一份dom,也能把它当函数看。 

36、好了,以上是我的分享,你肯定希望我多多贴上代码,原先我认为真正要做好一好哪几个 多多多事情没人“绝知此事要躬行”,后要听别人说你你这个好,那个好的。 

37、除了上端3项技术,未来还将会有新的技术老出 

38、缺点就说 ,你后要的原先,人太好它没人 

39、而实际上,我用你你这个好哪几个 多多多工具,很顺心,并没人 说是优点。 

40、你想到什么,你就描述一下,后要想我漏了括号呀什么,你你这个缩进语法,就说 比如你打草稿时那样随心所欲 

41、coffee就说 让你们 编写的原先,最终到生产环境是要用grunt来合并压缩、语法检查等等并生成js的,我上端将会写了前提。 

42、我原先也做过比喻,当你用手动挡的原先,你总人太好自动挡不靠谱,会后要弄错。而挡你习惯自动挡原先,你就也能省心了 

43、具体的语法细节,让你们 被委托人去实践吧,又想用,又后要你花时间学习,而把时间放入 微博、让你们 圈、论坛什么娱乐信息上。而真心想去学习时又感觉到技术难懂,很艰苦。而像什么缩进语法则让你写起来产生愉悦感。 

44、实际上回调嵌套什么,有async库,你你这个也能外理嵌套的麻烦。 

缩进语法是你这个潮流,它解放了人的双手,一行代码少打一个多字符,让你的脑袋也能更深入想代码的质量和可靠性 

人太好我人太好有点硬要的你这个,对于大多数人而已什么技术没人 从根本上提升技术等级,就说 加快了开发进度,但这却又还没到让你们 关心的事情 

将会团队中使用coffeescript,sass,jade,新手大概培训多久就也能入手? 

45、将会有基础多日 

45、实际上要写好代码跟上端的工具是没人 关系的,是跟你的修养有关。 

46、什么工具是在你有了一定的基础和修养的情況下,也能让你更加愉快地完成任务。 

聊技术扯技术就说 从纯技术的宽度想看 ,试着了解一下,普及一下,但是 有兴趣的去被委托人动手,没兴趣的只当见识一好哪几个 多多多新名词,下次听起来就说 陌生。 

47、新手也也能发言,但是 老板要求你在很短的时间完成任务,但是 别人都撑不下去了,而你却战胜了心里的挣扎,不抱怨,并找到法律法律依据论。没人 你就也能发言。 

48、成长老会 痛苦的,老会 会付出艰辛的。

让你们 都有CSS相关的技术,业界的统称:CSS 预外理器,css预外理技术等等的叫法。 

你你这个外理器使原先静态的css具备基础编程语言的外理能力,比如使用变量,简单的代码逻辑,函数等等编程语言中的基本技巧。 

sass和less使用的是标准的css语法。

本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/p/4136908.html,如需转载请自行联系原作者



二. 

less跟sass的比较: