JavaScript
文章平均质量分 51
北巷`
前端之路漫漫兮,吾将上下而求索
展开
-
forEach/map中使用await报错或没有拿到实际的返回参数解决方法
场景解释:遍历一个数组,将数组的每一项作为入参调用接口,再将返回值拼接push到新数组中,此时,使用Promise.all 等待所有接口返回后 形成一个新数组。原创 2023-11-20 17:09:44 · 282 阅读 · 0 评论 -
axios设置请求头
axios设置请求头方式原创 2022-05-07 19:55:26 · 7640 阅读 · 0 评论 -
Typescript快速上手(js转ts必备)
接口interface1、定义一个接口LabelledValue ,在传参数的时候使用labelledObj:LabelledValueinterface LabelledValue { label: string;}function printLabel(labelledObj: LabelledValue) { console.log(labelledObj.label);}2、?: 可选属性interface SquareConfig { color?: string;原创 2022-02-11 11:37:42 · 5216 阅读 · 0 评论 -
样式污染引发的思考:scoped原理
1、用法scoped是实现组件的私有化,不对全局造成样式污染,表示当前style属性只属于当前模块。(事实上, scoped是一个boolean值)2、原理(postcss)给HTML的DOM节点加一个不重复data属性(形如:data-v-2311c06a)来表示他的唯一性<style scoped lang="less"> .example{ color:red; }</style><template> <原创 2022-02-11 11:32:47 · 1876 阅读 · 0 评论 -
Arguments 对象
定义:arguments对象是所有(非箭头)函数中都可用的局部变量,我们可以用arguments[0]的形式取值类数组:arguments对象不是一个 Array 。它类似于Array,但除了length属性和索引元素之外没有任何Array属性。转化为数组var args = Array.prototype.slice.call(arguments);// 利用空数组上继承的原型方法var args = [].slice.call(arguments);// ES2015const ar原创 2022-02-09 11:36:35 · 823 阅读 · 0 评论 -
浅拷贝与深拷贝的原理、实现、区别
浅拷贝创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是内存地址 ,如果其中一个对象改变了这个地址,就会影响到另一个对象。深拷贝将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象浅拷贝实现function clone(target){ let cloneTarget = {}; for(const key in target){ cl原创 2022-02-04 23:53:29 · 500 阅读 · 0 评论 -
npm源切换、管理nrm
npm查看源:npm config get registry永久切换源、设置源npm config set registry https://xxxxxxxx临时使用源npm i xx --registry https://xxxxxxx查看全局安装的包npm list -g --depth 0安装指定版本/最新版本npm i <module name>@1.0.0 //安装指定版本的模块npm i <module nam原创 2022-01-26 16:57:57 · 1053 阅读 · 0 评论 -
reduce 怎么用?原理与使用合集
reduce使用完全指北原创 2022-01-26 15:56:18 · 1088 阅读 · 0 评论 -
前端上传文件限制指定文件类型 xls、xlsx、csv、image、video等
当我想要限制上传的文件格式时第一种csv<input type="file" accept=".csv" />.xls(Excel Files 97-2003)<input type="file" accept="application/vnd.ms-excel" />.xlsx(Excel Files 2007+ )<input type="file" accept="application/vnd.openxmlformats-officedo原创 2022-01-19 11:04:27 · 8688 阅读 · 0 评论 -
js处理数字的方法总结
常来看看!银行卡号每隔四位插入空格数字每三位用逗号分隔 适用于金额处理金额处理plus版大数相加的几种操作1(转化字符串)大数相加2阿拉伯数字转中文大写数字判断是数字原创 2021-10-13 15:54:52 · 79 阅读 · 0 评论 -
js的浏览器兼容问题
处理不同浏览器兼容问题的例子:获取子元素//处理firstElementChild的兼容性问题function getFirstElementChild(parent) { if (parent.getFirstElementChild) { return parent.getFirstElementChild; } var node, nodes = parent.childNodes, i = 0; while (node = nodes[i++])原创 2021-03-23 20:49:18 · 124 阅读 · 0 评论 -
jQuery基础+选择器学习笔记
Jqueryjquery入口函数与js入口函数特点:原生js入口函数只能有一个,而jQuery入口函数可以有多个jQuery入口函数快于Window.onload.jquery入口函数等待页面上的dom树加载完成后执行。而window.onload 等待所有资源(如:dom/css、js连接,图片等)加载完成后执行关于调用dom不能调用jq的属性或方法jq对象不能调用原生jsdom的对象或方法,可以调用jq方法jQuery对象是个伪数组,其实是个dom对象包装集jQuery选择器原创 2021-03-18 11:01:53 · 65 阅读 · 0 评论 -
CSS+js动态时钟
一个动态时钟知识点总结:document.querySelector()方法返回文档中匹配指定 CSS 选择器的一个元素。setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。HTML+js部分<!DOCTYPE html><html .原创 2021-02-16 16:53:36 · 143 阅读 · 0 评论 -
JavaScript输出 变量 运算符 数据类型学习笔记
1. JavaScript 输出window.alert() 写入警告框document.write() 写入 HTML 输出在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML ,所以用于测试。innerHTML 写入 HTML 元素访问 HTML 元素,JavaScript 可使用 document.getElementById(id) 方法。id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容:<p i原创 2021-02-05 17:42:59 · 405 阅读 · 1 评论