11 2021 档案

JS DOM属性操作与事件
摘要：鼠标事件： onmouseover 鼠标移入事件：在鼠标指针移动到元素上时触发。 onmouseout 鼠标移出事件：在鼠标指针移出元素后触发 onmouseenter 鼠标进入事件：在鼠标指针进入到元素上时触发。 onmouseleave 鼠标离开事件：在鼠标指针离开元素后触发 onfocus获取 阅读全文
posted @ 2021-11-29 22:26 ..Shmily 阅读(154) 评论(0) 推荐(0)
DOM操作
摘要：获取元素方式： 1.根据id获取元素 document.getElementById() 2.根据类名 document.getElementsByClassName() 伪数组定义： 1、拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数 阅读全文
posted @ 2021-11-29 22:05 ..Shmily 阅读(62) 评论(0) 推荐(0)
JS内置对象使用
摘要：Math对象： （1）常用属性： Math.PI 圆周率 （2）常用方法 Math.random() 生成随机数 Math.floor() 向下取整 Math.ceil() 向上取整 Math.round() 取整，四舍五入 Math.abs() 绝对值 Math.max() 最大值 Math.mi 阅读全文
posted @ 2021-11-26 22:08 ..Shmily 阅读(62) 评论(0) 推荐(0)
JS预解析、对象
摘要：记住一句话：JavaScript语言是单线程的 同步异步： 因为JavaScript的单线程，因此同个时间只能处理同个任务，所有任务都需要排队，前一个任务执行完，才能继续执行下一个任务，但是，如果前一个任务的执行时间很长，比如文件的读取操作或ajax操作，后一个任务就不得不等着，拿ajax来说，当用 阅读全文
posted @ 2021-11-24 20:31 ..Shmily 阅读(49) 评论(0) 推荐(0)
JS数组和函数
摘要：数组： 数组的定义： var arr1 = [ ]; 数组的索引从0 开始。 遍历数组： 遍及所有，对数组的每一个元素都访问一次就叫遍历。 数组遍历的基本语法： for(var i = 0; i < arr.length; i++) { // 数组遍历的固定结构 } 数组中新增元素 数组的push方 阅读全文
posted @ 2021-11-22 22:27 ..Shmily 阅读(51) 评论(0) 推荐(0)
HTML初识
摘要：1.开发工具：编辑器（dreamweaver、sublime、webstrom、Hbuilder、vscode） 浏览器：IE浏览器、火狐浏览器、谷歌浏览器、Safari、Opera photoshop（协助） PS2.浏览器内核：渲染引擎 和 JS引渲染引擎 渲染引擎：它负责取得网页的内容（HTM 阅读全文
posted @ 2021-11-21 17:49 ..Shmily 阅读(57) 评论(0) 推荐(0)
表单类型、多媒体与CSS初识
摘要：表单的input输入类型： （1）、email 自动验证email域的值是否合理有效 （2）、url 自动验证输入的网址格式（必须以http://或https://） （3）、number 只能输入数字 （4）、search 搜索框（自带一键删除的功能） （5）、range 滑动条 （可以设置值用m 阅读全文
posted @ 2021-11-21 17:48 ..Shmily 阅读(110) 评论(0) 推荐(0)
表格表单与h5
摘要：表格： 创建表格：table 基本语法： <table> <tr>（用于定义表格中的一行，必须嵌套在table标签中） <td>单元格内的文字</td>（用于定义表格中的单元格，必须嵌套在<tr></tr>标签中，一对 <tr> </tr>中包含几对<td></td>，就表示该行中有多少列（或多少个 阅读全文
posted @ 2021-11-21 17:48 ..Shmily 阅读(155) 评论(0) 推荐(0)
CSS选择器与标签分类
摘要：复合选择器： 1：交集选择器 交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。 2：并集选择器 并集选择器（CSS选择器分组）是各个选择器通过<strong style="color:#f00">逗号</strong>连 阅读全文
posted @ 2021-11-21 17:44 ..Shmily 阅读(284) 评论(0) 推荐(0)
CSS三大特性与盒子模型
摘要：CSS三大特性 （1）CSS层叠性 1. 样式冲突，遵循的原则是就近原则。 （2）CSS继承性 1.子承父业 （3）CSS优先级 继承样式的权重为0。即在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，他的权重都为0，也就是说子元素定义的样式会覆盖继承来的样式。 2. 行内样式优先。应用sty 阅读全文
posted @ 2021-11-21 17:44 ..Shmily 阅读(162) 评论(0) 推荐(0)
浮动与定位
摘要：1.浮动 （1）、标准流 html语言当中另外一个相当重要的概念 标准流！或者普通流。普通流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种大前提的布局排列之下绝对不会出现例外的情况叫做普通流布局。 CSS的定位机制有3 阅读全文
posted @ 2021-11-21 17:44 ..Shmily 阅读(201) 评论(0) 推荐(0)
高级技巧
摘要：元素的显示与隐藏 （1） display：none 隐藏对象 display ：block 显示 特点：隐藏之后，不再保留位置。 （2） visibility : visible 对象可视 visibility :hidden 对象隐藏 特点：隐藏之后，继续保留原有位置。 （3） overflow 阅读全文
posted @ 2021-11-21 17:43 ..Shmily 阅读(91) 评论(0) 推荐(0)
响应式布局、弹性布局
摘要：响应式布局: 设置Viewport属性 width:控制viewport大小 height：高度 initial-scale:初始缩放比例 maximum-scale:允许用户缩放的最大比例 minimum-scale:允许用户缩放最小比例 user-scalable:用户是否可以手动缩放 响应式布 阅读全文
posted @ 2021-11-21 17:41 ..Shmily 阅读(63) 评论(0) 推荐(0)
CSS渐变、过渡、转换、动画
摘要：CSS渐变：CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 线性渐变；（Linear-Gradients） 默认从上到下 从左到右（{ background-image: linear-gradient(to right,red,yellow); }） 径向渐 阅读全文
posted @ 2021-11-21 17:41 ..Shmily 阅读(226) 评论(0) 推荐(0)
CSS3选择器、边框、背景、按钮
摘要：CSS3选择器 属性选择器： [target] 选择所有带有target属性元素 [target=-blank] 选择所有使用target="-blank"的元素 [lang|=en] 选择 lang 属性以 en-为开头的所有属性（注意有关-） a[src^="https"] 选择每一个src属性 阅读全文
posted @ 2021-11-21 17:41 ..Shmily 阅读(60) 评论(0) 推荐(0)
JS变量、数据类型、运算
摘要：JS三部分组成：ECMAScript 、DOM 、BOM ECMAScript （核心）：ECMA欧洲计算机制造联合会。JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关。 DOM（文档对象模型）： 一套操作页面元素的API 阅读全文
posted @ 2021-11-21 17:40 ..Shmily 阅读(64) 评论(0) 推荐(0)
JS流程控制
摘要：流程控制介绍： 程序三种基本结构： 顺序结构：从上到下执行的代码就是顺序结构(程序默认就是由上到下顺序执行的) 分支结构：根据不同的情况，执行对应代码 循环结构：重复做一件事情 分组结构 （1）if语句 if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码 if...else 语句  阅读全文
posted @ 2021-11-21 17:40 ..Shmily 阅读(71) 评论(0) 推荐(0)