2018年08月_FA_A

原创 JavaScript 内容加载事件

window.onload当一个文档完全下载到浏览器中时，会触发 window.onload 事件。这意味着页面上的全部元素对 javascript 而言都是可以访问的，这种情况对编写功能性的代码非常有利，因为无需考虑加载的次序。 window.onload = function() { alert();}$(document).ready()会在...

2018-08-28 19:00:08 1125

转载文件压缩格式

ZIPZIP应该算是最常见的压缩文件格式了，你甚至不需要单独为它安装一个压缩或者解压缩软件，因为我们使用的Windows系统以及集成了对ZIP压缩格式的支持。经历过DOS时代的朋友可能还记得ARJ格式，它基本就是DOS时代ZIP，直到ZIP的出现，以更高的压缩效率取代了ARJ，成为了大家的首选。现在的大多数操作系统都会集成对ZIP文件的支持，而所有的压缩软件也都会提供对ZIP文件的支持，...

2018-08-28 14:23:42 505

原创 NODE_fs-extra

使用方法安装npm install --save fs-extra引用（无需在引用原生的fs模块）var fs = require('fs-extra');方法读取文件信息fs.readFile("./test.txt", "utf-8", function(err, data) { console.log(data);})输出信息到文件...

2018-08-25 08:11:34 1190

原创 HTML 页面跳转

标签定时跳转<head><meta http-equiv="refresh" content="10"><meta http-equiv="refresh" content="5;url=hello.html

2018-08-21 20:51:32 242

原创 CSS 链接方式

链接方式行内式<table bgcolor="black" cellspacing="1px" width="600"><table style="border:0px" />嵌入式<head><title>css样式使用</title><st

2018-08-21 19:52:28 456

原创 CSS 兼容处理

css3兼容各版本浏览器前缀前缀浏览器 -moz- 火狐等使用Mozilla浏览器引擎的浏览器 -webkit- Safari, 谷歌浏览器等使用Webkit引擎的浏览器 -o- Opera浏览器(早期) -ms- Internet Explorer (不一定) 把不带前缀的放到最后一行需要添加浏览器引擎前缀...

2018-08-21 19:40:33 4371

原创 JavaScript node节点

Node对象属性属性标签节点属性节点文本节点 nodeName 大写标签名称属性名称 text nodeValue null 属性的值文本内容 nodeType 1 2 3...

2018-08-20 22:36:09 132

原创 JavaScript 对dom节点的操作

抓取节点document.getElementById(id); //最多只能返回一个节点document.getElementsByName(name); //返回节点集合document.getElementsByTagName(tagname); //返回节点集合document.getElementsByClassName(classname); //返回节点集合创建节点...

2018-08-20 22:26:41 99

原创 JavaScript String对象

方法stringvar.substr(start [, length ]) 返回一个从指定位置开始的指定长度的子字符串。var arr = "0123456789";console.log(arr.substr(7,3)); //"789"stringObj.slice(start, [end]) 返回字符串的片段。 start :必选项。下标以...

2018-08-19 21:40:02 87

原创 JavaScript call和apply的作用和妙用

