随笔分类 - JavaScript
前端js代码执行顺序
摘要：个人理解，方便记忆 js单线程，自上而下执行 先走一遍主代码块，遇到谁调用先执行谁，特殊（遇到setInterval，setTimeout直接放最后执行），（遇到promise，async和await内部内容直接执行，但promise的then和catch以及async的await后的内容第二波一波
阅读全文
下拉加载更多
摘要：需求说明：当用户浏览到页面底部时候，自动加载下一页的内容 实现原理：JS获取当前滚动条高度、滚动条长度以及页面总长度，当滚动条高度加上当前滚动条长度等于页面总长度的时候，页面到达底部，此时可以触发ajax加载下一页内容。代码如下 <script> //获取滚动条当前的位置 function getS
阅读全文
javascript之闭包，递归，深拷贝
摘要：闭包 理解：a函数执行后return出b函数且b函数可以访问a函数的数据 好处：子函数存储在复函数内部，子函数执行完不会被自动销毁 坏处：占用内存比较大 ex： 递归 理解：子元素有子元素，子元素的子元素有子元素..... 深拷贝和浅拷贝 理解：人的克隆和影子的区别，内存地址的区别 深拷贝： Jso
阅读全文
javascript之创建对象的方式
摘要：1.object构造函数创建 var obj=new Object(); obj.name='xue'; 2.对象字面量创建 var obj={ name:'xue' } 3.构造函数创建 function Person(name){ this.name=name } var person=new
阅读全文
javascript之面试题精讲
摘要：from：http://blog.csdn.net/q121516340/article/details/51332454 1，检测数组的几种方式： Array.isArray(); es5 toString.call([]);//”[object Array]” var arr=[]; arr.c
阅读全文
javascript之常遇到的浏览器兼容问题和解决方法
摘要：转自http://www.cnblogs.com/duenyang/p/6066737.html 常遇到的关于浏览器的宽高问题： var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 va
阅读全文
javascript之表格节点操作
摘要：<html> <div class='add'> 名字: <input type="" name="">年龄:<input type="" name=""><input type="button" value='add'> </div> <table id="tb"> <tbody> <tr><td
阅读全文
javascript之递归得DOM文本
摘要：var tag=document.getElementsByTagName('body')[0]; function findChild(tag){ var child=tag.childNodes,type,result=[]; for(var i=0;i<child.length;i++){ t
阅读全文
ES6 模板编译
摘要：顾名思义，就是用反引号编写一个模板字符串， 用echo将模板转为javascrip表达式字符串， 用正则将基础字符串转为想要字符串 将代码封装在函数中返回； 注： 用到es6属性${} var template=` <ul> <%for(var i=0;i<data.supplies.length;
阅读全文
javascript之this指向
摘要：情况一： 如果一个函数中有this，但是没有被上一级调用，this指向window 例： function a(){ var num='11'; console.log(this.num); //undefined console.log(this) //window } a() 情况二： 如果一个
阅读全文
ES6之Object
摘要：对象属性模型的相关方法： 对象自身所有属性名称 Object.getOwnPropertyNames(obj) //[] 获取某个属性的attribute对象 Object.getOwnPrototypeDescriptor(obj) 通过attribute对象，定义属性 Object.define
阅读全文
ES6之拷贝对象
摘要：function copyObject(orig) { var copy = Object.create(Object.getPrototypeOf(orig)); //创建一个新的原型对象 copyOwnPropertiesFrom(copy, orig); return copy; } func
阅读全文
javascript之数组的6种去重方法
摘要：去重 去空 String.prototype.trim=function(){ return this.replace(/(^\s+)|(\s+$)g,'') } str.trim() function trim(str){ return str.replace(/(^\s+)|(\s+$)/g,'
阅读全文
javascript之存储数据-cookie，localStorage，sessionStorage
摘要：cookie: 存储一些简单的数据，以文本形式放到本地，大小4kb 存储：document.cookie='name=value' 取值：document.cookie(字符串) 期限：expires=time localStorage 优 点：无时间限制，可跨越多窗口 存 储：loaclStora
阅读全文
javaScript的几个问题简答
摘要：1.javascript的typeof返回哪些数据类型 Object、number、 function、 boolean、 underfind 2.例举3种强制类型转换和2种隐式类型转换? 强制（parseInt,parseFloat,number） 隐式（== – ） 3.split() join
阅读全文
