随笔分类 -  JavaScript

摘要:前言  最近实施的同事报障,说用户审批流程后直接关闭浏览器,操作十余次后系统就报用户会话数超过上限,咨询4A同事后得知登陆后需要显式调用登出API才能清理4A端,否则必然会超出会话上限。  即使在页面上增添一个登出按钮也无法保证用户不会直接关掉浏览器,更何况用户已经习惯这样做,增 阅读全文
posted @ 2016-07-07 06:54 ^_^肥仔John 阅读(7829) 评论(1) 推荐(2) 编辑
摘要:一、前言 在polyfill querySelectorAll 和写弹出窗时都需要判断两个节点间的位置关系,通过jQuery我们可以轻松搞定,但原生JS呢?下面我将整理各种判断方法,以供日后查阅。 二、祖孙关系 html <div id="ancestor"> <div id="parent"> < 阅读全文
posted @ 2016-03-02 11:29 ^_^肥仔John 阅读(2093) 评论(0) 推荐(1) 编辑
摘要:Brief 有时我们需要根据入参的数据类型来决定调用哪个函数实现,就是说所谓的函数重载(function overloading)。因为JS没有内置函数重载的特性,正好给机会我们思考和实现一套这样的机制。使用方式:function foo(... 阅读全文
posted @ 2016-01-26 10:37 ^_^肥仔John 阅读(989) 评论(0) 推荐(0) 编辑
摘要:Brief linkFly的《JavaScript-如果...没有方法》中提及如何手写Math.round方法,各种奇技淫招看着十分过瘾,最让我惊叹的是~~(x + 0.5 + (x >> 30)),完全通过加法和位运算搞定整数的四舍五入。... 阅读全文
posted @ 2016-01-20 10:56 ^_^肥仔John 阅读(2627) 评论(1) 推荐(2) 编辑
摘要:Brief 一天有个朋友问我“JS中计算0.7 * 180怎么会等于125.99999999998,坑也太多了吧!”那时我猜测是二进制表示数值时发生round-off error所导致,但并不清楚具体是如何导致,并且有什么方法去规避。于是用... 阅读全文
posted @ 2016-01-16 14:40 ^_^肥仔John 阅读(21543) 评论(4) 推荐(5) 编辑
摘要:Brief 本来只打算理解JS中0.1 + 0.2 == 0.30000000000000004的原因,但发现自己对计算机的数字表示和运算十分陌生,于是只好恶补一下。以下是恶补后的成果: 基础野:细说原码、反码和补码(http://ww... 阅读全文
posted @ 2016-01-14 18:30 ^_^肥仔John 阅读(1057) 评论(4) 推荐(0) 编辑
摘要:一、Breif 大家都知道instanceof一般就是用来检查A对象是否为B类或子类的实例。那问题是JS中没有类的概念更没有类继承的概念(虽然有构造函数),那么instanceof到底是怎样判断A对象是B构造函数的实例呢?本文将对此作分析记录... 阅读全文
posted @ 2015-07-30 17:57 ^_^肥仔John 阅读(1245) 评论(0) 推荐(1) 编辑
摘要:1. Brief ES6(ECMAScript 6th edition)于2015年7月份发布,虽然各大浏览器仍未全面支持ES6,但我们可以在后端通过Node.js 0.12和io.js,而前端则通过Traceur或Babel这类Transpiler将ES6语法预转译为ES5语法,来提前兴奋一把。而... 阅读全文
posted @ 2015-06-29 13:42 ^_^肥仔John 阅读(1621) 评论(0) 推荐(0) 编辑
摘要:一、前言 IE6~8除了不遵守W3C标准和各种诡异外,我想最让人诟病的应该是内存泄露的问题了。这阵子趁项目技术调研的机会好好的再认识一回,以下内容若有纰漏请大家指正,谢谢! 目录一大坨! 二、内存泄漏到底是哪里漏了? 2.1. JS En... 阅读全文
posted @ 2015-04-27 09:03 ^_^肥仔John 阅读(8367) 评论(10) 推荐(6) 编辑
摘要:一、前言 由于innerText并非W3C标准属性,因此我们无法在FireFox中使用它(修正:FF45+已经支持innerText属性),一般情况下我们可以使用textContent来代替,但它两者是否就能完全等同呢?在坑爹的表单元素(如input、textarea等)中表现是否依旧诡异呢?文本将 阅读全文
posted @ 2015-03-07 12:08 ^_^肥仔John 阅读(41420) 评论(0) 推荐(7) 编辑
摘要:一、前言 相信大家都熟悉通过字符实体来实现多个连续空格的输入吧!本文打算对三类HTML实体及JS相关操作作进一步的整理和小结,若有纰漏请大家指正,谢谢。二、初识HTML实体 ... 阅读全文
posted @ 2015-03-07 01:17 ^_^肥仔John 阅读(2300) 评论(2) 推荐(1) 编辑
摘要:一、何为异步 执行任务的过程可以被分为发起和执行两个部分。 同步执行模式:任务发起后必须等待直到任务执行完成并返回结果后,才会执行下一个任务。 异步执行模式:任务发起后不等待任务执行完成,而是马上执行下一个任务,当任务执行完成时则会收到通知。... 阅读全文
posted @ 2015-02-21 22:39 ^_^肥仔John 阅读(1524) 评论(0) 推荐(2) 编辑
摘要:一, 前言 深入学习Promise的朋友应该都看过这一系列的文章, 以解除回调地狱之外的观点来剖析Promise更多的内涵,确实十分精彩. Part 1: The Sync Problem(译文:http://segmentfault.com/... 阅读全文
posted @ 2015-02-16 06:19 ^_^肥仔John 阅读(1594) 评论(0) 推荐(0) 编辑
摘要:一、前言 当需要新元素时我们可以通过document.createElement接口来创建一个全新的元素,也可以通过克隆已有元素的方式来获取一个新元素。而在部分浏览器中,通过复制来获取新元素的效率比通过document.create... 阅读全文
posted @ 2014-12-21 20:14 ^_^肥仔John 阅读(4228) 评论(0) 推荐(0) 编辑
摘要:一、前言 第一次看koajs的示例时,发现该语句 function *(next){...............} ,这是啥啊?于是搜索一下,原来这是就是ES6的新特性Generator Function(生成器函数)。 那什么是生成器函数呢... 阅读全文
posted @ 2014-12-17 00:52 ^_^肥仔John 阅读(20460) 评论(2) 推荐(2) 编辑
摘要:一、前言 avalon.js的影响力愈发强劲,而作为子模块之一的mmDeferred必然成为异步调用模式学习之旅的又一站呢!本文将记录我对mmDeferred的认识,若有纰漏请各位指正,谢谢。项目请见:mmDeferred@github二、AP... 阅读全文
posted @ 2014-12-14 16:38 ^_^肥仔John 阅读(1024) 评论(0) 推荐(0) 编辑
摘要:一、前言 大家先预计一下以下四个函数调用的结果吧!var test = function(){ console.log('hello world') return 'fsjohnhuang'}test.ca... 阅读全文
posted @ 2014-12-13 11:49 ^_^肥仔John 阅读(5350) 评论(2) 推荐(0) 编辑
摘要:一、前言 jQuery.Deferred作为1.5的新特性出现在jQuery上,而jQuery.ajax函数也做了相应的调整。因此我们能如下的使用xhr请求调用,并实现事件处理函数晚绑定。var promise = $.getJSON('dumm... 阅读全文
posted @ 2014-12-13 08:32 ^_^肥仔John 阅读(1352) 评论(0) 推荐(0) 编辑
摘要:一、前言 今晚在知乎看到百姓网前端技术专家——贺师俊对《JavaScript 语句后应该加分号么?》的回答,让我又一次看到大牛的风采,实在佩服万分。但单纯的敬佩是不足以回报他如此优秀的文字,必须深入理解文字的含义和背后的原理才不愧呢! ... 阅读全文
posted @ 2014-12-10 15:20 ^_^肥仔John 阅读(3086) 评论(0) 推荐(3) 编辑
摘要:一、前言 由于JavaScript程序为单线程,因此在执行长时间的操作时(如循环和递归操作)到导致UI线程长期被阻塞,无法响应用户操作请求(如点击按钮等),让用户体验大打折扣。于是想到将一个长时间操作切片成N个小操作并异步执行,例如jsDef... 阅读全文
posted @ 2014-12-09 13:54 ^_^肥仔John 阅读(11045) 评论(4) 推荐(3) 编辑