随笔分类 -  JavaScript

摘要:大概意思是:浏览器中的任务队列不止一个,且优先级也不同。基本上可以分为如下两种:macro-task: script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI renderingmicro-task: process.nextTick 阅读全文
posted @ 2020-07-11 05:35 starof 阅读(299) 评论(0) 推荐(0) 编辑
摘要:时间戳: 时间戳是自 1970 年 1 月 1 日(00:00:00 GMT)以来的秒数。它也被称为 Unix 时间戳(Unix Timestamp)。 JavaScript 获取当前时间戳: update20170908 今天get到还有两种获取时间戳的方法 Tips: 性能由高到低:Date.n 阅读全文
posted @ 2017-05-19 13:56 starof 阅读(6292) 评论(0) 推荐(0) 编辑
摘要:一、未使用预加载技术前 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>图片预加载之无序加载</title> <style> .box { text-align: center; } .btn { di 阅读全文
posted @ 2017-05-17 14:44 starof 阅读(1071) 评论(0) 推荐(2) 编辑
该文被密码保护。
posted @ 2017-05-16 10:32 starof 阅读(2) 评论(0) 推荐(0) 编辑
摘要:本文主要是列出一些javascript 相关的,不限于javascript的,容易记错或者遗忘的小知识,小技巧。 1、javascript中的false 在 JavaScript,常见的 false 值: 要注意空数组([])和空对象({}): 所以在 if 中,[] 和 {} 都表现为 true。 阅读全文
posted @ 2017-05-07 10:13 starof 阅读(593) 评论(0) 推荐(0) 编辑
摘要:封装一个能够隔离浏览器差异的JavaScript库EventUtil,主要是使用能力检测。 var EventUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEven 阅读全文
posted @ 2017-04-27 11:03 starof 阅读(590) 评论(0) 推荐(1) 编辑
摘要:精确来说,ES1 ~ ES5 中的数字是 ECMA-262 标准的版本号(edition)。 即:Standard ECMA-262, 1st Edition(其实第一个版本是没有版本号的)Standard ECMA-262, 2nd EditionStandard ECMA-262, 3rd Ed 阅读全文
posted @ 2017-04-13 11:03 starof 阅读(5990) 评论(0) 推荐(0) 编辑
摘要:一、语法说明 1、parseInt() parseInt:将字符串转换成整数 parseInt(string, radix) string要被解析的字符串。 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。 如果省略该参数或其值为 0,则数字将以 10 为基础来解析。如果它以 “0x” 阅读全文
posted @ 2017-04-11 14:25 starof 阅读(1653) 评论(0) 推荐(0) 编辑
摘要:Quick test for real understanding of JavaScript core beyound closures and scopes. Here five small scripts. Try to answer what will be alerted in each 阅读全文
posted @ 2017-04-07 14:28 starof 阅读(662) 评论(0) 推荐(0) 编辑
摘要:JavaScript具有自动垃圾回收机制,也就是说,执行环境会负责管理代码执行过程中使用的内存。开发人员不用关心内存使用问题,所需内存的分配以及无用内存的回收完全实现了自动管理。 这种垃圾回收机制原理很简单:找出那些不再继续使用的变量,然后释放其占用的内存。为此,垃圾收集器会按照固定的时间间隔(或代 阅读全文
posted @ 2017-03-21 17:39 starof 阅读(1156) 评论(0) 推荐(0) 编辑
摘要:一、触摸事件 touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在了屏幕上也会触发。 touchmove:当手指在屏幕上滑动时连续地触发。在这个世界发生期间,调用preventDefault()可以阻止滚动。 touchend:当手指在屏幕上移开时触发。 touchcancel:当系统 阅读全文
posted @ 2017-03-17 17:08 starof 阅读(6250) 评论(0) 推荐(0) 编辑
摘要:DOM2级的变动(mutation)事件能在DOM中某一部分发送变化时给出提示。变动事件为XML或HTML DOM设计的,并不特定于某种语言。DOM2级定义了如下变动事件。 DOMSubtreeModifined:在DOM结构发生任何变化的时候。这个事件在其他事件触发后都会触发。 DOMNodeIn 阅读全文
posted @ 2017-03-16 18:05 starof 阅读(1430) 评论(0) 推荐(0) 编辑
摘要:键盘事件如下: keydown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件。 keypress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件。 keyup:当用户释放键盘上的键时触发。 只有一个文本事件:textInput。textInput是对 阅读全文
posted @ 2017-03-16 15:22 starof 阅读(4993) 评论(0) 推荐(0) 编辑
摘要:滚轮事件其实就是一个mousewheel事件,这个事件跟踪鼠标滚轮,类似Mac的触屏版。 一、客户区坐标位置 鼠标事件都是在浏览器视口的特定位置上发生的。这个位置信息保存在事件对象的clientX和clientY属性中。所有浏览器都支持者两个属性。clientX和clientY表示事件发生时鼠标指针 阅读全文
posted @ 2017-03-16 13:07 starof 阅读(18696) 评论(0) 推荐(0) 编辑
摘要:JavsScript中对象继承关系变得无关紧要,对于一个对象来说重要的是它能做什么,而不是它从哪里来。 JavaScript提供了一套更为丰富的代码重用模式。它可以模拟那些基于类的模式,同时它也可以支持其他更具表现力的模式。 JavaScript是一门基于原型的语言,这意味着对象直接从其他对象继承。 阅读全文
posted @ 2017-03-09 17:52 starof 阅读(2579) 评论(0) 推荐(1) 编辑
摘要:递归函数就是会直接或者间接调用自身的一种函数。递归是一种强大的编程技术,它把一个问题分解为一组相似的子问题,调用自身去解决它的子问题。 一、汉诺塔 问题描述:有3根柱子和一套直径各不相同的空心圆盘。开始时源柱子上的所有圆盘都按照从小到大的顺序堆叠。目标是通过每次移动一个圆盘到另一根柱子,最终把一堆圆 阅读全文
posted @ 2017-03-06 17:56 starof 阅读(2230) 评论(0) 推荐(0) 编辑
摘要:可以通过给Function.prototype增加方法来使得该方法对所有函数可用。 通过给Function.prototype增加一个method方法,下次给对象增加方法的时候就不必键入prototype这几个字符了。 一、JavaScript增加整数类型 JavaScript没有专门的整数类型,但 阅读全文
posted @ 2017-03-06 16:32 starof 阅读(591) 评论(0) 推荐(0) 编辑
摘要:createDocumentFragment作用是什么? 快速响应,提高效率,提升用户体验。 调用document.body.append(),每调用一次都要刷新页面 一次。效率就低了。 用document.createFragment()创建一个文档碎片,把所有的新节点附加在其上,最后把文档碎片的 阅读全文
posted @ 2017-02-23 16:11 starof 阅读(1643) 评论(1) 推荐(0) 编辑
摘要:一、什么是正则 在常见的字符串检索和替换中,我们需要提供一种模式表示检索或替换的规则。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。 abc [a-z]{4} \d\d\d 二、一个简单的例子 digital:数字 //2个斜杠括起来或者用new RegExp()表示正则,te 阅读全文
posted @ 2017-02-20 14:30 starof 阅读(492) 评论(0) 推荐(0) 编辑
摘要:运行结果: 阅读全文
posted @ 2017-02-20 10:27 starof 阅读(426) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示