JavaScript
细读js
沁染流年
可以关注下我的个人知识库 语雀
https://www.yuque.com/wuhaizhongdemanyouzhe
展开
-
el-autocomplete 的 fetchSuggestions获取到了数据。但是在获取焦点的情况下点击 clearabl 。 清空input 内容后 不显示问题
bug原创 2022-10-31 10:32:57 · 655 阅读 · 1 评论 -
前端常用的几种设计模式
设计模式原创 2022-08-06 20:40:30 · 369 阅读 · 0 评论 -
文件上传 切片与断点续传
文件上传原创 2022-08-02 10:12:43 · 999 阅读 · 1 评论 -
轮播图原生
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .container { width:原创 2022-04-17 08:55:47 · 87 阅读 · 0 评论 -
后端给一个菜单的全数组,组合成树类型的菜单
根据pid来确定父级,顶级菜单pid为null <!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">原创 2022-04-14 14:30:45 · 504 阅读 · 0 评论 -
手写Promise(1)
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <script src="./1.js"></script&g原创 2022-04-13 22:18:40 · 56 阅读 · 0 评论 -
封装防抖函数以及防抖的两种情况
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <button原创 2022-04-09 16:19:03 · 298 阅读 · 0 评论 -
js动态加载数据瀑布流
实现的功能 1.每次下拉到底部会自动加载下一页的数据 2.图片逐渐显示 首先html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title>原创 2022-04-08 22:46:38 · 584 阅读 · 0 评论 -
判断文档或者说浏览器有没有滚动到最底部
<!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>Document&l原创 2022-04-07 20:18:59 · 313 阅读 · 0 评论 -
瀑布流实现方法和注意事项
<template> <div class="container"> <div class="wf_item" v-for="(item, index) in list" :key="index"> <img :src="item.thumbURL" alt="" /> </div> </div> </template> <script> export default {原创 2022-04-07 00:49:18 · 363 阅读 · 0 评论 -
惰性函数的介绍已经dom绑定事件兼容
let getTime = () => { var time = Date.now() getTime = () => { return time } return getTime() } console.log(getTime()); console.log(getTime()); console.log(getTime()); 上面的代码固然可以通过闭包啥的来解决 但是这里表示一个思想 惰性函数是在第一次运行时根据不同的分支 再次修改函数自身 下次运行的时候就不需原创 2022-04-06 20:28:18 · 209 阅读 · 0 评论 -
js对象的一些操作介绍
<!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>Document<原创 2022-04-06 18:59:46 · 220 阅读 · 0 评论 -
前端一键换肤换肤简单探索
效果图 默认 蓝白 方法一。如果要控制的范围不多很小的话 使用控制类名的切换 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</titl原创 2022-04-05 21:33:21 · 686 阅读 · 0 评论 -
面向对象计算器(简单版)
<!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" /> <titl原创 2022-04-03 16:38:34 · 316 阅读 · 0 评论 -
原生axajx以及类jquery的简单封装
1.原生 <!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>原生ajax原创 2022-04-03 12:35:26 · 401 阅读 · 0 评论 -
给组件的的特定事件中传递默认的参数
打个比方使用elementui 的 select 组件 该组件有一个方法 这里可以获取到选中的值比如 我们绑定为 @change="handle" handle(val){ console.log(val) // 这里只能接受䘝形参如果你邪恶了hadle('另一个'),那么会出现覆盖 } 那么怎样传递除了默认参数之外的值呢,我们需要使用立即执行函数 @change="(event)=>{ handle(event,value) // 这个value就是第二个字,加入你使用了循环啥的就可以获取到原创 2021-03-29 16:55:23 · 155 阅读 · 0 评论 -
写给自己的js-数据类型检测
数据类型检测 typeof typeof 用于返回以下原始类型 基本类型:number/string/boolean function object undefined console.log(typeof '睡觉'); // string console.log(typeof { name: 1 }); // object console.log(typeof [1, 2, 3]); // object console.log(typeof function name(params) {}); //原创 2020-12-03 14:42:41 · 49 阅读 · 0 评论