随笔分类 - JavaScript
摘要：做了一个网站，放到线上，用微信打开，点击分享，可是分享后发给朋友的链接卡片是微信默认自带的，如下： 这标题，描述以及图片是默认自带的，丑不说，分享给别人还以为是盗号网站呢，而接入微信的JSSDK后，分享可以自定义内容，如下： 我承认，虽然这分享的标题和内容也并不正经，但这不妨碍我表达 我们可以通过微
阅读全文
摘要：我觉得今天我运气特好，今天我们来赌一赌，我们来搞个随机数，Math.floor(Math.random()*10)，如果这个数等于0到7，这个月的饭，我全请了，如果是8或9，你就请一个礼拜成不？于是你想了想，万一我真运气这么好，那不是完了。。于是我追加说，我们来玩5盘，5盘中有一盘0到7，就我请，...
阅读全文
摘要：1、输入一个正整数n，从1累加到n，返回结果。（如果输入为非正整数，如：小数、0、负数、NaN或其它非数字则返回false）function f(n){ return ~~+n == n && n > 0 ? n * ++n / 2 : false;}2、用reduce计算数组的和function...
阅读全文
摘要：如题，就以chrome为代表举例说明遇到mousemove的问题。为body分别绑定onmousedown、onmousemove、onmouseup，并为触发时打印至控制台。代码如下（同学不要忘记body要全屏，并在body上执行操作）： 1 var body = document.body; 2...
阅读全文
摘要：1、识别浏览器呈现引擎为了不在全局作用域中添加多余变量，这里使用单例模式（什么是单例模式？）来封装检测脚本。检测脚本的基本代码如下所示： 1 var client = function() { 2 var engine = { 3 ie: 0, 4 geck...
阅读全文
摘要：最早由Netscape Navigator 2.0引入的navigator对象，现在已经成为识别客户端浏览器的事实标准。虽然其它浏览器也通过其它方式提供了相同或相似的信息（例如，IE中的window.clientInformation和Opera中的window.opera），但navigator对...
阅读全文
摘要：window.location可获取地址栏的一系列信息，并且每个浏览器都支持该属性，非常方便。而获取到的问号后面的参数可以进行加工转变成我们所想要的键值对。location的属性：属性名例子说明hash“#contents”返回URL的hash（#后跟零或多个字符），如果URL中不包含散列，则返回空...
阅读全文
摘要：GUID（全局统一标识符）是指在一台机器上生成的数字，它保证对在同一时空中的所有机器都是唯一的。通常平台会提供生成GUID的API。生成算法很有意思，用到了以太网卡地址、纳秒级时间、芯片ID码和许多可能的数字。GUID的唯一缺陷在于生成的结果串会比较大。 GUID的格式为：xxxxxxxx-x...
阅读全文
摘要：先说明，此处的方法是说超级简单的方法，不是指代码超级少，而是用非常简单的知识点，只要懂得怎么写JavaScript的行内样式就可以判断。 大家应该还记得JavaScript行内样式怎么写吧？（看来我是废话了！） 在前端开发过程中，有时我们需要判断浏览器的内核前缀，对不同的浏览器做出不同的处理...
阅读全文
摘要：说好的讲解JavaScript继承，可是迟迟到现在讲解。废话不多说，直接进入正题。 既然你想了解继承，证明你对JavaScript面向对象已经有一定的了解，如还有什么不理解的可以参考《面向对象JS基础讲解，工厂模式、构造函数模式、原型模式、混合模式、动态原型模式》，接下来讲一般通过那些方法完成...
阅读全文
摘要：什么是面向对象？面向对象是一种思想！（废话）。 面向对象可以把程序中的关键模块都视为对象，而模块拥有属性及方法。这样我们如果把一些属性及方法封装起来，日后使用将非常方便，也可以避免繁琐重复的工作。接下来将为大家讲解在JS中面向对象的实现。 工厂模式 工厂模式是软件工程领域一种广为人知的设计...
阅读全文
摘要：事件对象——兼容处理1 /* 2 * 功能: 事件对象兼容3 * 参数: 表示常规浏览器的事件对象e4 */5 function getEvent(e) {6 // 如果存在e存在，直接返回，否则返回window.event7 return e || window.event;...
阅读全文
摘要：一般我们利用element.style.属性来获取CSS的样式，而此方法只能获取标签内的样式，无法获取头部或引入的样式，因此，而我们又需要获取其样式，则我们可以使用：（其中element为标签，proName为属性）document.defaultView.getComputedStyle(elem...
阅读全文
摘要：document.getElementById('Id名'); // 所有浏览器document.getElementsByTagName('标签名'); // 所有浏览器document.getElementsByName('name'); ...
阅读全文
摘要：JavaScript中，apply()与call()的含义一样，均为改变调用函数中的this指向。其中apply()与call()的第一个参数表示所要指向的对象，若调用函数无参数可不写，则默认为window。第一个参数后的参数表示调用函数的参数，其中apply()第一个参数后面的参数为一个数组，ca...
阅读全文
摘要：JavaScript中，父元素包含子元素： 当父级设置onmouseover及onmouseout时，鼠标从父级移入子级，则触发父级的onmouseout后又触发onmouseover；从子级移入父级后再次触发父级的oumouseout后又触发onmouseover。而如果onmouseov...
阅读全文