随笔分类 - javascript
摘要：1、var colors =['red','blue','green']; console.log(colors.toString()); // red,blue,green 总结：toString()方法 会返回数组中每个字符串形式拼接而成的以一个逗号分开的字符串 2、var colors =['
阅读全文
摘要：async 和await 在干什么？ async 用于声明一个function是异步的 await用于等待一个异步方法执行完成（其实我理解的是等待的是一个表达式，就是一个结果）， 其中 await只能出现在async函数中 async 的返回值是一个promise对象 相对于 promise来说，a
阅读全文
摘要：function sum (m,n){ var num = Math.floor(Math.random()*(m - n) + n); alert(num) } sum(1,100)； 万能 公式，不管多少范围的随机数都可以取到
阅读全文
摘要：用户状态管理 history.pushState()方法接收三个参数： 1）状态对象 2）新状态的标题 3）可选的相对URL history.replaceState()方法接收三个参数： 1）状态对象 2）新状态的标题
阅读全文
摘要：draggable 默认情况下，图像，链接，文本是可以拖动的。文本只有被选中的情况下才能拖动，而图像和链接在任何时候都可以拖动的 图片和链接的draggable默认为true，如果不想让被拖动，则设置为false即可
阅读全文
摘要：dataTransfer对象，它是事件对象的一个属性，用于从被拖动元素向放置目标传递字符串格式的数据。（只能在事件处理程序中访问） dataTransfer对象的方法：1）getData() 2）setData()
阅读全文
摘要：*** 通过拖拽事件，可以控制拖放相关的各个方面*** 拖动某元素时，将依次触发下列事件：1）dragstart 2）drag 3）dragend 拖动开始：ondragstart 拖拽过程：ondrag 拖拽停止：ondragend 当某个元素被拖动到放置目标上，将依次触发下列事件：1）drage
阅读全文
摘要：跨文档消息传送（cross-document messaging），有时候简称XDM，指的是在来自不同域的页面间传递消息 XDM的核心：postMessage()方法 该方法接收两个参数： 1、一条消息（最好是string，如果是json，那就JSON.stringify()转成string） 2、
阅读全文
摘要：要在这块布上绘图，需要取得绘图上下文，而取得绘图上下文对象的引用，需要调用getContext()方法并传入上下文的名字，传入“2d”,就可以取得2d上下文对象 用toDataURI方法可以导出canvas元素绘制的图像 fillStyle是填充，strokeStyle'是描边，fillRect是绘
阅读全文
摘要：事件委托 ： 对“事件处理程序过多”问题的最好解决方案 利用了事件冒泡，只是指一个事件处理程序，就可以管理某一类型的所有事件。
阅读全文
摘要：一、触摸事件 touchstart：当手指触摸屏幕时触发；即使已经有一个手指放在了屏幕上也会触发 touchmove：当手指在屏幕上滑动时连续的触发。 touchend：当手指在屏幕上移开时触发。 二、手势事件 gesturestart：当一个手指已经按在屏幕上而另一个手指又触摸屏幕时触发 gest
阅读全文
摘要：1、orientationchange事件 window.orientation属性中可能包含3个值：0 表示肖像模式，90 表示向左旋转的横向模式（“主屏幕”在右侧），-90表示向右旋转的横向模式 2、deviceorientation事件 （window） 意图是告诉开发人员设备在空间中朝向哪里
阅读全文
摘要：hashchange事件处理程序要添加给window对象，然后URL参数列表只要变化就会调用它。 此时event对象应该额外包含两个属性：oldURL和newURL 例子： EventUtil.addHandler(window,"hashchange",function(event){ conso
阅读全文
摘要：1.contextmenu事件 用于表示何时应该显示上下文菜单，以便开发人员取消默认的上下文菜单而提供自定义的菜单 2、DOMContentLoaded事件 是在形成完整的DOM树之后就会触发，不理会图像，javascript文件，css文件或者其他资源是否加载完毕 而window的load则是会在
阅读全文
摘要：var EventUtil = { addHandler : function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false) }else if(ele
阅读全文
摘要：1、可以通过以下代码取得鼠标事件的客户端坐标信息; var btn = document.getElementById("btn"); EventUtil.addHandler(btn,"click",function(event){ event = EventUtil.getEvent(event
阅读全文
摘要：load ： 在window对象上发生的 unload ： 在window对象发生 resize：window对象上发生的，当浏览器窗口被调整到一个新的高度或者宽度的时候就会触发 scroll ： 在window对象上发生，但实际表示的则是页面中相应元素的变化。混杂模式中，可通过body的srcol
阅读全文
摘要：currentTarget ： 事件处理程序当前正在处理事件的那个元素 this ： 当前的事件发生的元素 target ： 事件的目标 currentTarget和this值是始终相等的，但是target只包含事件的实际目标 如果直接将事件处理程序指定给了目标元素，那么三者包含了相同的值
阅读全文
摘要：eventPhase 可以来识别 eventPhase等于1，捕获阶段 eventPhase等于2，事件处理程序处于目标对象上 eventPhase等于3，冒泡阶段调用的事件处理程序 注意：尽管“处于目标”发生在冒泡阶段，但是依然等于2
阅读全文
摘要：DOM2级时间定义了两个方法：addEventListener() 和removeEventListener() 他们都接受3个参数：1）要处理的事件名 2）作为事件处理程序的函数 3）一个布尔值 （ps：true表示捕获阶段调用事件处理程序，false表示冒泡阶段调用事件处理程序） 使用DOM2比
阅读全文
浙公网安备 33010602011771号