随笔分类 - Javascript
摘要：解读typescript中 super关键字的用法 传统的js,使用prototype实现父、子类继承.如果父、子类有同名的方法,子类去调用父类的同名方法需要用 “父类.prototype.method.call(this)”.但是在typescript中,提供了一个关键字super,指向父类.su
阅读全文
摘要：JS pc端和移动端实现复制到剪贴板功能实现 在网页上复制文本到剪切板，一般是使用JS+Flash结合的方法，网上有很多相关文章介绍。随着 HTML5 技术的发展，Flash 已经在很多场合不适用了，甚至被屏蔽。本文介绍的一款JS插件，实现了纯JS方法复制文本到剪切板。 插件名是Clipboard.
阅读全文
摘要：工作中遇到需要点击按钮弹出一个独立的页面，并显示指定内容的问题，查了一些资料后，得到以下方法： locationPage.html将在新窗口中打开(_blank属性控制，详细资料见a标签的target属性)，高为100，宽为400，距页面顶0象素，页面左0象素，无工具条，无菜单条，无滚动条，不可调整
阅读全文
摘要：1. 将日期转换为指定的格式：比如转换成 年月日时分秒 这种格式：yyyy-MM-dd hh:mm:ss 或者 yyyy-MM-dd。当然是网上的方法，只是总结下。 比如我们可以这样调用下： var time1 = new Date().format("yyyy-MM-dd hh:mm:ss");c
阅读全文
摘要：如何消除一个数组里面的重复元素？(面试题目） 第一眼看到这个题目的时候，思路是，找出数组中的重复元素，然后删除掉即可。下面为具体代码实现： 上面这个方法比较简单，但是不足之处是，使用sort()方法之后，把原数组给改变了，下面为优化后的代码： 上面这个方法，遍历数组中的元素，比较其中任意两个是否相等
阅读全文
摘要：定义和用法： push() ：可向数组的末尾添加一个或多个元素，并返回新的长度。 语法 arrayObject.push(newelement1,newelement2,....,newelementX) 返回值 把指定的值添加到数组后的新长度。 说明 push() 方法可把它的参数顺序添加到 ar
阅读全文
摘要：this表示函数运行时，自动生成的一个内部对象，只能在函数内部运行 随着使用场景的变化，this的值会发生变化 原则：this指的值调用函数的那个对象 this指向对象说明如下： 1.纯粹的函数调用 2.函数作为某个对象的方法进行调用，这是this就指向这个上级的对象。 3.作为构造函数进行调用 注
阅读全文
摘要：1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2. 相同点：这两个方法的作用是一样的。 都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。 一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()
阅读全文
摘要：1.简单的封装（定义） 把cat1和cat2看成是一个对象，它们都具有三个属性。 缺点：一时如果有多个对象，写起来就比较麻烦，二是实例和原型之间没有任何联系。 2.原始模型封装（在1的基础上进行改进） 缺点：cat1和cat2没有什么内在联系，不能反应他们是同一原型对象的实例。 3.构造函数的封装
阅读全文
摘要：首先，百度统计会要求我们在要统计的页面中嵌入一段js语句，类似如下： <script type=”text/javascript”>var _bdhmProtocol = ((“https:” == document.location.protocol) ? ” https://” : ” http
阅读全文
摘要：第一种，媒体查询： 第二种：页面插入js（推荐）： 插入一段我自己写的测试例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
阅读全文
摘要：最近做浏览器界面倒计时，用js就实现，两种方式： 一：设置时长，进行倒计时。比如考试时间等等 代码如下： 运行结果： 二：设置时间戳，进行倒计时。比如距离活动结束时间等等 代码如下： 运行结果：
阅读全文
摘要：JavaScript对象的创建方式 在JavaScript中，创建对象的方式包括两种：对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式，例如： var o1 = { p:”I’m in Object literal”, alertP:function(){ alert(this.p)
阅读全文
