10 2016 档案
摘要：在使用nextSibling与previousSibling时，常出现选不到预计对象的情况 eg: <div class="a">1</div> <div class="b" onclick= "aa(this)">2</div> function aa(obj){ console.log(obj.
阅读全文
摘要：网址 https://www.baidu.com:8010/a/html/a.html?tn=monline_3_dg#part1 注解: 网址= 当前url协议+域名+端口号+路径名+参数+hash href= protocol + hostname+ port+ pathname+ search
阅读全文
摘要：在获取json文件内容时，有时会出现相对路径上的json文件无法获取的情况，Chrome上的解决方案如下: 1.右击桌面上的Chrome浏览器图标，点击属性; 2.在目标输入框的内容后头加上--args --disable-web-security 3.再次打开时会有安全警告，但已可以获取json
阅读全文
摘要：进程:进程是程序的一次执行 线程:线程是进程中执行的一个程序片段 空间： 进程间相互独立，指的是内存空间，上下文环境等，一个进程中的两段代码不能同时执行，除非引入线程，这就是多线程! 线程运行在进程的空间中，多线程时共享空间，线程属于进程，进程结束后线程全部撤销 单线程就是进程中只有单一的顺序控制流
阅读全文
摘要：具体可参考:http://www.jb51.net/os/windows/36986.html 以下是本人总结的一些比较实用的指令，仅仅只是自己的实战笔记 f: 进入F盘 同理 c: 进入C盘 cd 进入目录 eg:F:\>cd nodeTest cd.. 返回上一级 cd - 返回上一次的工作目录
阅读全文
摘要：node是基于chrome v8的，运行与服务端的Javascript，事件驱动，非阻塞I/O,轻量高效，其包管理器npm，是全球最大的开源库生态系统 使用node.js,不仅仅是实现了一个应用，也可以实现整个服务器 组成: 1.引入require模块:引入node模块 2.创建服务器：服务器监听客
阅读全文
摘要：定义:Http是计算机通过网络进行通讯的协议，http客户(浏览器)可以向http服务器(服务器)请求信息和服务,当前版本是1.1 特点:1.无状态连接，意味着浏览器发出请求，服务器返回数据后，连接立即关闭 2.请求（request）/应答（response）模型 3.使用内容类型，即返回的数据都有
阅读全文
摘要：selection对象代表当前激活选中区，通常是高亮的文本块 创建选中区: 1.拖拽文本 2.脚本创建 cerateRange() 获取selection对象 IE document.selection() 非IE window.getSelection() eg: <div>请选中这里的部分文字。
阅读全文
摘要：1.SyntaxError（语法错误） 解析代码时发生的语法错误 eg:var 1a; Uncaught SyntaxError: Unexpected number 2.ReferenceError（引用错误） a.引用了一个不存在的变量 eg: console.log(a); Uncaught
阅读全文
摘要：除了alert弹窗，js还有confirm弹窗和prompt弹窗 var a= confirm("1111");alert(a) 弹出确认弹窗，有确认，取消按钮，确认返回true，取消返回false var b= prompt("请输入姓名", "");alert(b) 弹出输入框，一个是输入框的提
阅读全文
摘要：首先，要想拖动元素,首先得设置draggable= "true" 适用范围:默认图片和链接是可拖动的，无需添加 兼容性: Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari eg: <img id= "aa" src="img/aHead.p
阅读全文
摘要：解析如下: !1 就是false，！0 就是true，但不代表1就是true，0就是false。 如果对象不为空，将进行循环返回false，否则，返回true
阅读全文
摘要：css中transform包括三种: 旋转rotate(), translate()移动, 缩放scale(), skew()扭曲以及矩形变换matrix() 语法: transform: none | <transform-function> [ <transform-function> ]* t
阅读全文
摘要：undefined 声明的变量尚未初始化 null 对象尚未存在 eg: var a; console.log(typeof a); 输出undefined var b= document.getElementById("b"); console.log(typeof b); console.log
阅读全文
摘要：calc()可以给元素做运算， calc(expression) eg: .a { width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); } 语法: 1.可以使用+ - * %(
阅读全文
摘要：style.cssText 用来获取/设置元素的样式 设置: <div id= "a" style= "background: red;"> document.getElementById("a").style.cssText= "width: 200px; height: 200px"; 设置成功
阅读全文
摘要：代码如下: 解析: document.oncontextmenu: oncontextmenu方法在目标元素上右键时触发，兼容性良好 var e= event || window.event;e.preventDefault? e.preventDefault():e.returnValue= fa
阅读全文
摘要：addEventListener:添加事件监听器 element.addEventListener(event, function, useCapture) event:事件类型，字符串，不要加"on" function:函数名，也可以就是一个函数（不推荐这么写，这样写无法取消！） useCaptu
阅读全文
摘要：按键会触发按键事件（KeyboardEvent{}），触发顺序为keydown，keypress，keyup 组合键是，即使输入一个字符，也会触发多次keydown，keyup事件 eg:<div class="aa" contenteditable="true" onkeydown="a(even
阅读全文
摘要：首先是一个例子: <div id= "aa">0<br/>0<span>11</span>22</div><input type="button" onclick= "a()"/> console.log(document.getElementById("aa").innerHTML);consol
阅读全文
摘要：块级元素: div, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl，pre，form, table等 行内元素: span, td, tr, a, img, input, label, select，textarea等 对比如下: 1.块级元素独占一行，宽度充满
阅读全文
摘要：观察输出结果发现，number, string, undefined, function，boolean类型均能通过typeof方法判断， 而array类型输出object，因为typeof方法只能判断基本类型类型（number, string, undefined，boolean），除此之外（包括
阅读全文
摘要：document.querySelectorAll兼容性良好，在之前的项目中就其遍历方式出了错误，先做个小结: 1.for循环 传统遍历方法 for(var i= 0; i< document.querySelectopAll(".a").length; i ++){ document.queryS
阅读全文
摘要：href= "#" 熟悉hash跳转的同学都知道，只是一个hash跳转，跳转到页面的顶部，可以发现地址栏多了一个#，点击返回会返回本页面。 href= "javascript: void(0)" 这是一个单纯的死链接 javascript: void()方法是一个没有返回值的函数，此种方法是不被推荐
阅读全文
摘要：何为冒泡事件？简单来说事件就像一个水里的泡泡，先触发当前对象再触发其父元素，然后是父元素的父元素... eg: <div class="out" onclick= "alert('out')"> <div class="middle" onclick= "alert('middle')"> <inp
阅读全文
摘要：首先是一个小例子: <input type="text" onclick="a(event)"/> function a(event){ console.log(event)} event对象代表事件的状态，包括事件在其中发生的元素，键盘按键的状态、鼠标的位置、鼠标按键的状态 有MouseEvent
阅读全文
摘要：今天尝试给同一个对象绑定多个事件: document.getElementById("a").onfocus= function(){ alert("1") }.onclick= function(){ alert("2") } 发现弹出2，改变focus和click的顺序后依旧如此，只有书写顺序的
阅读全文
摘要：//判断是ios还是androidvar system;var ua = navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(ua)) { system= "ios"; } else if (/android/.test(ua)) { system= "android"; }
阅读全文
摘要：PC端 屏幕分辨率的高： window.screen.height屏幕分辨率的宽： window.screen.width 注解:电脑屏幕的分辨率(包括屏幕底部导航栏和浏览器顶部导航栏和滚动条)（通过改变电脑分辨率改变） 屏幕可用区域的高： window.screen.availHeight屏幕可用
阅读全文
摘要：1.offsetTop 功能:获取元素上外缘与最近的定位父元素内壁的距离，如果没有定位父元素，则是与文档上内壁的距离 使用方法:js document.querySelector(...).offsetTop 返回数字类型 只读 注解:边缘：border以外 定位父元素:position为relat
阅读全文
摘要：之前在项目中使用了Notification，现分享出来： 目前chrome，safari，以及firefox26+支持 详解: http://www.cgner.com/web/js/201408_221.html 也有多个插件支持桌面提醒:http://www.open-open.com/news
阅读全文
摘要：使用onselectstart <div class= "a" onselectstart="return false;">onselectstart，防止页面变蓝</div> 直接写在html中写入或者调用js方法onselectedstart eg:document.querySelector(
阅读全文
摘要：<input type="number"/> 在chrome,firefox,safari浏览器上输入框右侧会有上下箭头 方法1: <input type="number"/>改为<input type="tel"/> 方法2: input::-webkit-outer-spin-button,in
阅读全文
摘要：background 可在一个声明中设置background-color，background-image，background-repeat，background-attachment，background-position这些属性 备注： 1.兼容性良好。属性书写顺序貌似并无要求，缺一个或多个不
阅读全文
摘要：转自:http://www.cnblogs.com/whutzhou/archive/2012/08/20/2647982.html 注解: navigator.userAgent 浏览器用于 HTTP 请求的用户代理头的值,字符串类型,包含浏览器类型，版本等信息 在IE上则包含字符串msie(IE
阅读全文
摘要：代码来源于网上，不知是哪位大神的，我学习后添加了一点注解 详解： len = len || 32;默认32位 Math.random();返回0~1之间的随机数 Math.floor(a); 返回小于a的最大整数 Math.floor(Math.random() * maxPos) 随机返回目标字符
阅读全文
摘要：white-space共有5种属性normal，nowrap，pre，pre-wrap，pre-line 网上的解释多半过于详细冗长，先做个简化处理,以便查询 normal 忽略空白 过长换行 nowrap 忽略空白 绝不换行 pre 保留空白 无视限制 pre-wrap 保留空白 过长换行 pre
阅读全文
摘要：创建一个文件选择按钮: <input type="file" onchange="selectFiles(this)"/> 也可以多选 加入 multiple="multiple" 除IE以外均支持，网上解释为IE9及以下不支持 方法: function selectFiles(self){ con
阅读全文
摘要：IE测试对象为IE9，不全 mousemove（元素内部移动） 鼠标在元素内部移动时触发，只要鼠标移动，即使只是又移动了一个像素，也会触发，这就意味着短时间内会触发多次事件 支持情况： js onmousemove 均支持；jQuery mousemove IE不支持 mouseover（元素上方）
阅读全文
摘要：on()是bind(),live()，delegate()的替代品，1.7及1.7以后使用on() bind() 绑定元素 live() 为元素附加事件，匹配选择器的当前及未来的元素（比如由脚本创建的新元素） delegate() 绑定被选元素的子元素 使用介绍： $(selector).on(ev
阅读全文
摘要：for in方法用来遍历数组或者对象的显性属性，就是说我们自己定义的属性都是可以遍历的，而对象固有的属性，比如Object.prototype.toString是遍历不出来的。 for in方法简洁好用，但依旧有一些需要注意的地方 1. 遍历顺序 var b = {3:1,42:2,11:3} fo
阅读全文
摘要：判断一个元素是否存在，一般有两个方法，例如判断<div id= "a"></a>是否存在 js： if(document.getElementById("a")){ console.log("存在"); }else { console.log("不存在"); } jquery： 很多人理所当然的认为
阅读全文
摘要：cookie是一种浏览器缓存，可以理解为存放在浏览器上的一种小文件。 大小数目限制: 不同浏览器对于大小和数目均有不一样的限制，大小一般为4k，数目从30~50个（视浏览器类型）,以键值对的形式存储,可通过浏览器进行查看 设置: document.cookie= a+ "="+ b;(a是key,
阅读全文
摘要：hash属性是一个可读可写的字符串，是url的锚部分（从#开始）。多用于单页面应用中，使其包含多个页面。 定位：通过id来定位 eg: <div id= "part1"></div><div id= "part2"></div> 从上一页跳转入此页面时，若地址后锚部分是#part1则id= "par
阅读全文
