![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Js
一只金牛座的崽
这个作者很懒,什么都没留下…
展开
-
js实时获取文件下载进度
【代码】js实时获取文件下载进度。原创 2024-03-26 23:42:35 · 878 阅读 · 0 评论 -
解决js通过url下载文件,重命名
由于文件服务器的地址不同,导致跨域的问题,使得a标签的download="filename"不生效。download属性的兼容性。原创 2024-03-26 16:38:18 · 525 阅读 · 0 评论 -
原生js的input事件
【代码】原生js的input事件。原创 2023-03-15 15:34:47 · 3222 阅读 · 0 评论 -
本地修改json数据json-server
文章目录环境获取新增删除更新环境npm install -g json-servernpm install axios新建db.jsonjson-server --watch db.json获取 getList() { this.$axios .get("http://localhost:3000/posts") .then(function (response) { console.log("getList", re原创 2022-04-07 18:05:49 · 1419 阅读 · 0 评论 -
webpack学习
文章目录一、初始化二、增加配置文件三、打包的文件自动加载到html文件上四、清除打包残留的无用文件五、调成开发模式,定位错误实际位置六、监听文件变化,实时编译(只能手动刷新浏览器)七、实时编译,无需手动刷新浏览器八、资源模块(使用图片等)九、解析css文件和less文件十、合并css文件十一、指定打包css路径和文件名十二、压缩css文件十三、ES6转换成ES5一、初始化npm init -y npm intall webpack webpack-cli --save-dev二、增加配置文件原创 2022-03-04 20:29:36 · 621 阅读 · 0 评论 -
JS ES6类和继承
class Person { constructor(name,food) { this.name = name this.food = food } eat() { console.log('吃'+this.food ); }}class Student extends Person{ constructor(name,age,food) { super(name,food) this.age = age } study() {原创 2022-03-04 11:32:01 · 129 阅读 · 0 评论 -
js实现复制粘贴
js复制内容原创 2022-03-03 16:53:18 · 194 阅读 · 0 评论 -
forEach 跳出循环
forEach 跳出循环 let btn = [1,2,3,4] try { btn.forEach((item,index)=>{ if (item===2) { throw new Error('break'); } console.info('循环中', item); }) } catch (error) { if (error.message === 'break') { console.log('跳出了');原创 2022-02-21 16:53:13 · 763 阅读 · 0 评论 -
console的更多功能
文章目录一、查看对象的信息二、追踪函数的调用轨迹三、计时功能一、查看对象的信息try { throw error ('自定义错误')} catch (error) { console.log('log', error); console.dir( error);}二、追踪函数的调用轨迹function d(a) { if (a===2) { console.trace(); }else { } return a;}function原创 2022-02-21 16:46:43 · 373 阅读 · 0 评论 -
JS的继承
文章目录一、构造函数继承二、原型链继承三、组合继承四、多继承一、构造函数继承function Person() { this.name = 'person'}Person.prototype.show = function () { console.log('Person.show');}function Student() { this.age = 12 this.name = 'student' Person.call(this)}Student.proto原创 2021-12-21 19:21:55 · 161 阅读 · 0 评论 -
Proxy监听数据增删改查
文章目录一、Proxy一、Proxyvar person = { name:'自行车'}var proxy = new Proxy(person,{ get:function(target,proKey){ if (proKey in target){ console.log('proxyGet', target,proKey); } else { console.log('fail', ); } }, set:function(target,proKey,val原创 2021-11-10 16:26:57 · 853 阅读 · 0 评论 -
闭包的理解
文章目录一、闭包一、闭包const myselfBb = function () { var data = {} return { set(key,val){ data[key] = val }, get() { return data } }}let useBb = myselfBb()useBb.set('name','张三')useBb.set('age','999')let request = useBb.get()console.log('re原创 2021-11-09 17:29:32 · 375 阅读 · 0 评论 -
原型和原型链
文章目录一、原型二、原型链三、原型链的指向一、原型由构造函数创建的对象,内部包含一个指针(proto),这个指针就是对象的原型,指向构造函数的内部的prototype属性function Person(name){ this.name = name}let p = new Person('张三')console.log('log', p); //log Person {name: '张三'}console.log('log', p.__proto__ === Person.prototy原创 2021-11-09 17:14:41 · 352 阅读 · 0 评论 -
JS拖拽放置
<!DOCTYPE html><html><head><title>HTML5拖拽</title><meta charset="utf-8"><style>#div1,#div2,#div3 {width:350px;height:30px;padding:10px;border:1px solid #aaaaaa;}</style></head><body><u原创 2021-10-24 22:17:59 · 142 阅读 · 0 评论 -
移动端Viewport
文章目录一、Viewport一、Viewport<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">width:设置layout viewport 的宽度,为一个正整数,或字符串"width-device"height:设置layout viewport 的高度,这个属性对我们并不重要,很少使用initial-sca原创 2021-10-11 19:09:52 · 241 阅读 · 0 评论 -
HTML(SEO)相关知识
文章目录一、HTML语义化好处二、图片格式三、svg格式npm install --save qrcode一、HTML语义化好处对开发人员:增强可读性,对开发者更友好,在没有 CSS 的情况下也能较好地呈现网页的内容结构与代码结构,便于团队的开发和维护对机器:2.1 有利于 SEO ,可以让搜索引擎爬虫更好地获取到更多有效信息,搜索引擎的爬虫依赖于标签来确定上下文和各个关键字的权重,有效提升网页的搜索量。2.2 支持读屏软件,方便其他设备的解析(如屏幕阅读器、盲人阅读器等),利于无障碍阅原创 2021-10-11 14:10:13 · 546 阅读 · 0 评论 -
var和let的区别
文章目录一、声明变量二、变量覆盖三、没有块级作用域一、声明变量console.log('姓名',name)// 打印出: 姓名 小米console.log('年龄',age)// 报错:Uncaught ReferenceError: Cannot access 'age' before initialization// 未捕获引用错误:无法在初始化之前访问“age”var name = '小米'let age = 18二、变量覆盖console.log('姓名',name)//原创 2021-10-11 14:09:20 · 39 阅读 · 0 评论 -
Js运行机制
Js运行机制(单线程) 运行栈 任务队列 事件循环 轮询执行任务队列------------- -------------- 《------|| 同步 | | 异步 | |------------- -------------- |-------微任务:promise.then宏任务:原创 2021-10-11 14:08:53 · 30 阅读 · 0 评论 -
前端数据浅拷贝和深拷贝
浅拷贝:就是一个新变量引用其他数据,如果变量数值变动,被引用的数据也会被改变,就是(一家人就是要整整齐齐的)/深拷贝:就是引用其他数据,如果变量数值变动,被引用的数据不会被改变(翅膀硬了,单飞)var a,b;a=1;b=a;console.log('测试',a)console.log('测试',b)b=12;console.log('测试',a)console.log('测试'...原创 2020-04-25 20:53:11 · 428 阅读 · 0 评论 -
Js截取字符串之substring,slice,substr
一名前端臭弟弟的学习新得! (´๑•_•๑)截取字符串之 substring,slice,substrsubstring和slice效果和写法一样共同点:1.第一个参数必填。2.第二个参数不填,会从开始位置截取到最后。3.第二个参数为目标字符结尾的位置+1 (划重点)操作操作起来:::...原创 2019-12-10 14:56:41 · 1004 阅读 · 0 评论 -
最实用最详细Js对象分析
一名前端臭弟弟的学习新得! (´๑•_•๑)原创 2019-12-20 10:12:12 · 112 阅读 · 0 评论 -
Js常用数据处理方法
Js常用数据处理方法1.过滤 filter let arr = [1, 2, 3, 4, 5, 6] const newArr = arr.filter(item => { return item > 3 }) console.log('Arr', newArr)2.排序 sort let arr = [1, 2, 3, 4, 5, 6] let obj = [原创 2020-11-03 16:04:31 · 1109 阅读 · 0 评论 -
js原生操作Dom(模拟鼠标点击)
createDocumentFragment() //创建一个DOM片段createElement() //创建一个具体的元素createTextNode() //创建一个文本节点添加:appendChild()移出:removeChild()替换:replaceChild(newNode,oldNode)插入:insertBefore(newNode,oldNode)复制:cloneNode(true)查找:getElementsByTagName() //通过标签名称getEleme原创 2021-03-11 18:15:15 · 4829 阅读 · 0 评论 -
获取Dom位置信息
let e = document.querySelector('.zzc') console.log('offsetWidth',e.offsetWidth)//宽(包含border) console.log('offsetHeight',e.offsetHeight)//高(包含border) console.log('clientHeight',e.clientHeight)//可视区域的高度(不包含border) console.log('offsetHeight',e.offse..原创 2021-03-11 19:41:39 · 645 阅读 · 0 评论 -
axios使用与认知
文章目录一、并发请求二、队列请求未完待续....一、并发请求axios.all()、axios.spread()两个辅助函数用于处理同时发送多个请求,可以实现在多个请求都完成后再执行一些逻辑实现步骤1.封装一个api.js文件import axios from 'axios'const api = { getTestList5s () { return ajax(`http://yapi.upho2015.com/mock/164/timeout/response5`,原创 2021-08-09 17:52:51 · 674 阅读 · 0 评论