![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 58
发光吖
善始者实繁 克终者盖寡.
展开
-
不使用async+await,在for循环中使用Promise来 `消除回调`
使用ES7给我们提供的async和await,确实可以在一定程度上消除一些回调函数的使用,为我们的编程带来不少地方便。例如,现在有一个函数:function sleep(duration) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(); },duration) })}我们现在想利用以上的函数实现这样一个需求,程序每睡上一秒,就打印一个"ok",一共.原创 2022-03-03 21:11:31 · 991 阅读 · 0 评论 -
JavaScript yyds
JavaScript yydsJavaScript历史主流浏览器及其内核JavaScript中的数据类型typeof函数特殊情况显示类型转换隐式类型转换函数命名函数声明匿名函数表达式实参列表---argumentsjs运行三部曲预编译前奏预编译-四部曲立即执行函数作用域、作用域链闭包对象对象的创建方式构造函数内部原理包装类原型、原型链call/apply继承模式命名空间thisarguments克隆数组类数组数组去重可配置性属性异常es5 标准模式DOM什么是DOM?DOM节点DOM接口DOM基本操作相关注原创 2021-09-15 20:44:12 · 2962 阅读 · 1 评论 -
javascript的小练习,关于基础语法和类型转换
1、 计算2的n次幂,n可输入,n为自然数。<script> var n = prompt("请输入一个自然数"); function powOf2(val) { if (parseInt(val) != val || val < 0){ alert("抱歉,您输入的不是一个自然数"); return; } var result = 1; for (var i原创 2021-08-16 12:54:08 · 200 阅读 · 0 评论 -
js获取图片宽高
JavaScript获取图片宽高核心代码很简单:let imgSrc = "图片路径";let img = new Image();img.src = imgSrc;return {width: img.width,height: img.height}但是,很不凑巧,在js中,图片的加载是异步的,这就类似于,网页中dom元素的加载,css样式的渲染,js脚本的执行,ajax请求,图片的加载,不是同步执行的。在img.src属性被赋值以后,img的onload事件就会触发,如果有缓存,即原创 2021-08-15 18:04:04 · 4621 阅读 · 0 评论 -
JavaScript解决window.onresize多次频繁调用
引入如下函数: let debounce = function (func, threshold, execAsap) { let timeout; return function debounced() { let obj = this, args = arguments; function delayed() { if (!execAsap) func.apply(obj,原创 2021-07-06 18:02:14 · 770 阅读 · 0 评论 -
原生js写一个动画效果(简易版)
原生js写一个动画效果(简易版)有了 jQuery 以后,很少有人用原生js写动画效果了。鄙人才疏学浅,闲来无事,幸甚至在,码以永志。function animate(elem, options) { var timer = null; var attribute = options.attribute; var startValue = parseInt(window.getComputedStyle(elem)[attribute]); var endValue = parseInt(op原创 2021-06-29 22:12:53 · 1464 阅读 · 0 评论 -
原生 js 实现轮播图
一般而言轮播图都需要使用到动画效果,我这里是原生 js 手写一个动画,基于这个动画效果,在实现我们的轮播图。封装了一个小插件,我把它命名为:slideshow .js ,源码如下:function animate(elem, options, callback) { if (elem == null){ //说明现在不是那个轮播图页面了 return; } let timer = null; let attribute = options.原创 2021-07-05 17:47:53 · 3213 阅读 · 0 评论