javascript
Ivanzn
这个作者很懒,什么都没留下…
展开
-
几种存储方式的比较
相同点 不同点 LocalStorage 都是 window 的属性, 都能临时存储数据 1. 长期存储的数据写入LocalStorage 2. 无论窗口是否关闭,都会被存储,不会清空 SessionStorage 1. 临时会话的数据写入SessionStorage 2. 窗口关闭时,数据自动清空 相同点 不同点 LocalStorage 都能临时存储数据 ...原创 2020-08-12 21:20:13 · 572 阅读 · 0 评论 -
JSONP 与 同源策略
如有错误,欢迎批评指正!StackOverflow :What Is Difference Between Json and Jsonp? 同源策略:同源策略高赞老哥的回答:JSONP 是一种能够克服浏览器从 different domains 发送 JSON 请求到 client 限制时的方法。 补充:浏览器具有同源策略,它会阻止 making ajax call from different domains from server(禁止跨域调用)。...原创 2020-06-09 19:50:21 · 163 阅读 · 0 评论 -
jQuery 中的事件冒泡、事件捕获的一些细节
如有错误,欢迎批评指正!JavaScript 中的事件处理机制这个部分比较简单,不详细讲了jQuery 中的事件处理机制、事件默认行为事件冒泡浏览器大部分的事件都是支持冒泡的,只有少数事件不支持,比如:focus、blur。针对的,jQuery 中有focusin、focusout支持冒泡。 有两种方法可以取消绑定事件的事件冒泡: event.stopPropagation(); (该方法对 trigger 自定义事件同样有效。因为从jQuery 1.3 开始,trig...原创 2020-06-08 09:59:27 · 1630 阅读 · 0 评论 -
jQuery 不同版本中 offsetParent 方法的终点不同的问题
使用 "jquery-3.4.1" 版本的 offsetParent 方法的终点是 html而使用 https://www.w3school.com.cn/jquery/jquery.js” 版本的 offsetParent 方法的重点是 body。这与原生 js 中的 offsetParent 方法的终点相同。原创 2020-06-06 22:06:56 · 164 阅读 · 0 评论 -
无缝轮播图
文章目录前言无缝轮播图写法一原理与实现步骤难点优缺点伪代码前言如有错误,欢迎批评指正!无缝轮播图写法一原理与实现步骤无序列表的移动列表的减速运动无缝实现锁(点击移动与默认移动的互锁)难点锁机制的设计、实现列表的减速运动优缺点优点缺点思维难度小、容易实现锁机制设计比较复杂伪代码<!-- html 代码 --><div class="wrapper"><!-- 无序列表 --> <ul>原创 2020-05-28 12:26:19 · 282 阅读 · 0 评论 -
dom 0 / 2级事件 & 事件流
总言dom 0/2 级事件、事件流是两个不同的概念。为了分辨它们(提醒自己),我写了此篇小记。如有错误,欢迎批评指正!dom 0/2 级事件dom 0 级事件:通过事件绑定的方式,给 dom 元素注册事件处理函数。它的特点是只能绑定一个事件(后面会覆盖前面)。dom 2 级事件:相比于 dom 0 级更加灵活(可以绑定多个、可以选择不同的事件流)解除 dom 0 级事件:dom.onXXX = false / null / undefined解除 dom 2 级事件:..原创 2020-05-26 21:53:01 · 211 阅读 · 0 评论 -
调试关于计时器的一个技巧
setInterval 、setTimeout 的调试,有一个技巧:var timer = null;function test() { console.log("begin"); // 计时器开始 clearInterval(timer); timer = setInterval(function() { if(xxx) { clearInterval(timer); console.log("原创 2020-05-26 21:35:29 · 887 阅读 · 0 评论 -
用正则表达式去掉html标签的属性
现在,我们有如下的一个字符串:var str = "<td style=\"width: 23px; height: 26px;\" align=\"left\">***</td>"; 首先,使用正则表达式匹配标签中的 ”属性名 = 属性值(包括了有引号的、没引号的)”var reg = /\s*[^=\s+]+\s*=\s*([^=>]+)...原创 2019-12-17 21:14:40 · 1632 阅读 · 0 评论 -
用正则表达式给 html 标签的属性值添加引号
现在,我们有如下的一个字符串:var str = "<a href = xxx name=aaa target=_blank title='asdfasf' onclick = alert('blueidea')>";注意到,里面有些属性没有打引号,那我们怎么做呢?首先,使用正则表达式匹配标签中的属性值(包括了有引号的、没引号的)var reg = /(?<...原创 2019-12-17 20:44:43 · 727 阅读 · 0 评论 -
重写 typeof 方法
function type(target) { var template = { "[object Array]": "array", "[object Object]": "object", "[object Number]": "number object", "[object String]": "string object", "[object Boolean]":...原创 2019-11-23 20:39:42 · 368 阅读 · 0 评论