08 2020 档案

WEB前端第三十三课——js事件处理-键盘、触摸
摘要：1.键盘事件 键盘事件是指当用户操作键盘的时候会自动被触发的事件，通常分为以下三种 ① keydown，用户按下任意键都可以触发这个事件，如果按住不放，事件会被连续触发 ② keypress，用户按下任意键都可以触发这个事件，如果按住不放，事件会被连续触发 这里的任意键是指可显示的键，不包括功能键 阅读全文
posted @ 2020-08-31 18:12 后来喵 阅读(918) 评论(0) 推荐(0)
WEB前端第三十二课——js事件处理-文档、焦点
摘要：1.文档事件 主要是指添加给整个文档的事件，文档事件中，绝大部分不需要用户触发调用，而是通过文档的不同状态进行自动执行 主要事件： ① load / error，加载成功/失败事件 ② DOMContentLoaded，当DOM加载完成时触发事件 ③ beforeunload，页面（文档）发生卸载时 阅读全文
posted @ 2020-08-30 23:28 后来喵 阅读(488) 评论(0) 推荐(0)
WEB前端第三十一课——js事件处理-鼠标
摘要：1.事件基础 事件，是一种可以被js检测到的行为，本质是一种交互操作 事件的作用： ① 各个元素之间可以借助事件进行交互 ② 用户和页面之间也可以通过事件交互 ③ 后端和页面之间也可以通过事件交互 注意，事件通常与函数配合使用，事件发生时触发函数执行 2.事件传递 js中规定，事件不仅能和触发者交互 阅读全文
posted @ 2020-08-29 01:31 后来喵 阅读(614) 评论(0) 推荐(0)
WEB前端第三十课——node节点
摘要：1.node基础 ① DOM是文档对象模型的简称，它的基本思想是： 把结构化文档解析成一系列的节点，再有这些节点组成一个树状结构（DOMTree） 所有的节点和最终的树状结构，都有规范的对外接口，以达到使用编程语言操作文档的目的 所以，DOM可以理解成文档的编程接口 ② DOM其他说明： 严格地说， 阅读全文
posted @ 2020-08-27 16:24 后来喵 阅读(804) 评论(1) 推荐(0)
WEB前端第二十九课——Document节点操作
摘要：1.Document节点 DOM全称为 Document Object Model，即文档对象模型，是一套管理控制HTML文档的规则，而Document节点则是一种具象化的表现形式 如果把整个HTML文档看成一个对象，那么这个对象就是Document节点，而如何操作控制这个对象的标准，就是DOM D 阅读全文
posted @ 2020-08-26 17:37 后来喵 阅读(1353) 评论(0) 推荐(0)
WEB前端第二十八课——js变量提升、内置对象（Math&Date）
摘要：1.变量提升 JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再自上而下逐行运行代码 因此，所有非函数内的变量声明语句，都会被提升到代码的头部，JavaScript这种读取变量的机制叫作变量提升 注意，变量提升只对 var命令声明的变量有效，如果不是用 var命令声明的变 阅读全文
posted @ 2020-08-24 23:31 后来喵 阅读(367) 评论(0) 推荐(0)
WEB前端第二十七课——js函数与对象
摘要：1.JavaScript函数 函数是由时间驱动的或者当它被调用时执行的可重复使用的代码块 语法：function 函数名（参数1，参数2，…）{ 函数内容语句（函数体） } 函数命名规则与变量命名规则相同 括号内的参数被称作形参 通过函数名调用函数执行 2.函数声明 ① function命令，语法： 阅读全文
posted @ 2020-08-23 16:56 后来喵 阅读(391) 评论(0) 推荐(0)
WEB前端第二十六课——js数组
摘要：1.数组基础 ① 数组概念 array是按照一定顺序排列的一组值，每个值都拥有一个编号，编号从0开始从左向右依次增加 数组中的元素可以是任何类型的数据，元素之间用逗号分隔，整个数组由方括号（[…]）包裹 ② 数组本质 本质上，数组是对象类型的一种特殊表现形式， 因此，可以使用 new方式创建数组 示 阅读全文
posted @ 2020-08-20 00:37 后来喵 阅读(632) 评论(2) 推荐(0)
WEB前端第二十五课——js字符串
摘要：1.字符串嵌套 字符串可以嵌套使用 在单引号包裹的字符串内部，应该使用双引号进行嵌套 在双引号包裹的字符串内部，应该使用单引号进行嵌套 在 json解析的时候字符串需要单引号，因此推荐在各种情况都使用单引号的方式进行声明 2.转义字符，用特殊的符号来替代在字符串中，容易引起歧义的内容 \' 表示单引 阅读全文
posted @ 2020-08-16 23:53 后来喵 阅读(564) 评论(0) 推荐(0)
WEB前端第二十四课——js流程控制
摘要：1.分支语句 分支结构的执行是依据一定的执行条件选择路径，而不是严格按照语句出现的物理顺序执行 分支结构程序设计的关键在于构造合适的分支条件和分析程序流程，根据不同的流程选择适当的分支语句 2.常用分支语句 ① if，先判断条件表达式的布尔值，然后根据结果的真伪选择执行不同的语句 书写格式：if（条 阅读全文
posted @ 2020-08-15 23:59 后来喵 阅读(528) 评论(0) 推荐(0)
WEB前端第二十三课——js运算符
摘要：1.基本运算符 typeof，获取当前变量类型 = ，赋值运算符 == ，简要比较运算符（忽略变量类型） ，标准比较运算符（计算变量类型） 2.注释 单行注释：//…… 多行注释：/*……*/，不能嵌套使用 文档注释：/**……*/ 注释快捷键与HTML、CSS相同 3.js运算符种类 ① 算术运算 阅读全文
posted @ 2020-08-15 00:04 后来喵 阅读(692) 评论(0) 推荐(0)
WEB前端第二十二课——JavaScript基础
摘要：1.JavaScript是一种轻量级脚本语言，可以部署在多种环境，最常见的部署环境就是浏览器。 所谓脚本语言，是指它不具备开发操作系统的能力，而只是用来编写控制其他大型应用程序的操作方法。 2.JavaScript核心内容： 基本语法构造，如操作符、控制结构、语句 标准库，是一系列具有各种功能的对象 阅读全文
posted @ 2020-08-14 00:02 后来喵 阅读(401) 评论(0) 推荐(0)
WEB前端第二十一课——移动端页面
摘要：知识点记录： 1.flex-flow属性用于设置灵活项目的布局方式，是 flex-direction 和 flex-wrap的复合属性，书写格式 flex-flow：direction wrap flex-direction属性值： flex-flow:row，伸缩项目在flexbox中 由左向右水 阅读全文
posted @ 2020-08-13 15:30 后来喵 阅读(441) 评论(0) 推荐(0)
WEB前端第二十课——应用及测试
摘要：知识点记录 1.添加网页页签图标，在 head内使用 link标签，语法格式：<link rel="icon" href="图片地址"> 2.clear属性，定义元素的左侧或右侧不允许浮动的元素 属性值：left（左侧不与允许浮动元素）、right（右侧不允许浮动元素）、both（两侧均不允许浮动元 阅读全文
posted @ 2020-08-11 00:32 后来喵 阅读(435) 评论(0) 推荐(0)
WEB前端第十九课——雪碧图&滑动门
摘要：1.字体图标 获取途径： ① 免费网站下载字体 ② 收费网站购买字体使用权 ③ 自己设计字体（要有设计背景） 2.阿里巴巴 IconFont图标库 URL：https://www.iconfont.cn/home/index，需要注册账号后才能下载使用 图标下载成功后，可以通过编辑器直接调用 引用方 阅读全文
posted @ 2020-08-07 01:22 后来喵 阅读(608) 评论(0) 推荐(0)
WEB前端第十八课——媒体及meta viewport
摘要：1.media query响应式布局——媒体查询 使网页能够兼容多种终端显示，而不是为每个终端做特定的版本，提供更加舒适的界面和更好的用户体验 响应式布局设计比专门设计的手机版网站功能少，如获取用户GPS定位响应式设计很难实现，如果只是根据窗口大小为用户提供匹配的视觉效果还是优先选择响应式设计 优点 阅读全文
posted @ 2020-08-05 22:48 后来喵 阅读(468) 评论(0) 推荐(0)
WEB前端第十七课——CSS动画
摘要：1.animation动画 transition属性只能简单模拟动画效果，而animation属性可以制作类似Flash动画 通过关键帧控制动画的每一步，使元素从一中样式变为另一种样式，实现复杂的动画效果 2.@keyframes，用于声明动画，指定关键帧 帧，用于分解动画动作，每一帧代表某个时间点 阅读全文
posted @ 2020-08-04 22:58 后来喵 阅读(473) 评论(0) 推荐(0)
WEB前端第十六课——转换及过渡
摘要：1.transform 2D转换 transform的属性通过函数进行定义，2D函数包括：translate()、scale()、rotate()、skew() 书写格式：transform: 函数名（X，Y） 可以同时定义多个函数，函数之间通过“空格”隔开 transform-origin 用于设 阅读全文
posted @ 2020-08-03 23:11 后来喵 阅读(527) 评论(0) 推荐(0)
WEB前端第十五课——阴影及渐变
摘要：1.border-radius圆角 语法格式 border-radius:value，四个角 border-radius:value value，第一个value设置左上角和右下角，第二个value设置右上角和左下角 border-radius:value value value value，从左上 阅读全文
posted @ 2020-08-03 00:44 后来喵 阅读(893) 评论(0) 推荐(0)
WEB前端第十四课——应用及测试
摘要：知识点摘记 1.display属性，规定元素应该生成的框的类型 none，此元素不会被显示 block，此元素将显示为块级元素，元素前后会带有换行符 inline，默认值，此元素会被显示为内联元素，元素前后没有换行符 flex，指定元素为弹性盒子 inline-block，此元素将会显示为行内块级元 阅读全文
posted @ 2020-08-02 00:56 后来喵 阅读(557) 评论(0) 推荐(0)