sass笔记-3|Sass基础语法之样式复用和保持简洁

上一篇详述了Sass如何嵌套.导入和注释这3个基本方式来保持条理性和可读性,这一篇更进一步地阐述sass保持样式复用和简洁的方式--混合器和选择器继承--这两种方式都能复用样式,使用它们也不难,但一定要注意什么时候该用什么. 零. 混合器--样式层上复用当你需要一直复用大段样式的时候,可以考虑下混合器. 1. 基本用法混合器使用@mixin标识符定义,然后通过@include引入,简单的说就是用@mixin定义一个混合器,它具有一个名字和一堆包含在花括号中的规则,用@include引入这个混…

Sass的使用和基础语法

sass安装官网下载ruby的windows安装包,安装时勾选上添加到环境变量add ruby executables to your path.安装完成后打开命令行,ruby -v输出内容则安装完成. 添加国内sources,安装sass gem sources --remove https://rubygems.org/ gem sources -a http://gems.ruby-china.org 国内的镜像 gem sources -l 查看current sources gem…

风变编程笔记(一)-Python基础语法

第0关 print()函数与变量 1. print()函数print()函数:告诉计算机,把括号的内容显示在屏幕上 # 不带引号 print(1+1) # 让计算机读懂括号里的内容,打印最终的结果 # >>2 # 带引号 print('hello world!') # 让计算机无需理解,原样复述引号中的内容 # >>hello world! # 带双引号 print("Let's play") # 让计算机无需理解,原样复述引号中的内容,可以输出内容中的单引号…

Scala学习教程笔记一之基础语法，条件控制，循环控制，函数，数组，集合

前言:Scala的安装教程:http://www.cnblogs.com/biehongli/p/8065679.html 1:Scala之基础语法学习笔记: :声明val变量:可以使用val来声明变量,用来存放表达式的计算结果,但是常量声明后是无法改变它的值的,建议使用val来声明常量: 声明var变量:如果要声明可以改变的引用,可以使用var变量,声明的常量的值可以改变. :指定类型:无论声明val变量还是声明var变量.都可以手动指定其类型,如果不指定,scala会自动根据值,进行类型的推…

Java编程基础阶段笔记 day04 Java基础语法（下）

