前端学习 - 随笔分类 - singleSpace

慕课前端入门-JS事件

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

posted @ 2020-09-19 11:42 singleSpace 阅读(228) 评论(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 阅读(248) 评论(0) 推荐(0)

慕课前端入门-DOM事件

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

posted @ 2020-09-15 20:23 singleSpace 阅读(171) 评论(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 阅读(233) 评论(0) 推荐(0)

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

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

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

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

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

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

慕课前端入门-js函数

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

posted @ 2020-09-11 17:26 singleSpace 阅读(139) 评论(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 阅读(169) 评论(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 阅读(198) 评论(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 阅读(98) 评论(0) 推荐(0)

慕课前端入门-CSS动画

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

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

慕课前端入门-CSS过渡

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

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

慕课前端入门-CSS转换

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

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

慕课前端入门-CSS文本与字体

摘要：1. CSS文本属性语法示例阴影文本text-shadowtext-shadow: h-shadow w-shadow blur color;h-shadow：水平方向偏移正右负左v-shadow：垂直方向偏移正下负上blur：模糊color：颜色 p{text-shadow: 5px 5 阅读全文

posted @ 2020-08-31 13:03 singleSpace 阅读(211) 评论(0) 推荐(0)

慕课前端入门-CSS背景与渐变

摘要：1.CSS背景 1.1.CSS背景图像区域 background-clip属性：指定背景绘制区域 border-box:边框盒子。从边框开始绘制，边框之外会被裁剪 padding-box:内边距盒子。从内边距开始绘制，padding之外会被裁剪 content-box:内容盒子。从内容开始绘制，co 阅读全文

posted @ 2020-08-29 13:16 singleSpace 阅读(318) 评论(0) 推荐(0)

慕课前端入门-CSS选择器

摘要：1.CSS选择器通配符选择器:*{margin: 0} 元素选择器:body 类选择器:.red ID选择器:#green 后代选择器:ul li 选择器示例基本选择器子元素选择器：父元素>子元素只能选择父元素的子元素section>div{color: red;}相邻兄弟选择器：父元素+兄弟相邻阅读全文

posted @ 2020-08-27 19:50 singleSpace 阅读(176) 评论(0) 推荐(0)

慕课前端入门-HTML5属性变化

摘要：1.input html5新增的属性有email、url、tel、number、date picker(date、datetime、datetime-local、month、week、time)、range、search、color <!DOCTYPE html> <html> <head> <me 阅读全文

posted @ 2020-08-25 13:43 singleSpace 阅读(144) 评论(0) 推荐(0)

黑马jQuery教程4

摘要：1.案例-评分 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{padding:0;margin: 0;} li{list-style-type: none;float: left; color: red 阅读全文

posted @ 2020-08-21 02:04 singleSpace 阅读(232) 评论(0) 推荐(0)

黑马jQuery教程3

摘要：1.操作属性方法示例说明attr()elem.attr('属性名');获取属性elem.attr('属性名','属性值');elem.attr({属性名1:'属性值1',属性名2:'属性值2',属性名3:'属性值3'});设置属性removeAttr()elem.removeAttr('属性名') 阅读全文

posted @ 2020-08-18 19:52 singleSpace 阅读(112) 评论(0) 推荐(0)

黑马JQuery教程2

摘要：1.Class类操作 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> div{ width: 100px;height: 100px;margin-top:10p 阅读全文

posted @ 2020-07-15 16:19 singleSpace 阅读(240) 评论(0) 推荐(0)

随笔分类 - 前端学习