2019年05月_七月是我的生日

原创 JS异步加载及解决方式

1.js中的同步加载和异步加载有什么不同？javascript语言是单线程机制。所谓单线程就是按次序执行，执行完一个任务再执行下一个。对于浏览器来说，也就是无法在渲染页面的同时执行代码。同步加载：也就是说一个事件处理程序没加载完之前，不会加载后面的程序。异步加载：也就是并发加载，会同时处理几个事件处理程序。举个生活中的例子：早上起床,先刷牙,再烧水,等水烧开了洗脸,再整理发型.是同步...

2019-05-28 23:03:02 4393

原创 JS date对象，定时器，时间戳（简单应用）

JS 常用date对象1.date对象的一些方法常用get型：1.Date（）返回当前日期和时间。2.getDate（）返回一个月得第几天（1-31）3.getDay()返回一周得第几天（0-6）4.getMonth()返回第几个月份（0-11）5.getTime()返回自1970年1月1日至今得毫秒数。（1970.1.1 —纪元时间）6.getFullyear()返...

2019-05-28 22:16:12 2330

原创 JS简单事件复习（1）

JS简单事件复习（一）一：如何绑定一个事件类型；1.on 加一个事件类型 (基本等同于写在行间）var oDiv = document.getElementsByClassName('box')[0];oDiv.onclick = function(){oDiv.style.background = "green";}优点：兼容性好缺点：但是一个元素的同一个事件只能绑定一个事...

2019-05-25 16:43:00 179

原创 JS 原型+原型链+继承

JS原型1.什么是函数对象？function F1(){};var F2 = function(){};var F3 = new function (){};//F1,F2,F3均为函数对象，实质都是通过new function（）创建而来；2.构造函数function Person(name,age){ this.name = name; this.age = age...

2019-05-18 02:31:36 142

原创 js网页换肤

Demo2：网页换肤博主傻瓜式手撕代码，真的是傻瓜式。建议封装成方法。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...

2019-05-14 23:29:26 252

原创 js控制div的属性

Demo1：控制div的属性第一种方法：博主傻瓜式手撕代码，真的是傻瓜式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...

2019-05-13 19:07:07 1215

原创 JS 预编译作用域链简单闭包以及立即执行函数

JS 预编译：JS 在执行的时候分为以下三步：1.语法分析2.预编译3.解释执行1.预编译的特点特点：1.函数声明整体提升，而对于变量而言，只有声明提升。例如：<script> console.log(a); //undefined console.log(b); // function b() {.....} var a ...

2019-05-11 14:54:11 198

原创 JS变量，作用域，和内存问题

4.JS变量，作用域和内存问题1.基本类型和引用类型的值；ECMAScript 变量可能包含两种不同的数据类型的值：基本类型值和引用类型值。基本类型值为简单的数据段，而引用类型值为由多个值构成的对象。在将一个值赋值给变量时，解析器必须确定这个值时基本类型还是引用类型的值。例如简单的五种基本类型的值：undefined，null，number，string，boolean，这五种时基本类...

2019-05-05 22:50:42 216

原创 JS事件基础（鼠标事件，键盘事件及默认行为)

JS 事件基础Document是一个最顶级的父节点，两个子节点分别为<!DOCTYPE>和HTML。window.onload = function(){alert(document.childNodes[0].tagName); [0]=undefined [1]=HTML}Event对象，因为存在兼容性问题，所以通常处理如下：document.onmousemov...

2019-05-04 16:55:59 11890

qq_43955202的博客