摘要:
知识点一:css3 2D转换 1、定义: CSS3转换可以对元素进行移动、缩放、转动、拉长或拉伸。转换的效果是让某个元素改变形状,大小和位置。 2D变换方法:translate()、rotate()、scale()、skew()、matrix()它们都在transform属性中 2、translat 阅读全文
摘要:
知识点一:函数 1、概念:具有相同的特定功能的代码封装在一起,就是函数 2、定义: ① 函数表达式 var $ = function () { console.log("函数表达式"); } ② 数的声明 function fn1() { console.log("函数的声明"); } 声明后的函数 阅读全文
摘要:
1、为什么要使用数组呢? ① 存储班级花名单,需要在内存中开辟过个空间,浪费内存空间。书写不方便 2、什么是数组? ① 将多个元素按照一定的顺序排列,放在一个集合中,那么这个集合就是数组。 ② 数组是有序的! 3、如何去定义? ① 字面量定义数组 ② var arr = []; ③ var arr1 阅读全文
摘要:
知识点一:流程控制 1、分类: 1、 流程控制:顺序结构、分支结构、循环结构 2、顺序结构:按照程序的书写顺序依次执行 3、 分支结构:根据不同的情况,执行对应代码 4、循环结构:重复做一件事情 知识点二:if语句 1、格式 if (判断语句) { 如果条件成立才执行 执行语句 } else if 阅读全文
摘要:
知识点一:数据类型 1、数据类型: (1)、基本数据类型:数字类型(Number)、字符串类型(String)、布尔类型(Boolean)、Undefined、null (2)、复杂数据类型:对象(Object) 2、Number ① 十进制 var num1 = -100.25; ② 十六进制 v 阅读全文
摘要:
1、响应式布局的优点 响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。 优点: (1)面对不同分辨率设备灵活性强 (2)能够快捷解决多设备显示适应问题 缺点: (1)兼容各种设备工作量大,效率低下 (2)代码累赘,会出现隐藏无用的元素,加载时间加长 (3)其实这是一种折中性 阅读全文
摘要:
知识点一:渐变 1、线性渐变 (1)、从上到下(默认情况下) background: linear-gradient(red,green); 百分比:从0-10%填充红色,50%-100%填充绿色 background: linear-gradient(red 10%,green 50%); (2) 阅读全文
摘要:
知识点一:CSS3概述 1、CSS3简介 如同人类的的进化一样,CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性,弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷动画圆角阴影边框图片… 2、CSS3现状 1、浏览器支持程度差,需要添加私有前缀 -webkit- 阅读全文
摘要:
1、属性选择器 [attribute] [target] 选择所有带有target属性元素 [attribute=value] [target=-blank] 选择所有使用target="-blank"的元素 [attribute^=value] a[src^="https"] 选择每一个src属性 阅读全文
摘要:
知识点一:H5拖拽 1、设置元素为可拖放 首先,为了使元素可拖动,把draggable属性设置为true: 2、拖动什么 ondragstart和setData() 然后,规定当元素被拖动时,ondragstart属性调用了一个函数,start(event),它规定了被拖动的数据。 在所有的拖放事件 阅读全文