js
关注
分享
扫一扫
JavaScript
予倾
这个作者很懒，什么都没留下…
展开
-
loadingSVG
油猴脚本原创 2022-11-16 19:24:59 · 85 阅读 · 0 评论 -
如何将三元运算符运用到极致
三元运算符的鬼才用法原创 2022-08-19 17:44:34 · 164 阅读 · 3 评论 -
axios学习笔记
axios从入门到源码分析1. 前后台交互的基本过程1. 前后应用从浏览器端向服务器发送HTTP请求(请求报文)2. 后台服务器接收到请求后, 调度服务器应用处理请求, 向浏览器端返回HTTP响应(响应报文)3. 浏览器端接收到响应, 解析显示响应体/调用监视回调2. HTTP请求报文1. 请求行: 请求方式/url2. 多个请求头: 一个请求头由name:value组成, 如Host/Cookie/Content-Type头3. 请求体3. HTTP响应报文1. 响应行: 响应状态原创 2022-05-04 10:08:29 · 593 阅读 · 0 评论 -
ES6 之 map 的用法
const arr = ['xm', 'xh', 'xh'] const res = arr.map((item, index) => { return item + index }) console.log(res) // ['xm0', 'xh1', 'xh2'] const arr1 = [{ lab: 'xm', val: '01' },{ lab: 'xh', val: '02' }] const res1 = arr1.map...原创 2022-04-14 20:45:26 · 938 阅读 · 0 评论 -
节流和防抖通用函数的封装以及调用方式
通用函数：// 节流function throttle(callback, wait) { let start = 0 return function(e) { const now = Date.now() if (now - start >= wait) { // callback(e) callback.call(this, e) start = now }原创 2022-04-14 20:28:35 · 413 阅读 · 0 评论 -
vue 输入框v-model拿不到js直接通过value属性改变输入框的值
解决办法：需要在input.value赋值后，手动触发input事件被操作的元素.dispatchEvent(new Event('input'))原创 2022-03-29 17:46:18 · 1730 阅读 · 2 评论 -
js实现复制文本内容功能
Clipboard 对象Clipboard.writeText()Clipboard.writeText()方法用于将文本内容写入剪贴板document.body.addEventListener( 'click', async (e) => { await navigator.clipboard.writeText('Yo') })Clipboard.readText()Clipboard.readText()方法用于复制剪贴板里面的文本数据。document.b原创 2022-03-29 10:18:20 · 2664 阅读 · 0 评论 -
使用canvans将图片转为指定尺寸
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2022-03-28 17:53:53 · 423 阅读 · 0 评论 -
js获取图片宽高方法
需要先new 一个Image，并将原来图片的src赋值给new出来的image的src，并在图片的onload方法中获取原创 2022-03-28 16:54:40 · 3845 阅读 · 0 评论 -
Promise简单了解
Error1、错误的类型Error：所有错误的父类型ReferenceError：引用的变量不存在TypeError：数据类型不正确的错误RangeError：数据值不在其所允许的范围内SyntaxError：语法错误2、错误处理捕获错误：try … catch抛出错误：throw error3、错误对象message属性：错误相关信息stack属性：函数调用栈记录信息try … catch 用法 try { // 可能会出错的代码，即使出错也不原创 2022-03-28 12:15:32 · 705 阅读 · 0 评论 -
apply call bind 三者的比较
apply、call、bind三者相比较，之间又有什么异同呢?何时使用apply、call，何时使用bind呢？举个简单的例子：var obj = { x : 81,};var foo = { getX: function () { return this.x;s }};console.log(foo.getX.bind(obj)()),console.log(foo.getX.call(obj)),console.log(foo.getX.apply(原创 2021-01-08 20:46:58 · 163 阅读 · 0 评论 -
bom和dom
bom： 操作浏览器brower object model 浏览器对象模型提供一套操作浏览器的功能的api通过人家提供的api,我们就可以做一个弹出框，控制浏览器的跳转，获取屏幕的分辨率等....dom: 操作html文档document object model 文档对象模型文档：html文档 说白了，就是你之前写的Html代码object：对象 html文档中的元素 js中一切都是对象model:模型 树模型bom:浏览器对象模型 提供大量的api可以操作浏览器w.原创 2020-11-18 12:32:29 · 113 阅读 · 0 评论 -
深入事件
事件类型：鼠标事件： onclick 点击事件 = onmousedown + onmouseup ondbclick 双击事件 onmousedown 鼠标按下去 onmouseup 鼠标抬起来 onmouseover 鼠标移到某元素上面 onmouseout 鼠标离开某元素上面 onmousemove 鼠标在元素上面的移动 ....键盘事件： 基本上没什么用 网络小游戏 onkeydown 键盘按原创 2020-11-18 11:22:30 · 138 阅读 · 0 评论 -
获取属性节点的N种方式
document对象：本身是window对象上的一个子对象。我们写的Html代码，载入到浏览器中，就会形成document对象。利用document对象，就可以获取dom树上的元素节点。了解内容：document.head 了解 获取head元素document.title 了解 获取不是title元素，是title标签中的文本节点document.body 了解 获取body元素document.childNodes 了解 获取所有的子节点do原创 2020-11-18 11:14:13 · 1320 阅读 · 0 评论 -
js操作盒子模型的13个API
盒子模型：可以通过js来操作css中的盒子模型。js操作盒子模型：1）操作盒子模型的位置2）操作盒子模型的大小不管是操作盒子模型的位置，还是盒子模型的大小，一共有13个api: 说明：不需要记 你也记不住三类： client系列 offset系列 scroll系列client系列：clientWidth（可视区域）: 获取盒子的内容width+左右的paddingclientHeight（可视区域）: 获取盒子的内容height+上下的padding原创 2020-11-17 12:50:37 · 259 阅读 · 0 评论 -
定时器
定时器：一次性定时器： window.setTimout(()=>{},1000); // 1s到了，执行函数，只会执行1次 关闭：clearTimout()循环定时器: window.setInterver(()=>{},1000); // 每隔1s执行函数 关闭：clearInterver()注意：用完定时器，一定要及时关闭。...原创 2020-11-17 12:54:26 · 78 阅读 · 0 评论