JavaScript - 随笔分类 - linkFly

摘要：

随着应用的庞大，项目中 JavaScript 的代码也会越来越臃肿，这时候许多 JavaScript 的语言弊端就会愈发明显，而 TypeScript 的出现，就是着力于解决 JavaScript 语言天生的弱势：静态类型。这个系列的文章会带大家了解什么是 TypeScript，以及如何引入 TypeScript。阅读全文

posted @ 2017-10-12 11:08 linkFly 阅读(783) 评论(0) 推荐(1) 编辑

有了 indexOf，为什么 ECMAScript 7 还添加了 Array.prototype.include

摘要：最近又看了下 ECMAScript 7 规范，看到新的规范中包含了 Array.prototype.includes()，用于检测数组中是否包含某个元素想到了 Array 其实有很多相关 API 可以检测到是否包含某个元素于是好奇为什么要实现这样一个 "看起来功能有点重复的 API" 阅读全文

posted @ 2017-08-29 18:30 linkFly 阅读(1530) 评论(0) 推荐(3) 编辑

co.js - 让异步代码同步化

摘要：对于异步代码来说，回调函数是最基础的方案，带来的弊端也显而易见。 Promise 让代码扁平化，而 co 让代码同步化。阅读全文

posted @ 2016-10-01 00:55 linkFly 阅读(5192) 评论(1) 推荐(2) 编辑

记jQuery.fn.show的一次踩坑和问题排查

摘要：现在已经很少用jQuery了，因为主攻移动端，常用Zepto，其实很多细节和jQuery并不一样。最近又无意中接触到了PC的需求和IE6，使用了jQuery，刚好踩坑了，特意记录一下。阅读全文

posted @ 2015-11-12 12:09 linkFly 阅读(2944) 评论(6) 推荐(1) 编辑

JavaScript - 基于CSS3动画的实现

摘要：探索现代画风的js动画：随着HTML5的降临，带来了强劲的CSS3动画，本文主要探讨：乘着CSS3的风，实现JS动画。阅读全文

posted @ 2015-07-21 11:50 linkFly 阅读(6469) 评论(8) 推荐(6) 编辑

JavaScript - 如果...没有方法

摘要：这篇文章源于我上一周所读的一篇12年的文章。原作者提出了一个问题，如果js没有原生方法Math.round()，我们如何去实现呢？对此我和我的基友进行了小小探讨，并给出了一些有意思的答案。阅读全文

posted @ 2015-03-25 21:53 linkFly 阅读(3728) 评论(23) 推荐(15) 编辑

JavaScript下的setTimeout(fn,0)意味着什么？

摘要：近期在研究异步编程的我对于setTimeout之类的东西异常敏感。在SegmentFault上看到了一个问题《关于SetTimeout时间设为0时》：提问者读了一篇文章，原文解释setTimeout延迟时间为0时会发生的事情，提问者提出了几个文章中的几个疑点。读了那篇文章之后发现原文的作者对于set... 阅读全文

posted @ 2015-03-12 23:02 linkFly 阅读(17333) 评论(44) 推荐(41) 编辑

JavaScript异步编程（2）- 先驱者：jsDeferred

摘要：JavaScript当前有众多实现异步编程的方式，最为耀眼的就是ECMAScript 6规范中的Promise对象，它来自于CommonJS小组的努力：Promise/A+规范。研究javascript的异步编程，jsDeferred也是有必要探索的：因为Promise/A+规范的制定基本上是奠定在... 阅读全文

posted @ 2015-03-02 23:42 linkFly 阅读(1874) 评论(1) 推荐(5) 编辑

编写更加稳定/可读的javascript代码

摘要：[博客装修完成，速度戳进来]每个人都有自己的编程风格，也无可避免的要去感受别人的编程风格——修改别人的代码。"修改别人的代码"对于我们来说的一件很痛苦的事情。因为有些代码并不是那么容易阅读、可维护的，让另一个人来修改别人的代码，或许最终只会修改一个变量，调整一个函数的调用时机，却需要花上1个小时甚至更多的时间来阅读、缕清别人的代码。阅读全文

posted @ 2015-02-07 21:41 linkFly 阅读(2993) 评论(5) 推荐(21) 编辑

