2017 年 12月随笔档案 - cm笔记簿

DOM基础

摘要：DOM ：document object model 文档对象模型提供一些属性和方法让我们去操作DOM元素获取DOM元素的方法 document.getElementById 一个元素 [context].getElementsByTagName 元素集合 [context].getElemen 阅读全文

posted @ 2017-12-31 13:11 cm笔记簿阅读(264) 评论(0) 推荐(0)

数据类型转换汇总

摘要：数据类型转换 null undefined string number boolean Array Date RegExp Object Function 把其他数据类型转换成number类型 isNaN Number parseInt parseFloat 在进行加减乘除数学运算的时候 true 阅读全文

posted @ 2017-12-30 11:36 cm笔记簿阅读(174) 评论(0) 推荐(0)

a标签

摘要：1、锚点定位 <a href ="#target " > </a> <div id = "target"></div> 点击a定位到div 上 2、取消a的默认跳转行为 javascript:;或javascript:void 0； <a href ="javascript:; " > </a> 阅读全文

posted @ 2017-12-26 16:02 cm笔记簿阅读(142) 评论(0) 推荐(0)

client offset scroll

摘要：1、Client 不可以写 clientWidth width+ paddingLeft+paddingRight clientHeight height+paddingTop +paddingBottom clientTop/clientLeft borderWidth 2、Offset 不可写阅读全文

posted @ 2017-12-26 11:52 cm笔记簿阅读(124) 评论(0) 推荐(0)

获取元素具体样式信息

摘要：window.getComputedStyle( 元素 ,null) // 但是IE6 -8不支持获得一个对象包含当前存在的所有样式通过 window.getComputedStyle(元素,null).height 或者window.getComputedStyle(元素,null)["he 阅读全文

posted @ 2017-12-25 20:05 cm笔记簿阅读(359) 评论(0) 推荐(0)

&&和||问题

摘要：表达式a && 表达式b : 计算表达式a（也可以是函数）的运算结果，如果为 True, 执行表达式b（或函数），并返回b的结果；如果为 False，返回a的结果；表达式a || 表达式b : 计算表达式a（也可以是函数）的运算结果，如果为 Fasle, 执行表达式b（或函数），并返回b的结阅读全文

posted @ 2017-12-25 11:15 cm笔记簿阅读(129) 评论(0) 推荐(0)

正则问题

