随笔分类 - 3.JavaScript
摘要：js 各种时间格式的转换 注意：UTC时间不等于GMT时间 GMT：Greenwich Mean Time格林尼治标准时间。这是以英国格林尼治天文台观测结果得出的时间，这是英国格林尼治当地时间，这个地方的当地时间过去被当成世界标准的时间。 UT：Universal Time 世界时。根据原子钟计算出
阅读全文
摘要：JavaScript中可以使用Date.toLocaleString()函数将时间戳转换为包含时区信息的日期字符串。 示例代码如下所示： 1 // 获取当前时间戳（单位：毫秒） 2 var timestamp = Date.now(); 3 4 // 创建一个新的Date对象并传入时间戳作为参数 5
阅读全文
摘要：国外某网站给出了44道JS难题，试着做了下，只做对了17道。这些题涉及面非常广，涵盖JS原型、函数细节、强制转换、闭包等知识，而且都是非常细节的东西，透过这些小细节可以折射出很多高级的JS知识点。 你可以通过传送门先去测试一下你的水平，然后回来看看我的解析。为了详细解释这些细节，我也查阅了不少资料，
阅读全文
摘要：1.最基本的去重方法 思路：定义一个新数组，并存放原数组的第一个元素，然后将元素组一一和新数组的元素对比，若不同则存放在新数组中。 function unique(arr){ var res = [arr[0]]; for(var i=1;i<arr.length;i++){ var repeat
阅读全文
摘要：时间戳转时间 var timestamp4 = new Date(1472048779952);//直接用 new Date(时间戳) 格式转化获得当前时间 console.log(timestamp4); console.log(timestamp4.toLocaleDateString().re
阅读全文
摘要：概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰
阅读全文
摘要：之前在网上看了很多关于setTimeout的文章，但我感觉都只是点到为止，并没有较深入的去剖析，也可能是我脑袋瓜笨，不容易被点解。后面看了《你不知道的javascript-上卷》一书，决定重新再来理一次。这次我觉得我应该整明白了。于是分享给大家，文中解释有错误的部分还希望大家留言指正。 首先我们还是
阅读全文
摘要：在我们的日常开发中，经常会遇到当元素出现在可视区的时候需要去出发某一事件的情况。我最近在优化环球网首页的时候，将非可视区的代码全部放入到webComponent中。打算当这个元素出现在可视区的时候去加载对应的shadowRoot。 那么，言归正传，对于我这个前端小白，还是好先搞定如何判断元素出现在可
阅读全文
摘要：loop、iterate、traversal和recursion这几个词是计算机技术书中经常会出现的几个词汇。众所周知，这几个词分别翻译为：循环、迭代、遍历和递归。乍一看，这几个词好像都与重复（repeat）有关，但有的又好像不完全是重复的意思。那么这几个词到底各是什么含义，有什么区别和联系呢？下面
阅读全文
摘要：ECMAScript将对象的属性分为两种：数据属性和访问器属性。每一种属性内部都有一些特性，这里我们只关注对象属性的[[Enumerable]]特征，它表示是否通过 for-in 循环返回属性，也可以理解为：是否可枚举。 然后根据具体的上下文环境的不同，我们又可以将属性分为：原型属性和实例属性。原型
阅读全文
摘要：绑定在被点击元素的事件是按照代码顺序发生，其他元素通过冒泡或者捕获“感知”的事件，按照W3C的标准，先发生捕获事件，后发生冒泡事件。所有事件的顺序是：其他元素捕获阶段事件 -> 本元素代码顺序事件 -> 其他元素冒泡阶段事件 。 一个DOM元素绑定两个事件，一个冒泡，一个捕获，则事件会执行多少次，执
阅读全文
摘要：一、同源策略 要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。 一些常见的是否同源示例可参照下表： 在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去
阅读全文
摘要：1、原生JavaScript实现字符串长度截取 复制代码代码如下: function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i
阅读全文
摘要：在面向对象的语言中（例如Java,C#等)，this 含义是明确且具体的，即指向当前对象。一般在编译期绑定。 然而js中this 是在运行期进行绑定的，这是js中this 关键字具备多重含义的本质原因。下面就让我们一起来分析一下具体情况。 由于js中this 是在运行期进行绑定的，所以js中的 th
阅读全文
摘要：平时都专注于后台功能的实现和逻辑需求的分析及数据库方面的设计，很少关注前端的设计，而项目开发过程中专门负责后台是不太可能的事，所以前端我们也需要会用，除了漂亮的首页等其他的交给美工来做，一些功能性的东西还是有负责模块开发的人来完成，所以除了后台、数据库外，前端也需要开发人员懂其一二。 例子1 用户注
阅读全文
摘要：1）简要说明 with 语句可以方便地用来引用某个特定对象中已有的属性，但是不能用来给对象添加属性。要给对象创建新的属性，必须明确地引用该对象。 2）语法格式 with(object instance) { //代码块 } 有时候，我在一个程序代码中，多次需要使用某对象的属性或方法，照以前的写法，都
阅读全文
摘要：DOM含义：DOM是文档对象模型(Document Object Model，是基于浏览器编程的一套API接口，是W3C出台的推荐标准。其赋予了JS操作节点的能力。当网页被加载时，浏览器就会创建页面的文档对象模型。节点：根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：1
阅读全文
摘要：需要获取一些HTML的对象的坐标来更灵活的设置目标层的坐标，这里可以通过用到document.body.scrollTop等属性，但是这些属性在xhtml的标准网页中或更简单的说就是带<!DOCTYPE...>的标签中得到的值是0；如果不要此标签则一切正常，那么在xhtml中如何获取body的坐标呢
阅读全文
摘要：本篇主要讨论了通过字面量以构造对象的方法，比如对象、数组以及正则表达式等字面量的构造方法，同时还讨论了与类似Object()和Array()等内置构造函数相比，为什么基于字面量表示法是更为可取。 对象字面量 JavaScript中并没有类的概念，正如其他动态语言一样，JavaScript中的所有元素
阅读全文
摘要：bind方法，顾名思义，就是绑定的意思，到底是怎么绑定然后怎么用呢，下面就来说说我对这个方法的理解。 语法 fun.bind(this,arg1,arg2,...) bind()方法会创建一个新的函数，称为绑定函数,fun方法在this环境下调用 该方法可传入两个参数，第一个参数作为this，第二个
阅读全文
