手写及实现
文章平均质量分 57
伍什kay
猿,妙不可言
展开
-
JS PC端调用摄像头录视频截图上传文件
创建 Catcher 类。直接在HTML文件中调用。原创 2023-06-19 15:16:43 · 1064 阅读 · 0 评论 -
Promise.all()、Promise.allSettled()原理及实现
Promise.all()原理简述:MDN:Promise.all() 方法接收一个promise的iterable类型(注:Array,Map,Set都属于ES6的iterable类型)的输入。并且只返回一个Promise实例, 输入的所有promise的resolve回调的结果是一个数组。Promise的resolve回调执行是在所有输入的promise的resolve回调都结束,或者输入的iterable里没有promise了的时候。它的reject回调执行是,只要任何一个输入的pro原创 2021-12-27 10:11:34 · 995 阅读 · 0 评论 -
JS 数组操作(递归)
多维度数组取其中符合条件的属性,数组扁平化并将所取属性存入数组// 递归获取数组对象属性export const traverse = (arr, newArr = []) => { for (let i = 0; i < arr.length; i++) { let a = {...arr[i]} if(a.children !== null){ newArr.push(a.caption) traverse(a.children, newA.原创 2021-06-02 15:57:06 · 2242 阅读 · 0 评论 -
web前端面试题(三):JS篇
1、原始类型b u n n s s(Boolean,Undefined,Number,Null,String,Symbol)2、null是对象吗首先当使用typeof检测的时候会输出Object,但这是js的bug,null表示空指针,typeof null也是object,null instanceof Object —> false3、对象类型和原始类型的不同之处原始类型储存的是值,对象类型储存的是指针4、类型转换转Boolean:在条件判断时,除了 undefined, n原创 2021-01-29 17:26:33 · 266 阅读 · 0 评论 -
手写一个new
new的原理创建一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个constructor(构造函数)属性,这个属性包含一个指向 prototype 属性所在函数的指针。而通过这个构造函数,可以继续为原型对象添加其他属性和方法。创建了自定义的构造函数后,其原型对象默认只会取得 constructor 属性;至于其他方法,则都从 Object 继承而来。当调用构造函数创建一个新实例后,该实例的内部将包含一个指原创 2021-02-19 17:32:12 · 89 阅读 · 0 评论 -
jQuery实现简单穿梭框
项目需要,做个简单的穿梭框****效果图如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>穿梭框</title> <link rel="stylesheet" href="index.css"> <script s...原创 2019-04-02 17:23:09 · 2399 阅读 · 1 评论 -
css3+jQuery实现列表依次滑入效果
平台需要一个消息提示的列表,原来是弹框形式的,显得太死板老套,网上找了几个都不是想要的那种,果断就手动扣了一个,很简单代码不多也就几十行。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style ty原创 2019-01-17 16:31:09 · 590 阅读 · 0 评论 -
jQuery六位密码输入框
jQuery简单实现六位密码输入框这个小玩意,简单到不想赘述,上代码吧还是。&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;原创 2019-01-25 17:13:11 · 700 阅读 · 0 评论 -
JS实现购物车功能
花了半天的时间扣了一个购物车,以下是效果图及源码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&a原创 2018-09-04 09:15:57 · 372 阅读 · 0 评论