1. 如何编写高效的Sass并兼容像Bootstrap那样的第三方UI框架
使用这些前端框架,有如下好处: 跨浏览器。这一点已被证实。 一致性。UI组件,如导航、按钮、标签、表单、下拉框、表格……,在设计上保持风格一致。 快速开发。你可以快速、容易地构建布局。这些框架都配有详细的说明文档。 响应式。
2. 有sass-loader还需要node-sass吗
要的。因为 sass-loader 包中loader.js文件中有引包。
3. SPSS、SASS是什么
Sass是一种 CSS 的预编译语言。提供了变量(variables)、嵌套(nested rules)、 混合(mixins)、 函数(functions)等功能,并且完全兼容 CSS 语法。Sass 能够帮助复杂的样式表更有条理, 并且易于在项目内部或跨项目共享设计。
Sass是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后,Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。
scss/sass可以更好的组织CSS代码,自从接触到后就没在项目中使用纯的CSS了。
这个文章介绍《读scss/sass实例项目带你入门》的知识点足以应付项目需要了网页链接。里面包括SCSS常用的知识点及实例代码。希望能够帮助你。
4. CSS 的预处理程序分别都有哪些优缺点
普遍的三款 CSS 预处理器框架,分别是 Sass、Less CSS、Stylus。
CSS 预处理器概述:CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的 CSS 更见简洁,适应性更强,代码更直观等诸多好处。
总结来讲就是用编程的方法来写CSS样式,而不是手工一行行码,相当于从手工业时代进化到工业时代。
三种CSS 预处理器(框架)简介:
A、SASS2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框架,目前受LESS影响,已经进化到了全面兼容CSS的SCSS。
B、LESS2009年出现,受SASS的影响较大,但又使用CSS的语法,让大部分开发者和设计师更容易上手,在ruby社区之外支持者远超过SASS,其缺点是比起SASS来,可编程功能不够,不过优点是简单和兼容CSS,反过来也影响了SASS演变到了SCSS的时代,着名的Twitter Bootstrap就是采用LESS做底层语言的。
C、Stylus,2010年产生,来自Node.js社区,主要用来给Node项目进行CSS预处理支持,在此社区之内有一定支持者,在广泛的意义上人气还完全不如SASS和LESS。
Stylus主要优点:
1. 简短直观,缩进让CSS的层次非常直观。
2. At 属性引用可以减少维护量。
3. 函数和Mixin,重用的利器。
CSS 预处理器优缺点:
A、可以把PostCSS和预处理器(Sass、Stylus或LESS)结合起来使用。
B、部分PostCSS插件配合预处理器将功能添加到你的工作流中,让你工作变得更加轻松。如果只使用一个预处理器,而不使用这些插件,工作流至少会变得更加困难。
C、PostCSS插件和喜欢的预处理器(Sass、Stylus或LESS)之一结合在一起使用。
D、在常规的预处理器通过使用混合宏或函数特性像程序一样处理代码,达到类似的结果。不过不同的是CSS代码,而其他一切通过插件去处理,而这个过程中不需要调用函数,也没有混合宏等等。
使用技巧:Sass看起来在提供的特性上占有优势,但是LESS能够让开发者平滑地从现存CSS文件过渡到LESS,而不需要像Sass那样需要将CSS文件转换成Sass格式。
5. mac版的sass预编译怎么设置
你好现在HBuilder默认集成了less、sass文件的编译器,请右键less、sass文件,点击编译即可
6. css预编译器: Sass 和 Less的实现和通过编译css的js文件,然后通过引用js的方法实现css编译的原理有区别
先说问题,css预编译器,前端都必须要使用吗?当然是非必需的,如果是小的项目没必要使用,但是项目大了之后css预编译器的优势才会凸显出来,配合postcss整个项目的css文件会有极大的压缩
7. 请问前端开发在哪里能学到呢
我个人的经验是不要去小机构,没有保障,学习缺乏持续性,不知道哪天老板就溜了,学习前端可以找大型的机构进行学习,稳定有保障啊。学习嘛,我们就得学个放心,以前我学前端在我们当地小县城报了个小机构,里面的老师水平一般,也没学到多少东西,当时想先试听他们的课程,他们老板不愿意,就报名进去学了,结果发现不是那么回事,后来我就离开了那家机构,我表哥给我说了一个互联网免费直播课,我去听了,在那里学会的。
首先还是我前边说的那个,学前端去实体的话,可以去大型的连锁教育机构,但是费用是非常的高的两三万,如果你经济条件比较优越的话,可以去的。也可以在网络平台进行学习,一般七八千左右的支出吧,一般是晚上开课,不会耽误白天的工作和学习,也有录播提供。至于哪个好,各有优劣,这个没法比较,无论是网上还是实体的,只要是正规的大机构都可以。
我个人是从网上的直播平台学会的这门技术,别的平台怎么样,我没有去体验过,没有发言权,我听的这个前端直播平台还行,每天晚上都有免费直播课,老师讲的通俗易懂,很多自学的时候一直搞不明白的问题,听听老师讲的,就感觉醍醐灌顶的感觉,想听这个这个老师课的同学,可以进入他的前端教程资料裙:首先位于开头的一组数字是:655,其次处于中间地带的一组数字是:567,最后位于尾部的一组数字是:613,把以上三组数字按照先后顺序组合起来即可。对前端感兴趣又不知道何去何从的小伙伴,可以去听一下,肯定有很多的收获,毕竟是哥们实践出来的,前人栽树后人乘凉嘛。
8. 为什么你们在项目中还不用 Less 或 Sass 等 CSS 预编译工具
为什么要用?第三方的玩意,另外增加学习成本,对团队来说不一定方便。并且说不定哪天就淘汰了,这些玩意能实现的东西css后面的版本里面很多都将内置。
9. sass 用koala怎么编译
我最近也在学sass,之前用的是sublime test2,这个编译器有个好处就是转译成css的时候方便,但是终究还是和项目分离,也很麻烦。后来发现只要通过命令行一直监视整个目录或者文件就方便多了,只要保存,sass就会自动编译,下面是例子:
监视文件:
sass --watch test.scss:test.css
监视目录
sass --watch sass(sass目录):css(css目录)
满意的话希望采纳啦。。。。
10. 在STS中能否使用gulp和sass预编译
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {
return gulp.src('./sass/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./css'));
});
其中,gulp.dest这句就是编译sass为css到指定的路径上。