村头恶霸蛋炒饭-CSDN博客

原创 08_异步加载

异步加载jsjs加载的缺点：加载工具方法没必要阻塞文档，过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。有些工具方法需要按需加载。用才加载，不用则不加载。三种方案defer 异步加载。等到 DOM 文档全部解析完才会被执行。只有IE能用，也可以将代码写到内部。执行时不阻塞页面。async 异步加载。加载完就执行。...

2020-02-23 13:07:59 104

原创 07_事件

如何绑定事件elem.onxxx = function(event) {}兼容性很好，但是一个元素的同一个事件上只能绑定一个处理程序基本等同于写在HTML行间上obj.addEventListener(type, fn, false)IE9以下不兼容，可以为一个事件绑定多个处理程序obj.attachEvent('on'+type, fn)IE独有，一个事件同样可以绑...

2020-02-23 13:07:22 124

原创 06_DOM

DOMDocument Object Model （文档对象模型）文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。查看元素节点getElementsBy...查找的元素是实时的，会随界面...

2020-02-23 13:06:35 113

原创 05_this

call和apply作用：改变this指向区别：传参不同call需要把实参按照实参的个数传进去apply需要传一个数组arguments fn(); ==> fn.call(); call(obj, argument1, argument2, argument3); apply(obj, arguments); // arguments = [...

2020-02-22 15:10:46 81

原创 04_原型链

原型原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。 // Car.prototype ==> {} 祖先 Car.prototype.name = 'GTR'; Car.prototype.color = 'silver'; // Car.prototyp...

2020-02-13 11:52:18 102

原创 03_方法

判断类型typeof 返回的值都是字符串: number string boolean object(引用类型) undefined function typeof(null) ==> objectinstanceof 判断一个对象是否由某个构造函数构造 var array = []; array instanceof Array; // ture...

2020-02-13 11:51:27 69

原创 02_闭包

全局变量一切声明的全局变量，全是window的属性 //window就是全局的域eg: var a = 123; ==> window.a = 123;imply global暗示全局变量：即任何变量，如果未经声明就赋值，此变量就为全局变量所有eg: function fn() { a = 321 } ==> window.a = 321;预编译函数执行前发生的预编...

2020-01-27 11:53:51 105

原创 01_CSS

css选择器的解析顺序浏览器css匹配核心算法的规则是以 right-to-left 方式匹配节点的。这样做是为了使规则能够快、准、狠地与render树上的节点匹配，通俗地将就是就近原则。如果从左向右需要遍历所有的分支直到最后的叶子节点，如果发现不符合规则则会返回上一级节点。会有很多失败查找而从右向左，只要发现最右边选择器不匹配，就可以直接舍弃了，避免了许多无效匹配。提升css选择...

2020-01-22 12:26:11 125

原创 00_HTML

0_零零碎碎简单的SEO <html lang="en, zh">  <meta name="keywords" content="食品"> <meta name="description" content="非常好吃"...

2020-01-09 13:08:43 87

原创 todo

todoList使用Express + MongoDB 搭建的一个简单的待办事项列表GitHub地址项目运行git clone https://github.com/luoct/todoList.git cd todoListnpm installnode server.js开发环境Node.jsMongoDBExpress项目依赖"dependencies...

2019-03-09 18:59:48 879

原创一些简单的ES6语法

简介ECMAScript 6.0，简称ES6，第一个版本是在2015年6月进行发布，所以也称之为《ECMAScript 2015 标准》（简称 ES2015）。JavaScript是ECMAScript的一种实现（分支），遵循ECMAScript标准的。目前主流浏览器已经可以完美兼容和使用ES6。ES7/8部分新特性也已经被用于我们的实际开发中。let和constES6新增了let和con...

2018-12-04 14:19:00 159

原创侧边栏多级菜单滑动效果+JQ解决事件冒泡

先搭好整体结构，样式根据情况设计&amp;lt;ul&amp;gt; &amp;lt;li&amp;gt; &amp;lt;a class=&quot;item-1st&quot;&amp;gt;一级菜单&amp;lt;/a&amp;gt; &amp;lt;ul class=&

2018-11-25 21:56:17 613

原创 HTML的一些小笔记

HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面<!DOCTYPE>为声明，位于文档中的最前面的位置，处于标签之前，它是用来告知 W...

2018-11-18 20:15:12 80

原创 HTML块级元素和行内元素

HTML块级元素和行内元素一，下面从概念的角度来说一下块级元素和行内元素1.块级元素，一般都是从新行开始，它可以容纳行内元素和其他块元素，常见块级元素比如div/p等。“form”这个快元素比较特殊,他只能来容纳其他块元素2.行内元素：也叫做内联元素，一般都是语义级别的基本元素，内联元素已办只能容纳文本或者其他内联元素。块元素（block element）和内联元素（inline elem...

2018-11-18 20:03:46 165

原创 Node模块化概念

每个js文件都独立运行在一个闭包中在Node中，每个js文件都独立运行在一个闭包中，不是全局的作用域，模块与模块无法互相访问。目的是：全局变量私有化，避免全局污染 //将暴露给外部的变量或者方法设置为exports属性 exports.sum = (...numbers) =&gt; { let result = 0; numbers.forEach((item) =&gt; {...

2018-10-17 18:33:40 564 1

lochoto的博客