- 博客(27)
- 收藏
- 关注
RSS订阅原创 JavaScript 高级
JavaScript 高级2 对象高级2.1 原型链总结// 定义构造函数function Foo() { }// 实例化 Foovar f1 = new Foo();var f2 = new Foo();// 实例化 Objectvar o1 = new Object();var o2 = new Object();f1、f2 的构造函数是 Foof1、f2 的原型是 Foo.prototypeFoo.prototype 的构造函数是 ObjectFoo.prot
2021-04-15 01:04:17
119
原创 JavaScript 高级
JavaScript 高级1 JavaScript 中的垃圾回收机制（GC）1.1 垃圾回收相关概念① 垃圾：没有被使用（引用）的对象就是垃圾。② 垃圾回收：没有被引用的对象被销毁，内存被释放，即垃圾回收。C、C++等编程语言需要手动垃圾回收。Java、JavaScript 、PHP、Python 等语言自动垃圾回收。③ 变量的声明周期（何时回收）全局变量：整个脚本执行完毕，全局变量就被销毁。局部变量：函数调用完毕，局部变量就被销毁。④ 垃圾没有及时回收的后果没有被及时回收的垃圾会
2021-04-13 01:36:23
149
原创 JavaScript DOM
JavaScript DOM 笔记1 常用事件总结1.1 鼠标事件click 单机dblclick 双击contextmenu 右击 mouseover 鼠标悬停在元素上， 用mouseenter 代替mouseout 鼠标离开元素， 用mouseleave 代替mouseenter 鼠标悬停在元素上mouseleave 鼠标离开元素mousedown 鼠标按键按下mouseup 鼠标按键抬起mousemove 鼠标移动1.2 键盘事件key
2021-04-11 21:54:29
163
原创 JavaScript DOM
JavaScript DOM笔记1 事件回调函数中this 的指向① 函数中this 的指向规则： this 指向调用该函数的对象。② **事件回调函数中的this **： 指向监听了该事件的元素对象，事件的回调函数由监听了事件的元素调用。2 常用事件总结2.1 鼠标事件click 单击dblclick 双击contextmenu 右击mouseover 鼠标悬停在元素上， 建议用 mouseenter 代替mouseout 鼠标离开元素，建议用 mouseleave 代替
2021-04-11 21:53:39
89
原创 JavaScript DOM
JavaScriot DOM笔记1节点（元素）的创建添加删除替换克隆1.1 创建元素节点document.createElement("标签名"); //返回创建好的元素注意： 新创建的元素并不在文档结构中！1.2 添加子节点① 在最后面添加子节点父元素.appendChild(新节点); //不是父元素也可以；可以进行一个元素的内容向另一个元素中移动② 指定位置添加子节点父元素.insertBefore(新节点，旧节点);注意： 新的节点会在旧节点的前
2021-04-09 01:01:57
228
原创 JavaScript DOM
JavaScript DOM笔记2 元素的样式操作2.1 读取行内样式元素.style.属性名;注意：该方式只能读取设置在行内的样式，设置也是把样式设置到行内。如果CSS属性名中有-会自动映射为小驼峰的形式，如果background-color映射为backgroundColor。2.2 读取计算样式getComputedStyle(元素).属性名; /** * 封装读取计算样式的函数 */function getStyle(ele, attr) { // 判断
2021-04-08 09:45:08
55
原创 JavaScript DOM
JavaScript DOM 笔记1DOM 介绍**MDN 文档对象模型手册：**https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model1）DOM 英文全程"Document Object Model" , 即：“文档对象模型”.2）DOM 是一个与平台和编程语言无关的接口，通过这个接口程序和脚本可以动态的访问和修改文档的内容、结构和样式.2 Node 节点2.1 五大节点类型document 文档节点 n
2021-04-07 01:14:41
145
原创 JavsScript BOM&DOM
BOM&DOM 笔记1 内置构造函数FunctionFunction 的实例的属性和方法：lenth 获取函数所需参数的个数call() 调用函数并指定函数内this的指向，第二个参数以及后面的参数都是调用call的函数的参数apply() 调用函数并指定函数内this的指向，第二个参数是数组，数组的每个元素都是调用apply的函数的参数bind() 返回一个修改了this指向的新函数1、call 和 apply 的区别？ 传参方式不同2、call 和 bind 的区
2021-04-02 00:20:56
1346
原创 JavaScript 内置构造函数
JavaScript 内置构造函数在线文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects内置构造函数：内置构造函数实例的属性和方法内置对象：内置构造函数的实例1 Boolean创建一个Boolean 类型的数据，与数组一样也具有三种方式// 直接量方式var b1 = true;// 构造函数方式(具有数据类型转换的功能)var b2 = new Boolean(true)
2021-04-02 00:19:16
1444
原创 JavaScript 原型
JavaScript 笔记1 原型1.1 原型的概念任何一个对象，都有原型。原型也是个对象。对象可以继承原型上的属性（方法）。1.2如何获取对象的原型① 隐式原型方式对象.__proto__② 显式原型方式对象的构造函数.prototype**注意：**具有相同构造函数的两个对象，原型也是一致的。1.3 对象、构造函数、原型之间的关系① 对象和构造函数构造函数是对象的抽象（描述），对象是构造函数的实例。一个构造函数可以创建多个对象，但是一个对象只能有一个构造函数。
2021-04-02 00:17:56
57
原创 JavaScript 对象
Day 08 JavaScript 笔记1 Object 对象1.1 什么是 ObjectObject 是值的无序集合。Object 由属性组成，属性有属性名和属性值。属性的值可以是任意类型的数据。属性值如果是function 类型的数据，这种属性可以成为方法。1.2 如何声明 Object 对象① 第一种 直接量方式// 创建一个空的的对象var obj1 = {};// 创建一个带有属性的 object 类型的数据var obj2 = { name: '芳芳',
2021-03-31 10:08:20
51
原创 JavaScript 函数 02
Day07 JavaScript 笔记1函数1.1 变量提升① 变量提升JavaScript 中会把变量提升到本作用域的最前面。只提升了变量的声明，没有提升变量的赋值。在正式执行代码之前，变量就已经提升了，正式执行到声明函数语句的时候，仅仅是进行了赋值操作。② 函数提升**function 关键字方式创建的函数：**不但会提升函数的声明，连同函数一起提升到作用域的最前面，当正式代码执行到函数声明语句，直接跳过。**表达式方式与Function 构造函数方式创建的函数：**与变量的提升规则一致！
2021-03-29 20:01:21
49
原创 JavaScript 函数-01
Day 06 JavaScript 笔记1 函数1.1 函数概述① 什么是函数函数是具有特定功能的代码块。在JavaScript ，函数也是一种类型，属于对象类型，使用typeOf 判断函数返回function。② 函数的作用函数可以被调用多次，提高代码的重用性。可以把整个代码项目，通过函数模块化。封装代码，让函数内部的代码对外不可见。③ 函数的组成函数名参数函数体返回值1.2 声明函数的三种方式① function 关键字方式function 函数名([参数列
2021-03-26 20:53:38
62
原创 JavaScript 数组
Day 05 JavaScript 笔记1 数组1.1 什么是数组数组是值的有序集合。2）每个值叫做一个元素。3）每个元素在数组中有一个位置，以数字表示，称为索引(有时也成为下标)。4）数组的元素可以是任何类型的数据。5）数组索引从0开始，最大为2^32-2， 数组最大能容纳4294967294 个元素。1.2 声明数组的方式① 直接量方式[元素1，元素2，元素3...];② Array 函数方式Array(元素1，元素2，元素3...);Array(10);
2021-03-24 19:32:12
90
原创 JavaScript 流程控制语句-循环语句
Day 04 JavaScript 笔记1 循环语句1.1 while 循环while (语句表达式) { 语句...;}正常循环： 1、循环条件不能永远成立，否则会变为死循环。 2、随着循环次数的增加，循环条件应该越来越趋近于不成立。1.2 do while 循环do { 语句...;} while (条件表达式)while 循环和 do while 循环的区别： 1、第一次循环，while 先判断在执行；do while 先执行一次。 2、第二次以及往后
2021-03-23 19:05:09
118
原创 JavaScript 流程控制语句-分支语句
Day03 JavaScript笔记1 分支结构（条件语句）1.1 单向分支if (条件表达式) { 语句 ...;}1.2 双向分支if (条件表达式) { 语句 ...;} else { 语句 ...;}1.3 多项分支 else ifif (条件表达式) {} else if (条件表达式) {} else if (条件表达式) {} else if (条件表达式) {} else {}1.4 多项分支 switch cases
2021-03-23 19:04:30
112
原创 JavaScript 数据类型转换；运算符，表达式.
Day02 笔记1 数据类型转换1.1 数据类型转换的规则① 其他类型转为 number 类型1、string 转为 number 类型的规则: ① 纯数字字符串会转为对应的数字，十六进制表示以及科学计数法表示的数字都是纯数字。 ② 空字符串转为数字 0 。 ③ 其他字符串转为 NaN 。 注： string 类型数据转为 number 类型数据的时候会自动去掉两端的空格，剩下部分按照以上规则转换。 2、boolean 转为 number 类型的规则： true ->
2021-03-23 19:03:28
182
原创 JavaScript 基本语法，变量，数据类型
Day01-笔记1 JavaScript 概述① JavaScript 特点：JavaScript 是一门动态的 ，弱类型，解释型，基于对象的脚本语言。动态： 程序执行的时候才会确定数据类型。 静态： 书写代码的时候提前确定数据类型。弱类型： 数据类型可以自动转换。 强类型： 数据类型无法自动转换。解释型： 边编译，边运行，开发效率更高。 编译型： 先编译，后运行，运行效率更高。**脚本：**一般都是可以嵌在其它编程语言当中执行。② JavaScript 运行环境所有的高级编程语言都无法直
2021-03-23 19:01:16
190
原创 CSS 3动画疑难杂症-文字浮动
今日CSS 3动画疑难杂症效果文字浮动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-03-15 21:21:02
207
原创 JavaScript
常用事件onclick ：单机事件。onland ：加载完成事件。onblur : 失去焦点事件。onchange :内容改变事件。onsubmit : 表单提交事件。同步和异步的区别同步是阻塞模式，异步是非阻塞模式。同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进...
2020-10-24 22:20:42
164
原创 Web应用知识点
article是另一个具有语义化特性的 HTML5 新标签。article是一个分段标签，用于呈现独立及完整的内容。这个标签适用于博客入口、论坛帖子或者新闻文章。注意section和div的区别：section也是一个 HTML5 新标签，与article标签的语义含义略有不同。article用于独立的、完整的内容，而section用于对与主题相关的内容进行分组。它们可以根据需要嵌套着使用。举个例子：如果一本书是一个article的话，那么每个章节就是section。当内容组之间没有联系时，可以使用di
2020-08-30 13:03:08
230
原创 Web 应用视觉
:before和:after伪类。这些伪类用来在选择元素之前和之后添加一些内容。:before和:after必须配合content来使用。这个属性通常用来给元素添加内容诸如图片或者文字。当:before和:after伪类用来添加某些形状而不是图片或文字时，content属性仍然是必需的，但是它的值可以是空字符串例:.heart:before { content: ""; background-color: yellow; borde...
2020-08-04 21:03:09
128
原创 Web 应用视觉相关便签
web 内容大部分都是文本。CSS 里面的text-align属性可以控制文本的对齐方式。text-align: justify;可以让除最后一行之外的文字两端对齐，即每行的左右两端都紧贴行的边缘。text-align: center;可以让文本居中对齐。text-align: right;可以让文本右对齐。text-align: left;是text-align的默认值，它可以让文本左对齐。CSS提供的伪类是可以添加到选择器上的关键字，用来选择元素的指定状态。比如，超链接可以.
2020-07-07 18:01:08
248
原创 web 布局问题1
不论页面怎样放大缩小，内容一直保持居中的方法: 无论什么元素，都在最外面加一个父盒子div,设置div的宽度,然后margin:0,auto;就好了
2020-07-03 00:20:03
96
原创 Web前端日记_02
7月1日: CSS基础除了class属性，每一个 HTML 元素也都有id属性,可以通过id选择器来改变单个元素的样式,id属性应是唯一的.id不可以重用，只应用于一个元素上。同时，在 CSS 里，id的优先级要高于class，如果一个元素同时应用了class和id，并设置样式有冲突，会优先应用id的样式。 ...
2020-07-01 23:16:29
157
原创 Web前端日记_01
6月30日: DOM:文档对象模型. CSS能控制以下样式:颜色 color 背景 background 字体 font 位置 position 显示 display 边框 border 内边距 padding 外边距 margin 行高 line-height 装饰 text-decoration 过渡 transtion 变化 transform 动画 animation CSS 样式主要有三种方式：内联样式--你可以直接在 ...
2020-06-30 22:09:29
276
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人