随笔分类 - JavaScript
摘要：本文将介绍我自己对JS 和 的理解。 二话不说先上图： 接下来将会针对此图讲解什么是Event Loop 什么事宏任务和微任务（其实聪明的你们通过图大体也能了解的是吧~），再此之前先简单介绍几个概念。 为何js是单线程 JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScr
阅读全文
摘要：一：getComputedStyle getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。 语法如下： var style = window.getComputedStyl
阅读全文
摘要：类数组 - [ Array-like ] : objects 1. what's Array-like 类数组和数组很像，但是数组的很多方法却不能用，这就很尴尬了~ 像 arguments、nodelist 等这些数据有序集合，有长度和下标等属性,但却不是 Array. 这就是所谓的 Array-l
阅读全文
摘要：一：what's this? 柯里化： 是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。其实，柯里化就是用闭包原理实现函数参数的合并，然后再运行函数。 上面的代码，需要注意的是 storedArgs = slice.cal
阅读全文
摘要：javascript与HTML之间的交互是通过事件来实现的。事件，就是文档或浏览器窗口发生的一些特定的交互瞬间。通常大家都会认为事件是在用户与浏览器进行交互的时候触发的，其实通过javascript我们可以在任何时刻触发特定的事件，并且这些事件与浏览器创建的事件是相同的。 通过createEvent
阅读全文
摘要：DOM: <form id="clueForm" class="insert-dialog" action="/xxx/xxx"method="post" enctype="multipart/form-data" target="hidFrame"> <a href="javascript:voi
阅读全文
摘要：ECMAScript 5: setter和getter的使用方式： 1.set/get: 2.Object.defineProperty 对于setter和getter的使用场景： 1.私有变量 OR 2.数据绑定 （MVxx等框架的原理） 模板中每个指令/数据绑定都有一个对应的 watcher 对
阅读全文
摘要：我写个流程:在流程之前,必须写一下标识符是啥. 一句话,就是variable object的属性.而这个对象会被不同执行环境来决定. 比如全局环境下的variable object 就是 global, function code 类型的 执行环境，则是 acitvation object ,而 e...
阅读全文
摘要：1. 什么是JavaScript解析引擎？简单地说，JavaScript解析引擎就是能够“读懂”JavaScript代码，并准确地给出代码运行结果的一段程序。比方说，当你写了var a = 1 + 1;这样一段代码，JavaScript引擎做的事情就是看懂（解析）你这段代码，并且将a的值变为2。学过...
阅读全文
摘要：实际上，浏览器负责进行排序，指派某段代码在某个时间点运行的优先级。可以吧js想象成在时间线上运行的。JavaScript中没有任何代码是立刻执行的，但一旦进程空闲则尽快执行。1.重复的定时器：setInterval()的重复定时器存在两个缺点：（1）某些间隔会被跳过（2）多个定时器的代码执行之间的间...
阅读全文
摘要：状态和行为： 所谓对象的状态，通常指的就是对象实例的属性的值；而行为指的就是对象的功能，再具体点说，行为大多可以对应到方法上。 状态模式的功能就是分离状态的行为，通过维护状态的变化，来调用不同状态对应的不同功能。也就是说，状态和行为是相关联的，它们的关系可以描述为：状态决定行为。 由于状态是在运行期
阅读全文
摘要：工厂模式：是一种实现“工厂”概念的面上对象设计模式。实质是定义一个创建对象的接口，但是让实现这个接口的类来决定实例化哪个类。工厂方法让类的实例化推迟到子类中进行。创建一个对象常常需要复杂的过程，所以不适合在一个复杂的对象中。创建对象可能会导致大量的重复代码，也可能提供不了足够级别的抽象。工厂方法模式
阅读全文
摘要：方法的链式调用： 看看该类的每一个方法的最后一行，你会发现他们都以“returen this”结束。这将会用以调用方法的对象传个调用链上的下一个方法。支持链式调用的接口带来的可能性是无穷的。现在你可以这样编写代码： 这会把一个时事件监听器关联到window对象的load事件。它执行的时候回立即显示I
阅读全文
摘要：1 2 距离结束时间：3 4 天5 时6 分7 秒8 9 1 var time_wrap = document.getElementById("times_wrap"); 2 var time_...
阅读全文
摘要：一：单体模式简介： 是什么：将代码组织为一个逻辑单元，这个单元中的代码通过单一的变量进行访问。只要单体对象存在一份实例，就可以确信自己的所有代码使用的是同样的全局资源。 用途：1.用来划分命名空间，减少网页中全局变量的数目。 2.在分支技术中用来封装浏览器之间的差异。 3.单体对象创建的命名空间可以
阅读全文
摘要：前面一篇讲了js设计模式的前奏，包括接口的讲解.. 三：封装和信息隐藏： 信息隐藏用来进行解耦，定义一些私有的数据和方法。 封装是用来实现信息隐藏的技术，通过闭包实现私有数据的定义和使用。 接口在这其中扮演的角色是：提供一份记载着可公众访问的方法的契约，它定义了两个对象间可以具有的关系。 接下来介绍
阅读全文
摘要：一：首先，再回顾一下JavaScript： 1.数据类型 原始类型：布尔型、数值型、字符串类型 在就包括：对象类型（数组是一种特殊的对象）、函数类型 最后就是：空类型（null）、未定义类型（undefind） 注意：原始类型按值传送，其他数据类型则按引用传送。 toString() 数值或者布尔类
阅读全文
摘要：FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件，能够帮助你在项目轻松的创建漂亮的内容滚动效果。这款插件曾经连续多年入选 WDL 的年度最佳 jQuery 插件，值得大家在网站开发中试试。 温馨提示：响应式效果需要再 IE10+、Chrome、Firefox 和 Safari 等
阅读全文
摘要：1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个，如果有...
阅读全文
摘要：其中img是延迟加载所有图片，也可以根据不同模板作相应改动，比如我这个主题，可以改成#post img，这样只延迟加载#post 容器内的图片，否则可能影响到侧边图片的加载，主要是留言者头像可能会最后加载； fadeIn是图片显示效果这样基本就可以了！如果上面的功能可能没有达到你的要求，还有几个选项
阅读全文
浙公网安备 33010602011771号