Sass入门到进阶

本系列教程能够帮助前端开发人员快速的掌握Sass,并且直接运用于实际项目当中,对CSS有一定的了解,才可以更好的学习本课程

Sass相关拓展

导学视频
教学服务 问答专区
课程资料 配套教辅

体系课课程视频总时长 32 小时

菜鸟到前端工程师的蜕变 HTML5与CSS3实现动态网页

介绍:系统化学习,从“会做网页”到“实现常用的动态网页效果”蜕变
学习成果:带你完成六大动态网页特效,掌握独立开发能力
薪酬参考:达到企业实习生招聘要求,参考市场薪酬5k-7k

…来自学长学姐的评价
加购物车 立即学习

Sass相关问答

相关猿问

请问为什么webpack 编译sass 的import不解析?

最赞的回答

一楼没听明白你的问题,二楼装傻。。 @import 和 import进来的模块webpack编译是有区别的,通常我们都适用import引入模块,但是当css模块化后,集体引入,会发现@import引入并不会被编译进去也不会刷新。解决方式:目前没有发现webpac...

相关猿问

vue在main.js引入sass,在组件中使用变量报错

最赞的回答

sass的变量,只能组件需要的时候,以import的方式引入。main.js中引入的sass文件,可以作为全局样式。全局变量,在webpack看来,是无法识别的。

Sass相关文章

手记文章

Axios-CancelToken 取消重复请求

> 项目地址:https://github.com/Ewall1106/mall > 文档地址:https://docs.xwhx.top/mall/ 有什么用? 当用户频繁点击在短时间内发送多个 ajax 请求,但是由于网络原因服务器数据无法及时响应返回,这时候,就会有可能造成前端页面数据不匹配的情况。 具体场景来说,在用户网速不好的情况下的比如搜索框 onchange 事件的模糊搜索、触底刷新请求列表数据、tab 栏的高频切换等等。 再者,这样也浪费服务器资源,也是性能优化的一种必要手段。 基本使用 官网地址:Axios-CancelToken

浏览2918推荐2
手记文章

我花了半年时间,做出一套使用 Typescript 高仿 AntD 从零到一实现自己组件库的课程

新课的地址:https://coding.imooc.com/class/428.htm​ 在慕课网出品几门课程之后,我一直在想接下来应该给同学们带来一套怎样与众不同又真正让大家成长的课程,现在市面上已经有非常多的大前端,面试,各种全家桶的课程,那么这些同质化的课程是否真的能抓住大家的痛点呢? 很多同学学习技术陷于一个瓶颈,尤其是很多在中小型公司的同学,发现工作中每天都深陷重复业务的泥潭,不由的产生一种恐慌的心情,觉得自己在浪费时间没有提高。所以我之前的课的同学经常会问我几个问题: 1 在学习

浏览13644推荐10
手记文章

《css大法》之使用伪元素实现超实用的图标库(附源码)

今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力,做出一些脑洞大开的图形。 预备知识 伪元素 伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特定部分修改样式。伪元素主要有: ::first-letter 第一个字母的样式 ::first-line 首行文字的样式 ::before 元素头部添加的修饰 ::after 元素尾部添加的修饰 ::placeholder input的占位符样式 ::selection 被选中元素的样式 我个人觉得伪元素可以解释为元素的修饰,可以为元素带来额外

浏览4937推荐3
手记文章

「翻译」逐步替换Sass

本文来自心谭博客·「译文」逐步替换Sass,最新文章请见导航页,欢迎交流✿✿ヽ(°▽°)ノ✿ 翻译说明 这是一篇介绍现代 css 核心特性的文章,并且借助 sass 进行横向对比,充分体现了 css 作为一门设计语言的快速发展以及新特性为我们开发者带来的强大生产力。 第一次尝试翻译技术文,为了让文章更通俗易懂,很多地方结合了文章本意和自己的说话风格。另外,时间有限水平有限,难免有些失误或者翻译不恰当的地方,欢迎指出讨论。 英文原文地址:https://cathydutton.co.uk/posts/why-

