随笔分类 - javaScript
js相关的所有随笔。
摘要：浏览器UI多线程及JavaScript单线程运行机制，是web前端的非常重要一个基础扩展知识，它是浏览器内核工作原理中最重要的一个部分，也是步入web前端工程师最基本的知识素养。
阅读全文
摘要：开篇一张图之队列模型 queue()如何使用？ queue()原理实现？ 基于queue()模拟实现animate() 一、使用queuer方法、理解队列原理 queue() dequeue() clearQueue() 1.创建队列$(selector).queue(queueName,funct
阅读全文
摘要：show()、hide()、toggle() 参数：null或(duration,easing,callblack) fadeIn()、fadeout()、fadeToggle()、fadeTo() 参数：null或(duration,[opacity],easing,callblack) slid
阅读全文
摘要：实例方法： on() one() off() trigger() hover() 一、绑定事件与jQuery事件委托 $(selector).eventType(fn); $(selector).on(event,childSelector,data,function); $(selector).o
阅读全文
摘要：这篇博客适应于入门，当然js和DOM的事件应用本身就是入门级别的知识点，这篇博客只要介绍如何绑定事件、解除事件、事件处理模型、及一些浏览器兼容性问题。
阅读全文
摘要：包裹 wrap() wrapInner() wrapAll() unwrap() clone() 数据缓存机制 data 文档处理（包裹） 1.1.wrap()--将所匹配的元素用其他元素结构化标签包裹起来（实际上就是给指定的元素添加父元素）。参数可以是HTML标记代码字符串；也可以是DOM元素对象
阅读全文
摘要：插入： insertBofore() before() insertAfter() after() appendTo() append() prependTo() prepen() 删除： remove() detach() //css <style type="text/css"> .wrappe
阅读全文
摘要：查找兄弟元素 向下查找兄弟元素 next() nextAll() nextUntil() 向上查找兄弟元素 prev() prevAll() prevUntil() 查找所有兄弟元素 siblings() 1.1.1.next()方法用来查找下一个兄弟元素，可以传参也可以不传参。参数可以是任意jQu
阅读全文
摘要：操作表单元素属性value的值 .val()--获取表单相关元素的val值（当jQuery对象是DOM集合时，返回的只有第一个元素的value的值，与html()方法类似）; .serialize()--获取form表单所有数据，返回字符串拼接形式；.serializeArray()--获取form
阅读全文
摘要：DOM取值与赋值 .html() .text() .size() 1.html()方法类似原生DOM的属性innerHTML，不传入参数的时候默认为取指定元素内的HTML内容，包含前后空白文本结构，以字符串类型返回；当被指定执行html()方法的jQuery对象是一组DOM集合时，获取到的内容是集合
阅读全文
摘要：一、简单的一些介绍 1.jQuery是由普通的是由一些系列操作DOM节点的函数和一些其他的工具方法组成的js库。 2.为什么要使用jQuery库？ jQuery面向用户良好的设计在使用过程中彻底解放了记忆原生操作DOM的接口。 jQuery中包含了可重用的函数，用来辅助我们简化JavaScript开
阅读全文
摘要：一、内置类型： 空值：null 未定义：undefined 布尔值：boolean 数字：number 字符串：string 对象：object 符号：symbol（ES6新增） 1.null类型的值类型是object，因为JavaScript语言这一历史遗留问题，如果要查看null的类型不能直接使
阅读全文
摘要：一、数字的语法 JavaScript中的数字字面量一般用十进制表示。在JavaScript中表示数字的数据类型只有一种Number，这种天使与魔鬼同体的数据类型也就只有js了。 然后还有一些奇葩的数字表示法： 一般情况下，奇葩都是成双成对的： 这种奇葩你认识它就好了，最好不要出现在你的代码里，记得这
阅读全文
摘要：JavaScript中调皮的undefined 在JavaScript中undefined只是一个标识符，不是关键字，这个很不靠谱的标识符还不能像其他符号一样随意使用，一方面是需要它的原始值保持不变，另一方面是用法不当还会产生很多意向不到的bug。有这种不靠谱的标识符的语言遗留问题，我们在编程时为了
阅读全文
摘要：首先，JavaScript的this指向问题并非传说中的那么难，不难的是机制并不复杂，而被认为不好理解的是逻辑关系和容易混淆的执行上下文。这篇博客也就会基于这两个不好理解的角度来展开，如要要严格的来对this的指向来分类的话，有三类不同的情况，一种是独立函数执行的指向机制，第二种就是引用指向机制，第
阅读全文
摘要：一些很重要的说明：前面三篇博客详细的介绍了，引擎与编译器和作用域的关系，重点需要理解的是编译器中的分词与词法分析，JavaScript的特有的“赋值操作的左右侧”引用操作；编译阶段的词法作用域的工作原理和eval、with的欺骗词法作用域；然后还有介绍了函数作用域与块级作用及相关的ES6新特性，接着
阅读全文
摘要：一个先有鸡还是先有蛋的问题，先看一段代码： 通常我们都说JavaScript代码是由上到下一行一行执行，但实际这段代码输出的结果是2。但这段代码并不能为我们要讨论的问题提供完整的参考意义，所以再看一下代码： 这段代码的测试结果输出了undefined。 这两段代码打破了我们常说的JavaScript
阅读全文
摘要：这篇博客主要对词法作用域与欺骗词法作用域、函数作用域与块级作用域、函数内部的变量提成原理进行详细的分析，在这篇博客之前，关于作用域、编译原理、浏览器引擎的原理及关系在javaScript的作用域和闭包(一)有详细的阐述，而今天这篇博客是在其基础上对作用域的工作原理进行深入的分析，所有如果有对编译和引
阅读全文
摘要：一、DOM继承树 DOM——Document Object Model DOM定义了表示修改文档所需要的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和xml的一类厂商定义，也有人称DOM是对HTML以及xml的标准编程接口。 继承树模型图： 1.document继承于HTMLDo
阅读全文
摘要：一、作用域是什么？ 几乎所有的编程语言最基本的功能之一，就是能够存储变量的值，并且能访问和修改这些值。 修改变量值的过程我们通常在程序执行时，称为改变一个对象的状态。有了状态，让程序变得有非常有趣。 然而，这些变量存在哪里？程序又是如何找到它们的？ 这些问题就说明需要一套设计良好的规则来存储变量，并
阅读全文