jQuery源码解读 - 数据缓存系统：jQuery.data

摘要：jQuery在1.2后引入jQuery.data（数据缓存系统），主要的作用是让一组自定义的数据可以DOM元素相关联——浅显的说：就是让一个对象和一组数据一对一的关联。一组和Element相关的数据如何关联着这个Element一直是web前端的大姨妈，而最初的jQuery事件系统照搬Dean Edw... 阅读全文

posted @ 2014-09-28 13:33 linkFly 阅读(2922) 评论(0) 推荐(7) 编辑

Javascript - Arraylike的7种实现

摘要：jQuery的崛起让ArrayLike（类数组）在javascript中大放异彩，它的出现为一组数据的行为（函数）扩展提供了基础。类数组和数组相似，具有数组的某些行为，但是它相比数组可以更加自由的扩展，它的存在让一组数据的表现不再受限于数组，也无需去污染数组本身的原型——它来自javascript对... 阅读全文

posted @ 2014-09-01 10:52 linkFly 阅读(2943) 评论(3) 推荐(2) 编辑

读jQuery源码 - Callbacks

摘要：代码的本质突出顺序、有序这一概念，尤其在javascript——毕竟javascript是单线程引擎。javascript拥有函数式编程的特性，而又因为javascript单线程引擎，我们的函数总是需要有序的执行。优秀代码常常把函数切割成各自的模块，然后在某一特定条件下执行，既然这些函数是有序的执... 阅读全文

posted @ 2014-08-03 00:24 linkFly 阅读(1624) 评论(2) 推荐(1) 编辑

Web UI - Javascript之DOM Ready

摘要：最近终于稍微适应了工作环境，终于可以让自己缓口气。于是决定要写点东西，算是督促、记录和提升自己的学习。代码的世界，你不轮它，以后就会被它轮。这个系列尽量保持在一周或两周更一篇，目标是在创造内容的时候更深刻的理解和提升自己所学的知识，本质上，接触Javascript编程之美，我转到前端工作，其实就是... 阅读全文

posted @ 2014-07-21 00:03 linkFly 阅读(1102) 评论(2) 推荐(0) 编辑

JavaScript滚动条插件源码

摘要：这是过年的时候自己写的js滚动条插件的源码，做出的效果自己并不满意，正因为做的并不满意所以回头重新巩固和深入学习js，这个插件有如下几个不太满意的地方：内容的过度效果，可以参阅QQ客户端最近会话列表里的滚动条，它的滚动非常的平滑，简单的说就是缺少动画过渡效果。并不算完美的兼容性，在IE6、7下的style仍然有点缺憾。样式的不完美，例如鼠标悬浮才显示滚动条，移除后隐藏这种效果都没有写。内部结构的混乱，需要调整内容结构。滚动条那个图片毕竟不是美工，自己切图切的真是恶心到爆了...囧总体来说还是可以看的，还是缺少一个动画。在写这个插件意识到自己的插件用到了一些比较基础的函数，于是想到把这些函数应该阅读全文

posted @ 2014-04-12 12:42 linkFly 阅读(980) 评论(0) 推荐(0) 编辑

Ajax异步刷新地址栏url改变（利用Html5 history.pushState实现）

摘要：众所周知：ajax可以实现页面的局部刷新，可以做到非常奈斯的数据加载效果，给用户带来非常良好的体验，但是ajax的除了会曝露一些不太安全的服务器信息之外，最蛋疼的就是不能在浏览器的历史会话中保留记录。当你点开一个页面，ajax各种数据加载各种欢乐啊，例如一个列表页面，异步加载来翻页，结果用户一不小心刷新了页面，那么页码就得重新开始计算，一旦用户改变了会话状态（浏览器的前进、后退、刷新），那么ajax就会丢失相关的数据。而html5中history.pushState()的出现让ajax可以实现异步刷新并改变浏览器会话历史，也就是说即使用户刷新、前进、后退操作后，仍然可以保持当前数据的状态。那么我们一起来探讨一下pushState的用法吧。阅读全文

posted @ 2014-01-23 14:55 linkFly 阅读(9625) 评论(4) 推荐(4) 编辑