01 2022 档案

数组方法小结
摘要：#ES5及之前 1.arr.forEach() 功能：遍历数组，并执行回调函数内的代码 参数：回调函数function(ele){'遍历操作'} 返回值：无 2.arr.filter() 功能：过滤数组 参数：回调函数function(ele){return '判断条件'} 返回值：有，返回一个数组 阅读全文
posted @ 2022-01-31 19:56 隐形的喷火龙 阅读(66) 评论(0) 推荐(0)
input type='number'隐藏上下箭头
摘要：给指定input框添加伪类即可，代码如下： ::-webkit-inner-spin-button { -webkit-appearance: none; } 阅读全文
posted @ 2022-01-25 14:08 隐形的喷火龙 阅读(270) 评论(0) 推荐(0)
顺滑的滚动到页面顶部
摘要：css部分 .web .box { width: 60vw; height: 60vw; background-color: tomato; margin: 0 auto; margin-bottom: 20vw; } .web div:last-child { background-color: 阅读全文
posted @ 2022-01-21 13:33 隐形的喷火龙 阅读(35) 评论(0) 推荐(0)
js实现按下回车键点击按钮
摘要：html部分： <div class="web"> <input type="text"> <button class="btn">按钮</button> </div> jsbufen const btnNode = document.querySelector('.btn'); const inp 阅读全文
posted @ 2022-01-21 13:33 隐形的喷火龙 阅读(992) 评论(0) 推荐(0)
初识vue
摘要：序： 传统设计模式：MVC model view controller ​ 后台 视图 js三模块 VUE框架MVVM model view vm ​ 后台 视图 数据驱动视图改变 ​ 使得 数据 和 页面视图 挂钩 ​ 双向绑定 Vue const app = new Vue({ el: 元素根节 阅读全文
posted @ 2022-01-20 13:52 隐形的喷火龙 阅读(48) 评论(0) 推荐(0)
有关git的使用
摘要：Git 1. Git 的基本概念 Git 是一个开源的分布式控制系统（版本管理工具），是目前使用范围最广的版本管理工具。 它的作用就是对文件进行版本的管理，由于每次项目上线可能会产生一些无法预料的bug，这时就需要选择上一个正常的版本进行回滚。而Git的存在，就是为让开发人员能够方便地在不同版本间进 阅读全文
posted @ 2022-01-18 16:56 隐形的喷火龙 阅读(133) 评论(0) 推荐(0)
JSON.parse()方法与JSON.stringify() 方法
摘要：##JSON.parse() 将从后台获取的Json字符串格式的数据转化为 JavaScript 对象格式，比如数组[]、对象{}等。 例子: 下面是从后台拿来的未处理的 {"res":1,"msg":"成功获取","data":["https:\/\/cos.bluej.cn\/041\/1.jp 阅读全文
posted @ 2022-01-15 15:49 隐形的喷火龙 阅读(82) 评论(0) 推荐(0)
字符串不足自动补零
摘要：##在ES6中新增的padStart()方法和padEnd()方法 padStart() 开头补零 padEnd() 结尾补零 这两种方法均不会修改原字符串 let str1 = 'a'; console.log(str1.padStart(3, '0')); console.log(str1.pa 阅读全文
posted @ 2022-01-12 20:25 隐形的喷火龙 阅读(327) 评论(0) 推荐(0)
简单的promise例子
摘要：let _promise = new Promise((resolve, reject) => { // promise最核心的是状态的改变，要想把异步变同步还是要async await const xhr = new XMLHttpRequest(); xhr.open('get', URL); 阅读全文
posted @ 2022-01-11 23:08 隐形的喷火龙 阅读(73) 评论(0) 推荐(0)
初识ajax
摘要：初识ajax 简单概括，一种能让页面局部刷新而不刷新整个页面的技术，又因为它与服务器中交换数据是异步的，而不会对整个页面资源的加载造成阻塞。 一个简单的例子 首先在本地创建一个person_info.json文件，用于ajax获取资源 [ { "name":"安妮", "age":"14", "se 阅读全文
posted @ 2022-01-07 23:03 隐形的喷火龙 阅读(56) 评论(0) 推荐(0)
节流和防抖
摘要：#什么是节流和防抖？ 限制函数执行次数的方法，属于性能优化的知识。 ##节流 把频率降低，比如说鼠标连续不断地触发某事件（如点击），只在单位时间内只触发一次。 代码如下： css div { width: 600px; height: 600px; border: 10px solid red; c 阅读全文
posted @ 2022-01-06 17:44 隐形的喷火龙 阅读(52) 评论(0) 推荐(0)
简单的触底加载
摘要：要用到`bom`的`scrollTop`、`clientHeight`以及`scrollHeight`。 `Node.scrollTop`+`Node.clientHeight`==`Node.scrollHeight` 这里给谁设置了`overflow:scroll;`或者`overflow:au 阅读全文
posted @ 2022-01-05 17:58 隐形的喷火龙 阅读(88) 评论(0) 推荐(0)