day04 Java基础语法 (下) 笔记Notes要点 switch-case语句注意 switch-case题目(switchTest5) 循环执行顺序 if-else 实现3个整数排序 String字符串比较循环四要素打印九九乘法表特殊关键字continue.break switch(表达式) 表达式里仅支持 byte.short.char.int.枚举.String(jdk1.7后) switch(表达式){ case 常量1: 执行语句1; break; case 常量2: 执行…

<学习笔记之 JQuery 基础语法>

jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 1. 页面添加 jQuery 库 jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数. 可以通过下面的标记把 jQuery 添加到网页中: <head> <script…

sass笔记-2|Sass基础语法之让样式表更具条理性和可读性

这一篇主要详述保持sass条理性和可读性的3个最基本方法--嵌套.导入和注释. 零. 变量变量本身的作用是为了保持属性值的可维护性,把所有需要维护的属性值放在同一个地方,快速更改,处处生效,可谓售后无忧. 1.变量声明变量用"$"符号开头进行声明,任何可以用作CSS属性值的东西都可以用作sass变量的值,单个值.空格分开的多个值.逗号分开的多个值都可以: $primary-color: #233; $general-border: 1px solid #ddd; 变量一般声明在sa…

sass的安装和基础语法

安装下载ruby安装包[官网非常慢ruby官网] ruby-2.3.3-x64-mingw32.7z 下载sass sass-3.7.4.gem 方法一: ruby压缩包,解压即可,在bin目录下,使用命令gem install sass-3.7.4.gem安装sass 方法二: gem install sass 在idea中使用安装File watcher插件 add SCSS监听器 programm: ruby/bin/scss.bat # --no-cache:不生成缓存文件,--so…

sass笔记-1|Sass是如何帮你又快又好地搞定CSS的

Sass学习笔记持续整理中,开篇不讲怎么安装,sass是什么,这些搜索引擎会告诉你,我们从sass的作用开始讲起,知道sass用来干什么,有什么作用,我们才能相信用sass的好处,并且时时刻刻想着sass的设计思维--Don't Repeat Yourself.这一篇将阐述Sass如何利用变量.选择器嵌套.混合器和选择器继承来帮我们又快又好地搞定CSS. 零. Sass的作用是什么? Sass的作用是,帮助我们更快地(又快)写出具有高可维护性(又好)的CSS代码. 直白点说就是,用了sass,写…

Java 学习笔记(1)——java基础语法

最近抽时间在学习Java,目前有了一点心得,在此记录下来. 由于我自己之前学过C/C++,而Java的语法与C/C++基本类似,所以这一系列文章我并不想从基础一点点的写,我想根据我已有的C/C++经验,补充一些需要注意的点,或者java中独特的内容,或者将C/C++进行对比来总结一下学习的内容. 为什么要学习java 最开始接触到Java还是在学校中开设的一门java编程语言的课,那个时候感觉java很麻烦,写个helloworld要那么多代码.后来学到web编程,我自己搭建的环境总是报错,而且…

TCL语言笔记：TCL基础语法

一.什么是TCL Tcl 全称是 Tool command Language.它是一个基于字符串的命令语言,基础结构和语法非常简单,易于学习和掌握. Tcl 语言是一个解释性语言,所谓解释性是指不象其他高级语言需要通过编译和联结,它象其他 shell 语言一样,直接对每条语句顺次解释执行. Tcl 数据类型简单.对 Tcl 来说,它要处理的数据只有一种——字符串.Tcl 将变量值以字符串的形式进行存储,不关心它的实际使用类型. 二.TCL的基本语法 1.输出:tcl使用”puts"关键字来作为输…

Java基础学习笔记二 Java基础语法

注释注释用来解释和说明程序的文字,注释是不会被执行的. 单行注释 //这是一条单行注释 public int i; 多行注释 /* 这是 * 一段注释, * 它跨越了多个行 */ public void f() {} } 文档注释 /** The first Thinking in Java example program. * Lists system information on current machine. * @author Bruce Eckel * @author http:/…

Java基础学习笔记三 Java基础语法

Scanner类 Scanner类属于引用数据类型,先了解下引用数据类型. 引用数据类型的使用与定义基本数据类型变量不同,引用数据类型的变量定义及赋值有一个相对固定的步骤或格式. 数据类型变量名 = new 数据类型(); 每种引用数据类型都有其功能,我们可以调用该类型实例使用其功能. 变量名.方法名(); Scanner类 Scanner类可以完成用户键盘录入,获取到录入的数据. Scanner使用步骤: 导包: import java.util.Scanner; 创建对象实例:Scann…

Java基础学习笔记四 Java基础语法

数组数组的需求现在需要统计某公司员工的工资情况,例如计算平均工资.最高工资等.假设该公司有50名员工,用前面所学的知识完成,那么程序首先需要声明50个变量来分别记住每位员工的工资,这样做会显得很麻烦. 数组的概述数组是指一组数据的集合,数组中的每个数据被称作元素.在数组中可以存放任意类型的元素,但同一个数组里存放的元素类型必须一致. 数组的定义格式: 数据类型[] 数组名 = new 数据类型[元素个数或数组长度]; 举例:int[] x = new int[100]; 要点说明数据类…

Java基础学习笔记七 Java基础语法之继承和抽象类

继承继承的概念在现实生活中,继承一般指的是子女继承父辈的财产.在程序中,继承描述的是事物之间的所属关系,通过继承可以使多种事物之间形成一种关系体系. 例如公司中的研发部员工和维护部员工都属于员工,程序中便可以描述为研发部员工和维护部员工继承自员工,同理,JavaEE工程师和Android工程师继承自研发部员工,而维网络维护工程师和硬件维护工程师继承自维护部员工.这些员工之间会形成一个继承体系,具体如下图所示. 在Java中,类的继承是指在一个现有类的基础上去构建一个新的类,构建出来的新类被称…

Java基础学习笔记八 Java基础语法之接口和多态

接口接口概念接口是功能的集合,同样可看做是一种数据类型,是比抽象类更为抽象的”类”.接口只描述所应该具备的方法,并没有具体实现,具体的实现由接口的实现类(相当于接口的子类)来完成.这样将功能的定义与实现分离,优化了程序设计.请记住:一切事物均有功能,即一切事物均有接口. 接口的定义与定义类的class不同,接口定义时需要使用interface关键字.定义接口所在的仍为.java文件,虽然声明时使用的为interface关键字的编译后仍然会产生.class文件.这点可以让我们将接口看做是一种…

【Python笔记】Python 基础语法

Python 标识符在 Python 里,标识符由字母.数字.下划线组成. 在 Python 中,所有标识符可以包括英文.数字以及下划线(_),但不能以数字开头. Python 中的标识符是区分大小写的. 以下划线开头的标识符是有特殊意义的.以单下划线开头 _foo 的代表不能直接访问的类属性,需通过类提供的接口进行访问,不能用 from xxx import * 而导入. 以双下划线开头的 __foo 代表类的私有成员,以双下划线开头和结尾的 __foo__ 代表 Python 里特殊方法专…

mobx学习笔记03——mobx基础语法（decorator修饰器）

在声明阶段实现类与类成员注解的一种语法. function log(target){ const desc = Object.getOwnPropertyDescriotors(target.prototype); for(const key of Object.keys(desc)){ if(key === 'constructor'){ continue; } const func = desc[key].value; if ('function' === typeof func) { Ob…

mobx学习笔记02——mobx基础语法（class）

新的语法可能不被浏览器支持,可以使用babel转换为浏览器支持的代码格式: 为什么要定义class? js是一门面向对象的编程语言.需要利用类来复用代码,提高编程效率. 需要什么样的class能力? 继承+多态例子:在页面中显示Hello World! 1)创建工程文件夹,在该文件夹中创建src文件夹,在src文件夹中创建index.js文件,并在其中写入显示Hello World!的代码. 2)执行npm init -y 命令来创建包含默认内容的package.json文件 3)创建webp…

Python学习笔记1（基础语法）

1.Python的文件类型: 源代码:扩展名以py结尾.python写的程序不需要编译成二进制代码,可以直接运行.pyw是Windows下开发图形界面的源文件. 字节代码:扩展名以pyc结尾,是编译过的字节文件,不能使用文本编辑工具打开或者修改. 优化代码:扩展名以pyo结尾,是优化过的源文件,需要用命令行工具生成.下面把hello.py编译成hello.pyo. python -O -m py_compile hello.py PS: 参数-O表示生成优化代码,-m表示吧导入的py_compi…