![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生JavaScript
零碎゛記忆 。
这个作者很懒,什么都没留下…
展开
-
js基础
js语法js书写script[src 引入js文件的路径][type=“text/javascript” 文件类型,可省略]在拥有src属性的script标签写js代码,无效head>script,body>scripta[href=“javascript:js代码;”]js注释// 单行注释/* 多行注释,不要嵌套多行注释*/声明变量及赋值1、声明变量,通...原创 2019-03-14 17:28:04 · 106 阅读 · 0 评论 -
模块化开发
模块化开发requirejs(1) RequireJS的目标是鼓励代码的模块化,它使用在js中加载js文件的方式代替传统的 script加载步骤。可以用它来加速、优化代码,但其主要目的还是为了代码的模块化(2) requirejs的出现主要解决两个问题 ① 实现js文件的异步加载,避免网页失去响应 ② 管理模块之间的依赖性,便于代码的编写和维护 官网: http://...原创 2019-03-17 21:58:37 · 118 阅读 · 0 评论 -
OOP & 继承 & 闭包 & ES5对象扩展
创建对象及使用创建对象对对象进行描述(1) 有什么(属性)(2) 能做什么(方法)对象的创建方式字面量 {} 一般只用于创建单一对象new Object() 一般只用于创建单一对象(1)工厂模式:将参数传入函数内,函数内生成对象,给对象设置属性及方法(具体值来自传入 的参数),最后将对象通过return返回出去。(2)优点:解决了重复创建多个同一类型对象的问题(3...原创 2019-03-15 18:03:40 · 241 阅读 · 0 评论 -
PHP & AJAX & Promise
PHP的基本语法基本结构<?php ?>注释(1) 单行注释://(2) 多行注释:/**/变量(1) 以 $ 符号开始,后面跟着变量的名称(称为标识符,不属于变量组成部分)(2)以称为标识符,不属于变量组成部分)(2) 以称为标识符,不属于变量组成部分)(2)以符号开始,后面跟着变量的名称($称为标识符,不属于变量组成部分)(3) 区分大小写(4) 没有...原创 2019-03-15 15:27:14 · 187 阅读 · 0 评论 -
Animation
动画原理利用定时器,实现不断改变对象的样式,从而产生动画的效果动画分类匀速运动(速度保持不变的运动)(1)初始化速度变量(2)开启定时器①获取当前值②改变当前值:当前值+速度③将改变后的值赋值给元素的样式④当改变后的值大于等于目标值,清除定时器,同时将改变后的值改成目标值。这一步应 该在赋值给样式之前加速运动(1)初始化速度变量(2)开启定时器① 获取当前值...原创 2019-03-15 11:26:32 · 148 阅读 · 0 评论 -
ES6 & 集合
声明变量let(1) 没有声明提前的概念(2) 不能在同一作用域重复声明同一个变量(3) 块级作用域{}const(1) 变量声明不会提前(2) const不允许相同作用域内多次声明同一变量(3) 块级作用域(4) 声明后无法修改值解构概念:从数组或对象中提取值,对变量进行赋值,这种方式叫做解构数组解构(1) 基本解构:[变量名,变量名] = 数组 ...原创 2019-03-15 11:07:06 · 458 阅读 · 0 评论 -
ES5 & document事件
…支持ES5的浏览器:Opera11.60+,Internet Explorer9+ (IE9不支持严格模式),Firefox4+,Safari 5.1,Chrome13+DOM文档加载的步骤为解析HTML结构加载外部脚本和样式表文件解析并执行脚本代码DOM树构建完成 //DOMContentLoaded加载图片等外部文件页面加载完毕 //window.onload...原创 2019-03-15 10:18:43 · 236 阅读 · 0 评论 -
RegExp
创建正则表达式1.字面量 var reg = /字符串/gi;2.构造函数 var reg = new RegExp(“字符串”,“gi”);var reg = new RegExp(变量,“gi”);g 全局匹配i 不区分大小写3.字符串的方法:(1) indexOf(keyword[,startIdx])返回第一次匹配字符在字符串中的索引,匹配不到返回-1(2) ...原创 2019-03-15 09:57:06 · 1509 阅读 · 0 评论 -
Cookie & JSON
…cookie 是客户端与服务器端进行通讯使用的一个能够在浏览器本地化存储的技术,PS:chrome不支持本地文件的cookie读写cookie的基本设置及获取document.cookie = “name = value”每次只能设置一条cookie获取:document.cookie一次性获取到所有的cookie,是一串字符串获取时得到所有cookie,多个cook...原创 2019-03-15 09:31:17 · 200 阅读 · 0 评论 -
Event & 事件兼容
…事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。事件分类鼠标事件 (1) onclick (onclick = onmousedown + onmouseup)当用户点击某个对象时调用的事件 (2) ondblclick (ondblclick = onclick * 2)当用户双击某个对...原创 2019-03-14 22:31:41 · 202 阅读 · 0 评论 -
DOM
…document object model 文档对象模型,由w3c制定标准获取元素节点(2、3条可以通过任意元素对象去调用)document.getElementById(“id名”)获取id名所在的元素,返回值为元素对象或者nullgetElementsByClassName(“class名”)获取到类名所在的元素组成的类数组。通过索引操作具体元素对象。返回值为类数组或...原创 2019-03-14 21:58:49 · 161 阅读 · 0 评论 -
BOM & history & location & navigator
…browser浏览器对象模型,操作的是浏览器窗口。window是最顶端的对象。js三大组成= ECMAScript(ECMA)+BOM+DOM(W3C)BOM基本概念 (1) 全局变量都是window对象的属性,使用时可以省略window对象 (2) 若函数内没有通过var声明的变量,会被当做全局变量 (3) 把变量...原创 2019-03-14 21:30:45 · 136 阅读 · 0 评论 -
Math & Date & 定时器
Math对象方法Math.PI //3.1415926round() //四舍五入ceil() //向上取整floor() //向下取整fandom() //返回0-1之间的随机数(不包括1)max() //返回较大的数min() //返回较小的数abs() //绝对值pow(x,y) //x的...原创 2019-03-14 20:27:24 · 119 阅读 · 0 评论 -
字符串 & 字符编码的转换 & 转换大小写
字符串的定义字面量 var str=”知识就是财富”;构造函数 var str2 = new String(“知识就是财富”)操作字符串(1)通过索引获取字符str[idx] (es5版本)str.charAt(idx) (2)长度 str.length字符串的方法(1) str.indexOf(‘字符’[,strtIdx]) 查找字符在字符串中的索引...原创 2019-03-14 20:15:18 · 603 阅读 · 0 评论 -
对象
对象的定义对象的定义(1)字面量 var obj = {}(2)构造函数var obj = new Object();对象的组成{键 : 值,}对象的操作:通过键获取值对象名.键(如果读取一个不存在的属性,返回undefined)对象名[“键”]删除某个键:delete对象名.键遍历对象for…infor(var key in 对象名){ //key...原创 2019-03-14 19:42:44 · 139 阅读 · 0 评论 -
数组
数组数组的声明(1)字面量 var arr=[1,2,3](2)构造函数 new Array()①声明数组同时赋值 new Array(1,2,3)②声明数组同时定义数组的长度 new Array(10)数组的操作(1)利用数组的索引,操作数组某个具体的元素。arr[idx],idx取值为0到数组的长度-1(2)数组的长度 arr.length(3)数组的遍历 for...原创 2019-03-14 19:35:56 · 421 阅读 · 0 评论 -
函数
onclick:点击事件ondblclick:双击事件onmouseover:鼠标移入事件onmouseout:鼠标移开事件onchange:内容改变事件(一般用于表单元素)onkeyup:键盘按键弹起事件函数1.概念及好处2.如何声明函数 (1)function关键字声明 &nbs...原创 2019-03-14 18:54:01 · 110 阅读 · 0 评论 -
分支循环语句
…操作函数:1.获取元素: var num = document.getElementById("num"); var btn = document.getElementById("btn"); var output = document.getElementById("output");2.定义函数:fuction函数名(){需要执行的代码;} 获取文本框的..原创 2019-03-14 17:47:29 · 173 阅读 · 0 评论 -
js检测数据类型
typeoftypeof无法准确检测数组、对象等数据类型var a = new Date();var b = ['1','2'];var c = {name:'LLT', age:'15'};var d = null;var e = undefined;var f = 'llt';var g = 12345;var h = false;console.log(typeof a...原创 2019-06-08 18:16:25 · 112 阅读 · 0 评论