摘要: 一、运算符和表达式 运算符 :也叫操作符,是一种符号。通过运算符可以对一个或多个值进行运算,并获取运算结果。 表达式 :由数字、运算符、变量的组合(组成的式子)。 二、算数运算符 +:当+两边是数字时候,就是算数运算符,只要有一边不是数字,就是连接符 , ,/ %:取模 取模的使用场景 取各位上的数 阅读全文
posted @ 2020-04-20 18:28 小艾同学喔 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 一、转为Number类型 1.parseInt() 遇到小数点,直接舍弃小数点后面的,不存在四舍五入 2.parseFloat() 可以转换小数 3.Number() 1.String 1.如果字符串中是纯数字,则直接将其转换为数字。 2.在转换时会先判断能否转换成数字,只要要字符串中包含了非数字的 阅读全文
posted @ 2020-04-19 21:45 小艾同学喔 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 一、为什么要区分不同的数据类型 在计算机中,不同的数据所需占用的存储空间不同,为了充分利用存储空间,于是定义了不同的数据类型。而且,不同的数据类型,寓意也不同。 二、JS中一共有七种数据类型 基本数据类型(值类型) :String 字符串、Number 数值、Boolean 布尔值、Null 空值、 阅读全文
posted @ 2020-04-19 13:50 小艾同学喔 阅读(362) 评论(3) 推荐(0) 编辑
摘要: 一、基本概念 + flex布局又叫伸缩布局 、弹性布局 、伸缩盒布局 、弹性盒布局 + Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 + 任何一个容器都可以指定为 Flex 布局。 + 当我们为父盒子设为 flex 布局以后,子元素的 float 阅读全文
posted @ 2020-04-19 08:44 小艾同学喔 阅读(138) 评论(0) 推荐(1) 编辑
摘要: 一、sass和scss sass最初是为了配合haml设计的,不需要大括号,用tab缩进 从第三代开始,保留缩进风格,完全向下兼容普通的css代码 二、下载配置sass compass是sass的一个工具库 安装compass和sass都需要Ruby 1.下载Ruby 2.安装 3.安装compas 阅读全文
posted @ 2020-04-16 14:01 小艾同学喔 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 一、less预处理器 Less(LeanerStyle Sheets 的缩写)是一门 CSS扩展语言,也成为CSS预处理器。 1.插件安装 安装Easy LESS插件就能使写入的.less文件保存时自动生成.css文件 2.用法 1..less中的语法完全兼容css语法。 2.HTML引入时,需要引 阅读全文
posted @ 2020-04-16 07:31 小艾同学喔 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 一、1px边框问题 用伪元素模拟边框然后缩放0.5 二、横向滚动条 1.滚动产生需满足的条件 竖向滚动必须有一个定高,横向滚动条必须有定宽,一定不能由内容撑开。 滚动容器中的内容占据的高度要大于滚动容器本身的高度 当条件同时满足时才会出现滚动条。 正常文档流的情况下,水平盒子如果排不开会自动换行 那 阅读全文
posted @ 2020-04-15 23:36 小艾同学喔 阅读(149) 评论(2) 推荐(1) 编辑
摘要: 一、 JavaScript 是什么 JavaScript是一种运行在客户端(浏览器)的脚本语言 客户端: 客户端 是相对于服务器而言的,在这里先简单理解为浏览器 浏览器就是一个客户端软件,浏览器从服务器上将资源(html,css,js,图片等)请求下来 并且在本地利用浏览器去解析这些资源 服务器本质 阅读全文
posted @ 2020-04-15 21:02 小艾同学喔 阅读(187) 评论(1) 推荐(1) 编辑
摘要: 响应式 什么是响应式布局 响应式布局(respond layout)是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是 一个网站能够兼容多个终端(手机、平板、pc电脑) ——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 优点: 缺点: 响应式 阅读全文
posted @ 2020-04-15 20:18 小艾同学喔 阅读(237) 评论(0) 推荐(1) 编辑
摘要: 一、什么是rem rem 根元素`的字体大小的单位。它就是一个相对单位。 px:一个绝对单位 em:一个相对单位,根据的是当前盒子的font size rem:一个相对单位,根据当前页面html的font size改变 二、rem单位开发步骤 1.首先跟距UI图大小找到模拟器窗口 750pxUI图对 阅读全文
posted @ 2020-04-15 19:48 小艾同学喔 阅读(124) 评论(0) 推荐(1) 编辑