JavaScript基础
Lazy_Life
这个作者很懒,什么都没留下…
展开
-
JavaScript基础-----js时间线&异步加载
1. JavaScript加载时间线(理论): js本是单线程执行,浏览器为几个明显的耗时任务单独开辟线程解决耗时问题(也就是 异步) 时间线:浏览器在运行一个页面时,首先会初始化js的功能,当初始化初试完js这一个功能后,也就是js开始发挥作用那一刻,开始记载着这一系列浏览器要发生的过程; 这一系列顺序分为十个步骤: (1).创建 Document 对象,...原创 2018-06-26 17:26:10 · 633 阅读 · 0 评论 -
JavaScript基础 ----- 一些概念杂谈(1)
1.document.write 、 innerHTML 、innerText 三者的区别: document.write():是重写整个document,写入的内容是字符串的html; innerHTML:是DOM页面元素的一个属性,代表该内容的html内容,可以精确到某一个具体的标签元素进行更改,不会导致页面全部重绘; innerText:是从起始位置到终止位置...原创 2018-07-02 18:51:31 · 188 阅读 · 0 评论 -
ES6 基础 - 01
1.什么是ES 6: ES 6 全称 ECMAScript 6.0,也叫 ES 2015,它是2015年6月发布的,是JavaScript语言的下一代标准,它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 ECMAScript 和 JavaScript 的关系:前者是后者的规格,后者是前者的一种实现。2.浏览器对ES6的支持:...原创 2018-06-28 15:46:45 · 251 阅读 · 0 评论 -
JavaScript基础-----Ajax
1.什么是Ajax: AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。 Ajax包含下列技术: 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用 DOM(Document Object Model)进行动态显示及交互; ...原创 2018-06-26 00:40:52 · 205 阅读 · 0 评论 -
JavaScript基础 ----- 一些概念杂谈(3)
1.this指向:(1)new 调用时指的是被构造的对象;(2)call,apply 调用,指向我们指定 的对象;(3)对象调用时,this 指向那个对象;(4)默认状况下,指向全局变量 window;var add = function(){ console.log(this) //指向window}add()function str(){ ...原创 2018-08-20 16:06:27 · 186 阅读 · 0 评论 -
JavaScript基础 ----- 一些概念杂谈(2)
1.变量声明提升:console.log(a); //undefinedvar a = 123;此处的变量声明部分会被提升,赋值部分不会被提升(相当于没有给a赋值),所以输出undefined;a = "hello";console.log(a) //hellovar a = 123;改动之后,将a赋予一个值,这样才会有输出;2.函数表达式...原创 2018-08-20 16:05:01 · 222 阅读 · 0 评论 -
JavaScript基础 ----- a++ 和 ++a 的区别
1.a++ 和 ++a 的区别:(1)a++ :存储新值,用旧值(上一个值)来计算,也就是输出旧值;(2)++a :存储新值,用新值(当前的值)来计算,也就是输出新值;2.实例:(1)var a = 0;console.log(a++) //输出0// 1 存储新值// 0 用旧值计算(输出)(...原创 2018-07-27 09:08:16 · 6255 阅读 · 2 评论 -
JavaScript基础-----数组&对象的深度clone
1.原创 2018-07-01 22:48:33 · 334 阅读 · 0 评论 -
JavaScript基础-----事件冒泡和阻止
1.事件冒泡: 假设一个html结构中两个标签存在父子层级关系,父盒子和子盒子都绑定同一个事件的方法;当点击子盒子时会执行两次方法,也就是将父盒子的事件方法也执行了,也就是由里向外依次执行,这就是所谓的事件冒泡(从里向外进行传播);摘自原作者的例子:<!DOCTYPE html><html><head><meta charset="utf-8"&...原创 2018-06-30 18:11:32 · 420 阅读 · 1 评论 -
JavaScript基础-----数组(Array)
1.JavaScript 中创建数组的方法: (1).使用Array构造函数: var arr = new Array(); //创建一个空数组var arr = new Array(5); //传递一个整数时,表示创建了一个长度为 5 的数组,如果传递一个字符串,则表示创建了包含这个字符串的数组var arr = new Array(5,"abc",20) ...原创 2018-06-18 15:42:50 · 651 阅读 · 0 评论 -
JavaScript基础-----数据类型及转换
1.JavaScript 简介:JavaScript是互联网上最流行的脚本语言,所有现代的HTML都使用JavaScript。既然是脚本语言,那么它的特点就有一下三种: (1)弱类型; (2)解释型语言(不需要编译); (3)逐行执行,一行代码错误,其后的代码块都不会继续执行; (4)<script>标签可直接嵌入到HTML文件中,位置是任意...原创 2018-06-10 19:07:21 · 1272 阅读 · 2 评论 -
JavaScript基础-----创建对象的三种方法
在 JavaScript 中我们知道无法通过类来创建对象,那么如何创建对象呢?(1)通过“字面量”方式创建对象将你的信息写到{ }中,并赋值给一个变量,此时这个变量就是一个对象,例:var game = { first : "吃鸡", two : "英雄联盟",}console.log(game.first) // 输出"吃鸡"//对象的添加 obj.t...原创 2018-06-10 11:51:08 · 310 阅读 · 0 评论 -
JavaScript基础-----DOM操作
1. DOM 的理解: (1)DOM:全拼(Document Object Model),文档对象模型,当网页被加载时,浏览器会创建页面的文档对象模型 (2)对于JavaScript,通过可编程的对象模型,JavaScript就获得了足够的能力来创建动态的HTML:JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性Jav...原创 2018-06-20 11:50:57 · 242 阅读 · 0 评论 -
JavaScript基础-----预编译
1. JavaScript 的运行: JavaScript有一个特点,就是浏览器在执行JavaScript代码时会逐行执行,一行代码错误,其后面的代码块都不会被执行出来,那么,在脚本执行js引擎的时候,会产生三个步骤: (1)语法分析:检测代码有没有错误 (2)预编译环节 (3)根据编译好的进行逐行执行(最后才会进行逐行执行)2. 预编译环节: ...原创 2018-06-25 23:30:01 · 224 阅读 · 0 评论 -
ES6 基础 - 02
1.箭头函数: 在ES6以前,写函数表达式的格式为:var a = function b(){ console.log('hello')}a() //"hello" ES6中出现了箭头函数,简写了代码,格式为:var a = () => { //()中为参数 console.log('world')}a() ...原创 2018-07-02 23:49:11 · 207 阅读 · 0 评论