React组件设计 组件分类 展示组件和容器组件 展示组件 容器组件 关注事物的展示 关注事物如何工作 可能包含展示和容器组件,并且一般会有DOM标签和css样式 可能包含展示和容器组件,并且不会有DOM标签和css样式…
标签:sass
scss学习
1. SASS和SCSS的区别 文件扩展名不同:“.sass”和“.scss”; SASS是以严格缩进式语法规则来书写的,不带大括号和分号;而SCSS的语法和CSS书写语法类似。 2. 安装 先安装Ruby(http:/…
一个前端菜鸟的成长历程
从实习算起,到现在工作了也有一年半的时间了,在这期间,深深感受到了前端领域的飞速发展,在这里记录一下自己的成长历程,算是对知识的一个梳理,也希望帮助到刚入行的同学们。说来惭愧,大学里并没有涉及前端的知识,当时对自己的…
择要
背景 从后端正式转入前端已一年了,这一年当中,学到的东西以至比之前两年还多。不禁叹息学海无涯,要学的东西实在是太多。人老是忘记的,我愿望经由过程一个纪要专栏来纪录一下我在前端方向的一些本身以为主要的东西,以轻易今后的学问…
Sass 与 SCSS 是什么关系?
我最近写了很多 Sass 代码,但是最近发现并不是每一个人都知道 Sass 具体是什么。下面是一个简短的说明: 当我们说起 Sass ,我们经常指的是两种事物:一种 css 预处理器和一种语言。我们经常这样说,“我们正在…
使用 Nginx 编译 Sass 和 Scss
前端的小伙伴对于 Sass 或 Scss(以下统称 Sass) 应该并不陌生,他是一种 CSS 预处理语言,使用 Sass 可以极大简化 CSS 代码的编写和维护。 通常情况下,我们在开发环境下使用 Sass 是在 we…
前端代码评审 Checklist 清单
前言 前端团队有评审代码的要求,但由于每个开发人员的水平不同,技术关注点不同,所以对代码评审的关注点不同,为了保证代码质量,团队代码风格统一,特此拟定一份《前端团队代码评审 CheckList 清单》,这样代码评审人…
Linux下node-sass安装失败的解决方法与简单使用
记录一下安装node-sass的过程.关于CSS是不是一门编程语言,这里不讨论,但是它没有变量 语句 函数(反正我觉得他不是编程语言).于是程序员们发明了CSS预处理器(css preprocessor),它是一种专门的…
使用Sass来写OOCSS
自从2008年Nicole Sullivan提出Object-Oriented CSS(OOCSS)以来。它就成为一个领先的模块系统,用来组织你的CSS代码方式之一。 OOCSS不同于其他组织CSS代码方法,比如SMAC…
前端工程化总结
为什么会出现前端工程化这个概念?当前端业务日益复杂化和多元化,就会出现许多问题。比如说:如何提高开发效率?如何保证项目的可维护性?如何提高项目的开发质量?多人合作,架构分层,模块设计,解耦,抽象,复用,mock,联调,部…
前端工程化总结
为什么会出现前端工程化这个概念?当前端业务日益复杂化和多元化,就会出现许多问题。比如说:如何提高开发效率?如何保证项目的可维护性?如何提高项目的开发质量?多人合作,架构分层,模块设计,解耦,抽象,复用,mock,联调,部…
大话css预编译处理(三):基础语法篇
一、Sass、LESS和Stylus的语法 每一种语言都有自己一定的语法规则,CSS预处理器语言也不例外,在真正使用CSS预处器语言之前还有一个不可缺少的知识点,就是对语法的理解。值得庆幸的是,这三款CSS预处理器语言的…