zxNoral

导航

随笔分类 -  JavaScript

EventLoop-浏览器篇2
摘要：最近又碰到了event loop问题，之前研究的实在是浅显（🔗https://www.cnblogs.com/zx0423/p/12641637.html）所以今天主要讲述promise的链式调用，async/await，requestAnimationFrame以及MutationObserve 阅读全文

posted @ 2020-08-27 20:51 zxNoral 阅读(242) 评论(1) 推荐(0)

动画实现-微信语音小喇叭样式
摘要：主要实现了点击喇叭可实现动画效果，再次点击可静止。 React中， jsx部分：设置喇叭基本样式，以及触发事件等。 关于className的解释：关于是否点击按钮，来判断喇叭展示的样式。（鄙人能力不够，只能通过这种方法控制） this.state = { btnStatus: true, } cha 阅读全文

posted @ 2020-08-09 19:59 zxNoral 阅读(1804) 评论(0) 推荐(0)

JS与React分别实现倒计时（天时分秒）
摘要：JS方法 html部分 <div class="clock"> <i></i> 天 <i></i> : <i></i> : <i></i> 后截止统计 </div> css部分 .clock{ width: 13.7rem; height: 1rem; margin-top:31.42rem; co 阅读全文

posted @ 2020-08-09 19:42 zxNoral 阅读(968) 评论(0) 推荐(0)

原生JS实现‘点击元素切换背景及字体等’
摘要：通过原生JS，实现点击某元素，使得背景颜色和文本样式及颜色的改变。 1、HTML部分 <body> <div class="top"> <span onclick="colChange()" id='span1'> <section class="s11"> <p class="sp111">TOP 阅读全文

posted @ 2020-07-28 20:17 zxNoral 阅读(776) 评论(0) 推荐(0)

数组去重方法整理
摘要：最近，碰到了数组去重，我来办它啦！ 方法一：最容易想到的思路 1、创建一个新数组，并循环遍历原数组，将遍历的元素依次存放到新数组中； 2、循环遍历时，在新数组中对比是否有重复元素，如果有则终止遍历，否则，存放至新数组。 【注】为了兼容更多浏览器，我使用的是for循环，而没有用forEach简化。 l 阅读全文

posted @ 2020-04-16 22:32 zxNoral 阅读(273) 评论(0) 推荐(0)

如何理解EventLoop--浏览器篇
摘要：前言 最近在准备春招，刷到了JS中的主要运行机制--Event Loop，觉得它的实现思路有必要整理一下，以防忘记。关于它在浏览器上的实现，我结合了自己的理解以及示例代码，想用最通俗的语言表达出来。如果在文中出现书写错误的地方，欢迎大家留言一起探讨。 正文 关于Event Loop，宏任务，微任务的 阅读全文

posted @ 2020-04-06 20:38 zxNoral 阅读(243) 评论(0) 推荐(0)

关于Ajax请求的JS封装函数
摘要：每次连接ajax都要重复写很多代码，所以写了一个JS封装函数，如下： function ajax(obj){ //创建对象 var xhr = new XMLHttpRequest(); //处理URL：拼接随机数，防止浏览器缓存 if(obj.url.indexOf('?') 1) //代表原ur 阅读全文

posted @ 2020-02-21 09:50 zxNoral 阅读(409) 评论(0) 推荐(0)

JavaScript运动_封装模板(支持链式运动、完美运动)
摘要：最近自学到了JS运动部分，自己整理了一些js模板，望采纳。 1.支持链式运动的模板： 先解释一下函数中的几个参数含义： 1）obj: 要操作的对象 2）target: 属性要到达的目标值 3）attr: 要操作的属性值 4）callback: 回调函数 注：调用函数时，回调函数可不写 2.支持完美运 阅读全文

posted @ 2020-02-12 16:27 zxNoral 阅读(207) 评论(0) 推荐(0)