Call劫持另外一个对象的方法，继承另外一个对象的属性. Function.call(obj,[param1[,param2[,…[,paramN]]]]) obj：这个对象将代替Function类里this对象 params：这个是一个参数列表function animal(name,age){ this.name = name; this.ag...

2018-08-19 16:34:37 674

内核的作用所谓浏览器内核就是指浏览器最重要或者说核心的部分”Rendering Engine”，译为”渲染引擎”。负责对网页语法的解析，比如HTML、JavaScript，并渲染到网页上。所以浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定这浏览器如何显示页面的内容和页面的格式信息。不同的浏览器内核对语法的解释也不相同，因此同一的网页在不同内核的浏览器显示的效果也会有差异。这也就是网页编写...

2018-08-19 15:35:56 375

原创 JavaScript Error类型

错误类型SyntaxError解析错误 SyntaxError是解析代码时发生的语法错误// 变量名错误var 1a;// 缺少括号console.log 'hello');RefenrceError引用错误 ReferenceError是引用一个不存在的变量时发生的错误。将一个值分配给无法分配的对象，比如对函数的运行结果或者this赋值。a // Uncau...

2018-08-18 22:10:43 1072

原创 JavaScript 的可爱操作QAQ

1.未赋值的变量可以被访问，但未声明的不可以。未声明的变量只能进行 typeof 操作。2.Object.prototype.toString ( ) 方法

2018-08-18 22:04:53 135

原创 JavaScript DOM对象，js对象，jQuery对象（区别与转化）

1.DOM对象通过DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。2.JavaScript对象（表示dom节点的对象）通过js获取的DOM对象就是js对象当浏览器支持js的dom...

2018-08-18 17:27:17 276

原创 NODE_ejs

语法变量 &lt;a href = "&lt;%= url %&gt;" &gt;&lt;/a&gt; &lt;p&gt; &lt;%= userinfo %&gt; &lt;/P&gt; &lt;!--通过app.local[&

2018-08-18 14:31:07 137

转载 NODE_Session

1.Seesion简介在WEB开发中，服务器可以为每个用户浏览器创建一个会话对象（session对象），注意：一个浏览器独占一个session对象(默认情况下)。因此，在需要保存用户数据时，服务器程序可以把用户数据写到用户浏览器独占的session中，当用户使用浏览器访问其它程序时，其它程序可以从用户的session中取出该用户的数据，为用户服务。服务器创建session出来后，会把ses...

2018-08-18 14:02:38 257

原创 JavaScript 正则表达式

1.创建方式直接量语法/pattern/attributes创建RegExp对象的语法//参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。//参数 attribute 代表修饰符（i,g,m）。如果 pattern 是一个正则表达式则省略该参数。//如果不用 new 运算符，而将 RegExp() 作为函数调用，那么它的行为与用 new ...

2018-08-17 21:41:53 131

转载 NODE_Cookie的用法

1.Cookie简介cookie是存储于访问者的计算机中的变量。可以让我们用同一个浏览器访问同一个域名的时候共享数据。HTTP是无状态协议。当初次访问一个服务器，不可能携带cookie。必须是服务器得到这次请求，在下行响应报头中，携带cookie信息，伺候每一次浏览器往这个服务器放松的请求，都会携带这个cookie。2.Cookie特点cookie保存在浏览器本地。正常设置...

2018-08-17 16:31:59 399

原创 JavaScript 判断数据类型（typeof instanceof）

1.typeof 主要用于判断基本数据类型：string,number,boolean,object,function,undefined.从技术角度讲，函数在ECMAScript中是对象，不是一种数据类型。然而函数确实有一些特殊的属性，因此通过typeof操作符来区分函数和其他对象是有必要对的。对尚未声明的变量，只能进行一项操作，即使用typeof操作符检测其数据类型，（对未经声明的变...

2018-08-15 15:12:26 1635

原创 JavaScript 创建对象（工厂模式，构造函数模式，原型模式）

工厂模式function createPerson(name ,age ,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ console.log(this.name); } retur...

2018-08-14 14:55:48 371

原创 JavaScript 属性的特性

1.基本概念 JS对象：无序属性的集合，其属性可以包含基本值、对象或函数。属性又分为数据属性和访问器属性。 ECMAScript为了描述对象属性（property）的各种特征，定义了特性（attribute）这个概念。2.数据和访问器数据特征含义 [[Configurable]] 表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能...

2018-08-13 21:14:13 730

原创 JavaScript null，undefined，NaN的用法

1.基础概念类型原因 null object类型尝试获取一个不存在的对象。 undefined undefined类型（null的派生类型）使用var对一个变量进行声明，...

2018-08-13 15:40:36 262

原创 CSS_z-index

1.概念z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。2.规则(1). 只有设置了定位属性的(relative,absolute,fixed)同级元素，使用z-index进行比较。(2). 当同级元素都设置了定位属性时，z-index大于0的位于未设置(auto)的元素之上，反之下。 (3). z-index为auto的元素不参...

2018-08-13 13:53:23 133

原创 html_input_file_accept(规定上传文件的类型)

1.属性值属值描述 MIME_type 用逗号隔开的 MIME 类型列表。 2. 默认属性为可以选择任意类型。（当属性值有错误，无法匹配时，选择默认属...

2018-08-12 22:15:07 4823

原创 JavaScript 数组的遍历

使用forEach()var arr = [5, 4, 3, 2, 1];arr.forEach(function (value, index) { console.log(index + &quot;:&quot; + value);});使用for … in …var arr = [5, 4, 3, 2, 1];for (var i in arr) { consol...

2018-08-12 21:14:48 92

原创 JavaScript 对象的遍历

使用Object.keys();var book = { &amp;amp;quot;title&amp;amp;quot;: &amp;amp;quot;JavaScript 教程&amp;amp;quot;, &amp;amp;quot;author&amp;amp;quot;: &amp;amp;quot;Mike&amp;amp;quot;}

2018-08-12 20:32:47 157

FAFA的博客