摘要:
一、什么是Sass/Scss. Sass和Scss是指的是同一个东西。Sass的语法更近ruby,而Scss更接近css代码。Sass/Scss是对css的扩展,但是scss/sass不能之间直接运行在浏览器中,需要编译成css. 二、在命令行中安装Sass和使用 首先需要在电脑上安装node.然后 阅读全文
摘要:
一、CSS变量 CSS变量是CSS的新特性,大多数浏览器都实现了这个功能,使用CSS变量有利代码复用,而且当我们修改变量值时,所有引用该变量的属性都会发生改变。 定义变量后可以有两种使用方法,第一种时var(var_name),第二种时var(var_name,defaultvalue);当变量不存 阅读全文
摘要:
一、CSS函数的用法 设置css的属性值时可以使用css函数,如果color:rgba(20,30,50,0.5),css中有很多这样的函数。 二、常用的CSS函数 a.calc()函数 这个函数是的可以计算容器的大小。如果设置容器的宽度:j b.fit-content() 这个函数允许我们设置一个 阅读全文
摘要:
一、viewport 桌面上视口宽度等于浏览器宽度,但在手机上有所不同。 布局视口 手机上为了容纳为桌面浏览器设计的网站,默认布局视口宽度远大于屏幕宽度,为了让用户看到网站全貌,它会缩小网站,例如ipone8的布局视口是850px; 视觉视口 屏幕的可视区域,即物理像素尺寸 理想视口 当网站是为手机 阅读全文
摘要:
一、HTML中使用JavaScript的两种方式 1、在<script></script>中包含JavaScript代码。 2、使用<script>标签的src属性引入外部javaScript文件,JavaScript文件可以来自外域也可以是同域。如果script标签包含src属性,那么script 阅读全文
摘要:
ruby基础知识 模块 模块是ruby的特色功能之一。如果说类是事物的实体以及行为,那么模块表现的 就是事物的行为部分,模块和类有以下两点不同: 1. 模块不能拥有实例 2. 模块不能被继承 模块的使用方法 使用模块可以灵活的解决下面的问题 1. 虽然两个类拥有相同的功能,但是不希望他们作为相同的种 阅读全文
摘要:
ruby语法基础 1.方法 方法时对象定义的与该对象相关的操作。在Ruby中,对象的所有的操作都被封装成 方法。 方法的调用 带块的方法的调用 eg:each方法 其中i被称作块块变量,不同的方法的块变量个数不同。 运算符方法 ruby中有些方法看起来像运算符 其中的obj为调用方法的对象,arg1 阅读全文
摘要:
类和模块 1.类 类是面向对象中一个重要的术语。我们可以把类看作是对象的抽象, 所有的这类对象都有这些特征。而对象则是类的具体实现,按照类的要求创建的 对象就是该类的对象。类就像对象的雏形一样,决定了对象的行为。 eg:用数组类创建数组对象 用class方法查看对象属于那个类 所有的类都是Class 阅读全文
摘要:
Ruby基础 1.对象、变量和常量 1.1 对象 在Ruby中表示数据的最基本单位是对象,任何数据都是对象,使用类来表示对象的种类。 一个某个类的对象称作对象的实例。 对象|类|eg : :|: :|: : 数值|Numeric|1、2.5、3.0 字符串|String|"sdasd"、'sadad 阅读全文
摘要:
linux下rbnev安装及使用 1.安装rbenv 设置环境变量PATH和rbenv的初始化信息,在shell中执行 2.安装插件 ruby build ruby build是一个命令行实用程序,可以从源代码轻松安装几乎任何版本的Ruby rbenv update 通过rbenv update命令 阅读全文