浏览2325推荐2
手记文章

你能使用 typescript 写好一个最简单的 Button 组件吗?

先来一个硬广:我在慕课网上线了新课 React+TypeScript高仿AntDesign开发企业级UI组件库-慕课网 面对的用户是:想要提高React 水平,写出符合大厂规范代码,了解开源库的发布验证流程的同学,这门课从设计,到渐进式开发,再到单元测试,发布再到 CI/CD 整个流程全覆盖。同时我还为这门课推出了官方的演示网站:http://vikingship.xyz/ ,有所有组件和文档的演示,可以看看。 这里就讲讲组件库实现的第一个组件 Button,大家一看这个组件,应该是觉得太简单啦,这还用学?闭着眼都能写出

浏览11520推荐9
手记文章

CSS的未来已来

作者:陈大鱼头 github: KRISACHAN 前言 最近听说TypeScript3.7添加了对Optional Chaining的支持,然后就想着给鱼头的脚手架ying-template的TS版本升级,然后在命令行发现这样的一句信息: 'postcss-cssnext' 已经被 'postcss-preset-env'代替了。详情请查看 https://moox.io/blog/deprecating-cssnext/ 其实鱼头的脚手架里早就把postcss-cssnext换成了postcss-preset-env,不过一直没删,但是看到这句话之后,处于好奇,就去翻了翻PostCSS的官网,然后又思考了下这些年CSS的发展历程

浏览7877推荐2
手记文章

ConcurrentHashMap等JDK

面试久了,你会发现Java并发编程是面试的重点考察点。并且随着公司的发展,用户量级会与日俱增,并发的问题自然避免不了,因此具备处理并发能力的 Java 程序员必然是广大公司渴求的香饽饽。Java并发中,一块非常重要的内容就是对于各种工具类的理解,常见的广义的并发工具包括:线程池、ConcurrentHashMap、AtomicInteger、CopyOnWriteArrayList、ArrayBlockingQueue、synchronized、LongAdder、ThreadLocal、各种Lock、Future、CountDownLatch、Semaphore等等。以上这些工具,大家或多或少肯定都使用过,但是如果让我们自己编写功能类似的工具类,就很容易出错,因为我们可能会考虑不周;而JDK的常用工具类是经过了千万人检验的,值得信赖且功能完善。

浏览12030推荐65
手记文章

CSS知识点与面试题解析

前言 CSS 和 HTML 是网页开发中布局相关的组成部分,涉及的内容比较多和杂乱,本小节重点介绍下常考的知识点。 选择器的权重和优先级 CSS 选择器有很多,不同的选择器的权重和优先级不一样,对于一个元素,如果存在多个选择器,那么就需要根据权重来计算其优先级。 权重分为四级,分别是: 代表内联样式,如style="xxx",权值为 1000; 代表 ID 选择器,如#content,权值为 100; 代表类、伪类和属性选择器,如.content、:hover、[attribute],权值为 10; 代表元素选择器和伪

浏览3402推荐2

编程入门先学什么?小白想入门看这里

最全的编程入门教程,成就编程牛人,适合所有的新手入门

查看详情

Web前端入门到精通,最全学习路线

有数据显示,2016年Web前端岗位月薪最高达到2-3万元,月平均薪资超过8000元,预计在2017年薪资水平将再一次水涨船高!前端薪资如此诱人,入门有难度吗?对于小白来说,入门前端必是绝佳选择,门槛低、较基础,可以顺利帮你打开通往互联网新世界的大门!迟疑1秒,可能丢失10个offer!慕课网职业路径视频不限期,服务随开随用,让你学的更彻底!

查看详情

超实用的Web主流前端框架

不迎合、不妥协,择有态度的框架,做实力牛逼的前端!

查看详情

CSS属性深入理解

适合有CSS基础的同学,通过学习来深入理解CSS中的各种属性和用法,助你解决疑惑提升能力!

查看详情