2020 年 9月随笔档案 - singleSpace

慕课前端入门-JS事件

摘要：1. 概念事件是可以被JavaScript侦测到的行为，通俗的讲就是当用户与web页面进行某些交互时，解释器就会创建响应的event对象以描述事件信息。如用户输入用户名和密码，点击登录。浏览器就向服务器发送登录请求。常见的事件有：用户点击页面上的内容鼠标经过特定的元素用户按下键盘的某个按阅读全文

posted @ 2020-09-19 11:42 singleSpace 阅读(205) 评论(0) 推荐(0)

慕课前端入门-BOM基础

摘要：BOM browser object model浏览器对象模型 BOM对象有window、navigator、screen、history、location、document、event。 1. window window是浏览器的一个实例，在浏览器中，window对象有双重角色，它即使通过java 阅读全文

posted @ 2020-09-16 20:16 singleSpace 阅读(230) 评论(0) 推荐(0)

慕课前端入门-DOM事件

摘要：1. html事件 onload:页面加载时触发 onclick:鼠标点击时触发 onmouseover:鼠标划过时触发 onmouseout:鼠标离开时触发 onfocus:获得焦点时触发 onblur：失去焦点时触发 onchange:域的内容改变时发生 1.1.在html中指定事件以onmo 阅读全文

posted @ 2020-09-15 20:23 singleSpace 阅读(159) 评论(0) 推荐(0)

慕课前端入门-DOM

摘要：1. DOM DOM是JS操控html和css的桥梁 html不能使用字符串思维，要使用节点思维。 DOM(Document Object Model,文档对象模型)是Javascript操作html文档的接口，使文档操作变得非常优雅，简便。 DOM最大的特点是将文档表示为节点树。 2.node 2 阅读全文

posted @ 2020-09-15 11:17 singleSpace 阅读(222) 评论(0) 推荐(0)

慕课前端入门-js错误调试与处理

摘要：1.语法错误就是不复合js语法的错误。出现语法错误，控制台会报错并告知出错的位置常见的语法错误： 1.符号少打、多打、错打 2.使用了不合法的变量名 3.语句错误 2.运行时错误代码没有语法错误，而在运行时才发生的错误。常见的运行时错误有： ReferenceError：变量引用异常触发 T 阅读全文

posted @ 2020-09-14 18:41 singleSpace 阅读(205) 评论(0) 推荐(0)

慕课前端入门-js内置对象

摘要：1. 数组 js数组特点：可以保存各种类型的元素同一个数组，元素类型可以不同数组的大小，是可以动态调整的 1.1 创建数组创建数组的基本方式有2种：使用Array构造函数 new Array() 说明： 1.预先知道数组要保存的元素数量 2.向Array构造函数中传递数组应包含的元素 va 阅读全文

posted @ 2020-09-12 20:12 singleSpace 阅读(207) 评论(0) 推荐(0)

慕课前端入门-js函数

摘要：1. 函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行语法 function (参数, 参数2,...){ 方法体; } 2. 函数调用通过方法名()，就可以调用函数 <script type="text/javascript"> function myfunction(arg) 阅读全文

posted @ 2020-09-11 17:26 singleSpace 阅读(129) 评论(0) 推荐(0)

慕课前端入门-js流程控制语句

摘要：1. if分支 if(条件1){ ... }else if(条件2){ ... }else{ } ## 2. switch ```#js switch(expression){ case value: statement; break; case value: statement; break; d 阅读全文

posted @ 2020-09-11 13:15 singleSpace 阅读(160) 评论(0) 推荐(0)

慕课前端入门-js语法

摘要：1. js简介 js是脚本语言js是事件驱动的js是独立平台的 2.注释 //单行注释 /* 多行注释*/ 3.js的标示符 3.1 什么是标示符变量、函数、属性的名字，或者函数的参数 3.2 标示符的命名规则由字母、数字、_或$组成不能以数字开头不能适用关键字，保留字作为标示符 3.3 j 阅读全文

posted @ 2020-09-10 08:22 singleSpace 阅读(192) 评论(0) 推荐(0)

慕课前端入门-汉克狗

摘要：css文件 :root { --hl: #1b2f90; --bg: #f9f9f6; --white: #f9f9f6; --time: 2s; --time4: calc(var(--time) * 4); --color1: #ffc400; --color2: #003bff; --colo 阅读全文

posted @ 2020-09-06 19:04 singleSpace 阅读(91) 评论(0) 推荐(0)

慕课前端入门-CSS动画

摘要：1.CSS动画视觉暂留原理：人类具有视觉暂留的特性。人的眼睛在看到一幅画或一个物体后，在0.34秒内不会消失。动画原理：通过把人物的表情、动画变化等分解后，画成许多动作，利用视觉暂留，在一幅画还没有消失前播放下一副画，就会给人造成一种流畅的视觉变化效果 CSS动画：是元素从一种样式逐渐变化为另一阅读全文

posted @ 2020-09-06 14:13 singleSpace 阅读(189) 评论(0) 推荐(0)

慕课前端入门-CSS过渡

摘要：1.过渡过渡transition：允许css的属性值在一定时间区间内平滑地过渡 2.在鼠标单击、获得焦点、被点击、或对元素任何改变中触发，并圆滑的以动画效果改变css的属性值。可以将过渡理解为动画 2.transition-property属性检索或设置对象中的参与过渡的属性。 transi 阅读全文

posted @ 2020-09-01 22:23 singleSpace 阅读(163) 评论(0) 推荐(0)

慕课前端入门-CSS转换

摘要：1. transform 操作属性说明示例旋转rotate(angle) 2D旋转指定元素按照给定的角度旋转，正数顺时针旋转，负数逆时针旋转transform: rotate(7deg);rotateX(angle) 3D旋转指定对象在X轴(水平方向)上的旋转不用理会逆时针旋转，还是顺时针旋转，结果阅读全文

posted @ 2020-09-01 08:47 singleSpace 阅读(230) 评论(0) 推荐(0)