![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
五仁卤鸡翅
这个作者很懒,什么都没留下…
展开
-
flexible.js原理理解
结合以下几篇文章,深入理解flexible.js1、https://www.runoob.com/w3cnote/viewport-deep-understanding.html2、https://segmentfault.com/a/11900000044034963、https://www.cnblogs.com/xiuhongbin/p/tiantain.html4、https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.htm原创 2021-09-03 16:17:00 · 381 阅读 · 0 评论 -
40、Dom的增删改
文章目录介绍dom增、删、改介绍dom增、删、改1、document.createElement() 可以创建一个元素节点对象 他需要一个标签名作为参数,将会根据该标签名创建元素节点对象 并将创建好的对象作为返回对象 2、document.createTextNode 可以用来创建一个文本节点对象 需要一个内容作为参数,将会根据该内容创建文本节点,并将 新的节点返回3、appendChild()向一个父节点中添加一个新的子节点用法,父节点.appendChild(子节点原创 2020-06-19 16:08:32 · 161 阅读 · 0 评论 -
39、Dom查询其它方法
文章目录介绍Dom查询其它方法介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记Dom查询其它方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> window.onload=funct原创 2020-06-19 14:51:41 · 96 阅读 · 0 评论 -
38、全选练习
文章目录介绍全选/全部选 练习介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记全选/全部选 练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload=function(){ 1、全选原创 2020-06-19 14:35:25 · 162 阅读 · 0 评论 -
37、Dom查询
文章目录介绍DOM查询介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记DOM查询<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <ul id="inner"> <li id="bj">原创 2020-06-19 14:14:29 · 122 阅读 · 0 评论 -
36、图片切换
文章目录介绍图片切换介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记图片切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <p id="info"></p> <img src="i原创 2020-06-19 14:07:07 · 124 阅读 · 0 评论 -
35、DOM方法
文章目录介绍Dom方法介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记Dom方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <button id="btn">点我一下</button>原创 2020-06-19 14:01:32 · 90 阅读 · 0 评论 -
34、DOM、事件、浏览器加载页面
文章目录介绍DOM、事件、浏览器加载页面介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记DOM、事件、浏览器加载页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <button id="btn">点我一下原创 2020-06-19 13:56:01 · 124 阅读 · 0 评论 -
33、正则表达式
文章目录介绍正则表达式介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记正则表达式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 1、 创建正则表达式对象 语法: var 变量=new RegExp('正则原创 2020-06-08 16:42:11 · 250 阅读 · 0 评论 -
32、包装类和字符串方法
文章目录介绍字符串方法介绍<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 1、基本数据类型 String Number Boolean Null Undefined 引用数据类型 Object 在JS中为原创 2020-06-08 16:36:51 · 149 阅读 · 0 评论 -
31、Date和Math
介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记Date<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 1、Date 对象 -在JS中使用Date对象来表示一个时间 创建一个Date对象原创 2020-06-08 16:10:57 · 106 阅读 · 0 评论 -
30、arguments
文章目录介绍arguments介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记arguments<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 在调用函数时,浏览器每次都会传递进两个隐含的参数 1.函数的上下文对象原创 2020-06-08 15:49:35 · 107 阅读 · 0 评论 -
29、函数的方法
文章目录介绍函数的方法(apply 和call )介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记函数的方法(apply 和call )<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> function fun(){原创 2020-06-08 14:55:36 · 176 阅读 · 0 评论 -
28、数组方法
文章目录介绍数组方法forEach()方法slice()方法splice()方法数组剩余方法介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记数组方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> // 创建一个数组 var原创 2020-06-08 14:20:24 · 136 阅读 · 0 评论 -
27、数组
文章目录介绍数组数组字面量介绍本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 内建对象 宿主对象 自定义对象 1、数组(Array)原创 2020-06-08 14:04:29 · 108 阅读 · 0 评论 -
26、垃圾回收
文章目录<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 垃圾回收(GC) - 程序运行过程中也会产生垃圾,这些垃圾积攒过多以后 会导致程序运行速度过慢,需要垃圾回收机制,来处理程序运行 过程中产生的原创 2020-06-05 17:11:24 · 130 阅读 · 0 评论 -
25、toString()
文章目录toString()方法toString()方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> function Person(name,age,gender){ this.name=name; this.age原创 2020-06-05 17:06:57 · 94 阅读 · 0 评论 -
24、原型对象
文章目录原型对象原型对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> /* 创建一个构造函数 */ function MyClass(){ } // 向Myclass的原型中添加一个name属原创 2020-06-05 16:29:46 · 106 阅读 · 0 评论 -
23、 原型
文章目录原型原型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 将函数定义在全局作用域中,污染了全局作用域的命名空间 而且定义在全局作用域中也很不安全 原型 prototype 我们所创建的每一个函原创 2020-06-05 16:23:41 · 80 阅读 · 0 评论 -
22、构造函数
文章目录构造函数创建构造函数构造函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 构造函数就是一个普通的函数,创建方式和普通函数没有区别, 不同的是构造函数习惯上首字母大写 构造函数和普通函数的区别就是调原创 2020-06-05 16:11:40 · 109 阅读 · 0 评论 -
21、工厂模式创建对象
文章目录工厂模式创建对象工厂模式创建对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 使用工厂方式创建对象 通过该方法可以大批量的创建对象 工厂函数创建的对象都是Object function c原创 2020-06-05 15:40:18 · 163 阅读 · 0 评论 -
20、作用域和声明提前
文章目录作用域声明提前作用域<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 作用域 -指一个变量的作用范围 -在JS中作用域分为两种 1.全局作用域 -直接编写在原创 2020-06-05 14:44:06 · 86 阅读 · 0 评论 -
19、立即执行函数和对象补充知识
文章目录立即执行函数对象补充知识枚举对象中的属性立即执行函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 匿名函数外加一个括号表示一个整体,不会报错 立即执行函数,只会执行一次 如下为立即执行函数,只会调用一次 (f原创 2020-06-05 14:35:14 · 152 阅读 · 0 评论 -
18、函数
文章目录函数对象函数参数函数返回值示例return 介绍函数对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 函数 -函数也是一个对象 -函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码) - 使原创 2020-05-29 21:35:43 · 128 阅读 · 0 评论 -
17、对象字面量
文章目录对象字面量对象字面量<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 使用对象字面量创建一个对象,和new Object() 一样的 使用对象字面量 ,可以在创建对象时,直接指定对象中的属性原创 2020-05-29 21:18:46 · 102 阅读 · 0 评论 -
16、基本和引用数据类型
文章目录<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 基本数据类型 String Number Boolean Null Undefined 引用数据类型 Object原创 2020-05-27 13:58:09 · 195 阅读 · 0 评论 -
15、对象
文章目录基础用法对象属性值、属性名基础用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 对象属于一种复合得数据类型,在对象中可以保存多个不同得数据类型 属性 对象分类: 1.内建对象原创 2020-05-27 13:53:57 · 106 阅读 · 0 评论 -
14、循环语句
文章目录break continuebreak continue<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> break 可以用来跳出for while 和switch 只对离其最近的有影响原创 2020-05-27 13:39:40 · 94 阅读 · 0 评论 -
13、JS 流程控制
文章目录流程控制流程控制<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 流程控制语句 - JS中的程序是从上到下一行一行执行的 - 通过流程控制语句而已控制程序的执行流程, 使程序可原创 2020-05-27 13:36:38 · 94 阅读 · 0 评论 -
12、JS 代码块
文章目录代码块代码块<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 程序是由一条一条语句构成的 JS中语句是自上而下的顺序执行, 可以使用 {} 来为语句进行分组,表示语句为一组,要么都要执行,要么都不执行。原创 2020-05-27 13:33:21 · 136 阅读 · 0 评论 -
11、JS 运算符的优先级
文章目录逗号运算符逗号运算符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> ,运算符。 使用 , 可以分割多个语句,一般可以再声明多个变量时使用 // 使用 ,运算符分割多个变量声明 var a=1,b=2,原创 2020-05-27 13:31:21 · 134 阅读 · 0 评论 -
10、JS 条件运算符
文章目录<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 条件运算符也叫做三元运算符 语法: 条件表达式?语句1:语句2 -执行流程: 如果条件表达式为true,则执行语句1,并返回其原创 2020-05-27 13:28:57 · 142 阅读 · 0 评论 -
9、JS 关系运算
文章目录比较运算符相等运算符比较运算符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 关系运算符非数值的情况 -对于非数值进行比较,会将其转换成数字,再进行比较 -如果比较符号两边都是字符串,则不会转换成数字进行比较原创 2020-05-27 13:18:36 · 135 阅读 · 0 评论 -
8、JS 逻辑运算符
文章目录! 、&&、 ||&& 与 || 非布尔值的运算情况! 、&&、 ||<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> ! 取反 || 或者 &&原创 2020-05-27 11:23:23 · 119 阅读 · 0 评论 -
7、JS运算符
文章目录加减运算一元运算加减运算<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> 运算符也叫操作符,可以对一个或者多个值进行运算,并获取结果 -非number的值进行运算时,先将值转换成number类型,再进行运算原创 2020-05-27 10:55:51 · 327 阅读 · 0 评论 -
6、JS强制数据类型转换
文章目录介绍1、强制类型转换介绍强制转换成Sring类型介绍1、强制类型转换介绍强制类型转换- 指将一个类型,强制转换成其它类型- 类型转换主要指将其它数据类型转换成String Number Boolean强制转换成Sring类型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>原创 2020-05-23 21:17:37 · 284 阅读 · 0 评论 -
5、JS 数据类型
文章目录介绍JS数据类型StringNumberBooleanNull介绍JS数据类型简介:数据类型个指的就是字面量的类型。在JS中一共有六种数据类型1、String 字符串2、 Number 数值3、 Boolean 布尔值4、 Null 空值5、Undefined 未定义6、Objcet 对象其中,String Number Boolean Null Undefined...原创 2020-04-21 21:37:01 · 208 阅读 · 0 评论 -
4、JS 标志符
文章目录介绍JS标识符介绍JS标识符标识符:- 在JS中,由我们自主命名的,都可以称为标志符 var a- 例如变量名、函数名、属性名-命名标志符需要遵守如下规则:1.标识符中可以有字母、数字、_、$2.标识符不能以数字开头3.标识符不能是ES中关键字或保留字4.标识符中一般采用驼峰命名法- JS底层保存标识符实际上用的Unicode编码,所以理论上,所有的UTF-8中...原创 2020-04-21 21:01:14 · 447 阅读 · 0 评论 -
3、JS 字面量和变量
文章目录介绍JS字面量和变量介绍本文为学习JS时做的笔记。所有笔记内容可以访问JS学习笔记JS字面量和变量1、字面量:都是一些不可改变的值,字面量都是可以直接使用的,但是一般不会直接使用字面量。2、变量:变量可以用来保存字面量,而且变量的值是可以任意改变的。<!DOCTYPE html><html lang="en"><head> <...原创 2020-04-21 20:57:11 · 151 阅读 · 0 评论 -
2、JS 基本语法
文章目录基础语法基础语法1、 JS中严格区分大小写2、JS中每一条语句以分号(;)结尾,不写分号,浏览器会自动添加但消耗系 统资源,而且有时浏览器会加错分号。3、JS中会忽略多个空格和换行,所以可以使用空格或换行对代码进行格式化...原创 2020-04-21 20:42:44 · 122 阅读 · 0 评论