摘要：正则格式 var reg = / /; 不能拼接 var reg = new RegExp(" "); 可以拼接字符串元字符：具有特殊意义 \:转义字符 ^:以某一个元字符开始 $:以一个元字符结尾 \n：匹配一个换行符 .：除了\n以外的任意字符 ():分组 x|y：x或者y中的一个 [xyz 阅读全文

posted @ 2017-12-24 10:28 cm笔记簿阅读(174) 评论(0) 推荐(0)

javascript操作数的隐式转换

摘要：一、减号、乘号、除号、取模... 减号、乘号、除号、取模等操作符是比较单纯的操作符。这些操作符会尝试将他们的操作数转换为数字（使用Number()），如果操作数没法转换为数字的话，他们的结果就是NaN。 NaN与任何数进行这些操作，结果都是NaN 二、大于、小于、大于等于、小于等于同（一），但是对阅读全文

posted @ 2017-12-23 21:25 cm笔记簿阅读(135) 评论(0) 推荐(0)

定位

摘要：1、position：relative 相对定位特点： 1）不影响元素本身的特性； 2）不使元素脱离文档流（元素移动之后原始位置会被保留）； 3）如果没有定位偏移量，对元素本身没有任何影响； 4）提升层级。注：定位元素位置控制：top/right/bottom/left 定位元素偏移量 2、po 阅读全文

posted @ 2017-12-23 21:16 cm笔记簿阅读(209) 评论(0) 推荐(0)

DOM回流和重绘,文档碎片

摘要：回流：当页面的html结构发生改变（增加，删除，位置发生改变）浏览器都需要重新计算一遍最新的DOM结构，然后重新对当前页面进行渲染。重绘：某一个元素的部分样式发生改变。浏览器只需要重新渲染当前元素即可。在数据绑定中动态创建DOM节点方法和拼接字符串方法中使用较多是后者回流对性能的消耗比阅读全文

posted @ 2017-12-23 15:17 cm笔记簿阅读(330) 评论(0) 推荐(0)

文档常用处理方法

摘要：一行文字超出后自动进行截取 text-overflow:ellipsis //截取后以用省略号表示后面省略内容 :clip //没有省略 white-space:nowrap 不换行 overflow:hidden; 阅读全文

posted @ 2017-12-23 14:34 cm笔记簿阅读(154) 评论(0) 推荐(0)

JSON方法

摘要：JSON.parse(str)把JSON格式的字符串转换为JSON格式的对象 eval("("+str+")"); JSON.stringfy(str) 把JSON格式的对象转换为JSON格式的字符串 var MyJson = {"name":"chen","age":7}; JSON.String 阅读全文

posted @ 2017-12-23 13:35 cm笔记簿阅读(159) 评论(0) 推荐(0)

浏览器异常信息捕获

摘要：正常js 代码执行过程中遇到错误将停止执行下去例 console.log(num); //未定义报错 console.log("错误不在输出") // 不再执行 try( console.log(num); //未定义出错 )catch(e){ } console.log("错误不在输出"); 阅读全文

posted @ 2017-12-22 23:09 cm笔记簿阅读(293) 评论(0) 推荐(0)

类数组转换数组

摘要：Array.prototype.slice.call() arguments 支持元素集合或节点集合 ie6-8不支持兼容问题见浏览器异常捕获部分 [].slice.call() 类数组转换方法把类数组中每一项取出来重新放到新的空数组中然后返回 var arr = []; for(va 阅读全文

posted @ 2017-12-22 22:50 cm笔记簿阅读(139) 评论(0) 推荐(0)

数组求大小值

摘要：方法一 var arr = [1,2,3,4,5,2,3,4,5,7]; arr.sort( function(a,b){ return a-b; }) var min = arr[0]; var max = arr[arr.length-1]; 方法二 var arr = [1,2,3,4,5,2 阅读全文

posted @ 2017-12-22 18:23 cm笔记簿阅读(208) 评论(0) 推荐(0)

calll、apply、bind

摘要：call apply bind(预处理this) 阅读全文

posted @ 2017-12-22 15:11 cm笔记簿阅读(247) 评论(0) 推荐(0)

原型链继承

摘要：阅读全文

posted @ 2017-12-21 12:45 cm笔记簿阅读(100) 评论(0) 推荐(0)

常用字符串方法

摘要：localCompare string1.localCompare(string2) 返回 1 或 -1 用来比较字符串的位置前后按字母顺序 / 音相同按ascii 字符串就是由零到多个字符组成的第一个字符索引 0 第二个字符索引 1 ...... 以数字作为索引从零开始 2、有一个叫阅读全文

posted @ 2017-12-20 15:32 cm笔记簿阅读(362) 评论(0) 推荐(0)

常用数组方法总结及for循环和fori(in)循环

摘要：数组: 数组也是对象数组的循环:for() ,for in var arr = [ 1,2,3,4,5]; typeof arr //"object" arr instanceof Array //true arr instanceof Object //true for循环操作 for(var 阅读全文

posted @ 2017-12-20 15:31 cm笔记簿阅读(3311) 评论(0) 推荐(0)

构造函数的原型

摘要：Object 是Js中所以对象类型的基类（最顶层）阅读全文

posted @ 2017-12-20 15:10 cm笔记簿阅读(118) 评论(0) 推荐(0)

检测属性属于某个对象

摘要：in:检测某一个属性是否属性这个对象，不管是私有属性还是公共属性，只有存在都可以检测出来 "attr" in obj hasOwnProperty:用来检测某一个属性是否为这个对象的私有属性 obj.hasOwnProperty("attr") 扩展：检测某个属性是对象的公有属性 function 阅读全文

posted @ 2017-12-20 14:12 cm笔记簿阅读(145) 评论(0) 推荐(0)

检测数据类型

摘要：1.typeof 用来检测数据类型的运算符使用typeof 检测数据类型，首先返回的都是一个字符串，其次字符串中包含了对应的数据类例 “number” "string" "boolean" "function" "object" "undefined" console.log(typeof ty 阅读全文

posted @ 2017-12-20 13:47 cm笔记簿阅读(113) 评论(0) 推荐(0)

数据类型

摘要：5种简单数据类型（也称为基本数据类型）： Undefined Boolean String Number Null 引用数据类型： Object Array Date RegExp(正则) Function 基本包装类型：(特殊引用类型->拥有自己特殊的方法) Boolean Number Stri 阅读全文

posted @ 2017-12-20 12:55 cm笔记簿阅读(116) 评论(0) 推荐(0)

12 2017 档案