随着前端开发的不断发展,CSS也逐渐延伸出了很多新的语言,less和Sass就是其中两种,下面我们就一起来看看它们到底有何区别。 背景 CSS(层叠样式表)是一门非程序式语言,入门学习使用非常直观方便,但是对于一些比较复杂或者重用性比较强的项目来说,因为CSS没有变量、函数、SCOPE(作用域),需 ...
分类:
Web程序 时间:
2019-12-27 20:02:45
阅读次数:
146
熟悉CSS的同学都知道,随着时代发展CSS还延展出了一些新语言,比如SASS和LESS。但是可能很多同学并不了解他们,接下来我就会带你一起了解一下关于Css、less和Sass的相关信息。 背景 CSS(层叠样式表)是一门非程序式语言,入门学习使用非常直观方便,但是对于一些比较复杂或者重用性比较强的 ...
分类:
Web程序 时间:
2019-12-27 19:48:17
阅读次数:
103
可能大家对于css还是比较了解了,但说到SASS和LESS还是很陌生,那么今天就跟我来一起了解一下CSS、LESS和SASS。 背景 CSS(层叠样式表)是一门非程序式语言,入门学习使用非常直观方便,但是对于一些比较复杂或者重用性比较强的项目来说,因为CSS没有变量、函数、SCOPE(作用域),需要 ...
分类:
Web程序 时间:
2019-12-27 19:26:30
阅读次数:
82
一、原理: 字体图标是在 Web 项目中使用的图标字体,利用CSS3 @font-face 规则引入雪碧图文件,通过方位显示某个图标,常用图标可直接使用glyphicons/font-awesome; 官网:http://fontawesome.io/ 官网:https://glyphicons.c ...
分类:
其他好文 时间:
2019-12-27 13:19:39
阅读次数:
624
本文重点在于HTML5与CSS3的学习和使用,HTML与CSS不属于编程范畴,更偏向于设计,而Sass是编程化的CSS的扩展语言,对于没有接触过编程的读者可能会有点吃力,这里不做对语法详细介绍,仅作为基本介绍,让读者了解Sass的优越性,如果对Sass感兴趣,请自行查阅相关资料。 Sass基本语法 ...
分类:
Web程序 时间:
2019-12-27 09:15:29
阅读次数:
84
Sass作为一门具有编程性质的CSS扩展语言,它具有独立的文件名称,因为其历史原因,它的后缀名可以有两个选择,分别为sass和scss,其中sass的编写格式不符合CSS编程语法规范,其不能使用大括号和分号,需要的严格的缩进来做定界。如下所示: body background: #eee font- ...
分类:
Web程序 时间:
2019-12-26 09:42:16
阅读次数:
107
前端入门需要学习 A基础知识部分 1.html一些新的标签,html不仅仅包括div,span 2.css3,一些新的语法,布局,例如flex弹性布局,less,sass都是啥 3.DOM树结构,盒模型(margin,padding,border)不同浏览器层次不一样,尤其IE 4.数据交互插件,a ...
分类:
Web程序 时间:
2019-12-25 16:09:52
阅读次数:
93
在了解完Sass之后,相信大多数人更期望了解它到底如何将我们编写CSS代码的效率提高的?到底是如何让我们的CSS代码更具有可维护性的?到底如何让我们编写的CSS代码更具有重用性的?那么笔者就来讲述一个Sass编码的实例,来解答这些疑问。 首先我们先拟定一个需求,让HTML中按钮有相同的大小和不同的款 ...
分类:
Web程序 时间:
2019-12-24 09:31:51
阅读次数:
100
通过loader打包非js模块 在实际开发过程中,webpack 默认只能打包处理以.js 后缀名结尾的模块,其他非.js 后缀名结 尾的模块,webpack默认处理不,需要调用loader加载器才可以正常打包,否则会报错! loader加载器可以协助webpack打包处理特定的文件模块,比如: + ...
分类:
Web程序 时间:
2019-12-23 22:17:38
阅读次数:
117
第一步: 学会使用ModelSerializer, 并且会使用ModelSerializer相互嵌套功能 1. goods.serializers.py from rest_framework import serializers from goods.models import Goods, Go ...