JavaScript
文章平均质量分 75
JavaScript
雨季mo浅忆
你来我就好好珍惜,
你走我就好好生活。
展开
-
Vue2实现主内容滚动到指定位置时,侧边导航栏也跟随选中变化
Vue2实现主内容滚动到指定位置时,侧边导航栏也跟随选中变化需求背景:PC端项目需要实现一个有侧边导航栏,可点击跳转至对应内容区域,类似锚点导航,同时主内容区域上下滚动时,可实现左侧导航栏选中样式能实时跟随变动的效果。原创 2024-09-25 00:00:00 · 227 阅读 · 0 评论 -
Vue2之防抖_debounce封装函数&v-debounce自定义指令(传参/不传)
Vue2之防抖_debounce封装函数&v-debounce自定义指令(传参/不传)目录1、防抖2、debounce- 封装函数3、v-debounce全局自定义指令原创 2023-10-20 20:00:00 · 1443 阅读 · 0 评论 -
使用 flatMap 进行扁平化映像处理数据
使用 flatMap 进行扁平化映像处理数据Map.flat 循环 + 二维 变 一维 就是 flatMap 了原创 2023-08-16 06:00:00 · 334 阅读 · 0 评论 -
《红宝石》第3章“基本概念”【下】
《红宝石》第3章“基本概念”【下】目录3.6 语句3.6.1 if 语句3.6.2 do-while 语句3.6.3 while 语句3.6.4 for 语句3.6.5 for-in 语句3.6.6 label 语句3.6.7 break 和 continue 语句3.6.8 with 语句3.6.9 switch 语句3.7 函数3.7.1 理解参数3.7.2 没有重载3.8 小结原创 2023-03-22 23:45:00 · 342 阅读 · 0 评论 -
JS判断是否为base64字符串&如何转换为图片src格式
JS判断是否为base64字符串&如何转换为图片src格式需求背景 :如何判断后端给返回的 字符串 是否为 base-64 位 呢 ?以及如果判断为是的话,如何给它进行转换为 img 标签可使用的那种 src 格式 呢 ?原创 2023-03-20 20:00:00 · 6126 阅读 · 0 评论 -
《红宝石》第3章“基本概念”【上】
《红宝石》第3章“基本概念”【上】目录3.1 语法3.1.1 区分大小写3.1.2 标识符3.1.3 注释3.1.4 严格模式3.1.5 语句3.2 关键字和保留字3.3 变量3.4 数据类型3.4.1 typeof 操作符3.4.2 Undefined 类型3.4.3 Null 类型3.4.4 Boolean 类型3.4.5 Number 类型3.4.6 String 类型3.4.7 Object 类型3.5 操作符3.5.1 一元操作符3.5.2 位操作符原创 2023-03-10 23:45:00 · 1378 阅读 · 0 评论 -
JavaScript_Object.keys() & Object.values()
JavaScript_Object.keys() & Object.values()目录一、Object.keys()二、Object.values()原创 2023-03-08 18:00:00 · 3103 阅读 · 0 评论 -
通过自定义指令v-dialogDrag实现拖拽移动
通过定义自定义指令 v-dialogDrag ,实现 元素(弹框)拖拽移动。原创 2023-02-25 00:00:00 · 701 阅读 · 0 评论 -
JavaScript之“+“、“!“、“!!“、“!!+“写法使用说明
JavaScript之"+"、"!"、"!!"、"!!+"写法使用说明JavaScript 类型转换之高阶写法 "!!+"目录1、"+" 的使用2、"!" 的使用3、"!!" 的使用4、"!!+" 的使用项目实际所用 :原创 2022-12-27 23:45:00 · 5316 阅读 · 2 评论 -
JavaScript _ 函数节流和防抖
JavaScript _ 函数节流和防抖目录函数节流函数防抖函数节流和防抖+ 两种处理 重复高频触发 事件的方式节流+ 在 单位时间 内只能 触发一次 => 开关思想防 抖+ 在 单位时间 内, 如果重复出现同样的事件, 那么把前一次干掉...原创 2021-08-25 09:00:00 · 347 阅读 · 0 评论 -
Vue使用v-for循环对象时如何获取键值对
Vue使用v-for循环对象时如何获取键值对Vue 使用 v-for 来循环一个 对 { } 象 ,我需要访问 键 、值 和 索引 。原创 2022-09-19 00:00:00 · 3040 阅读 · 0 评论 -
axios之get/post请求实现导出Excel表格
axios之get/post请求实现导出Excel表格目录axios.getaxios.postgetToken()debounce废话不多说 , 直接上代码 :原创 2022-09-17 00:00:00 · 1795 阅读 · 0 评论 -
Vue自动获取焦点并且光标移至最后
Vue自动获取焦点并且光标移至最后项目需求 :每次进入页面时,需要自动聚焦到一个文本框上,让其右侧的设置面板显现出来。并且光标最好是自动移至到最后面,优化用户的体验。代码实现 :原创 2022-08-20 00:00:00 · 3388 阅读 · 1 评论 -
Vue如何绑定一个每两秒生成的随机数
Vue如何绑定一个每两秒生成的随机数目录1、利用setInterval 定时器2、封装范围内随机整数项目内复现 :原创 2022-07-30 00:00:00 · 1137 阅读 · 0 评论 -
Switch case 使用及嵌套语法
Switch case 使用及嵌套语法目录switch case 语句讲解Switch 也可以嵌套代码中 虽然没有 限制if else 能够处理的 分支 数量 ,但当分支过多时 ,用 if else 处理会不太方便 ,而且容易出现 if else 配对出错的情况 。所以 对于这种情况 ,实际开发中一般使用 switch 语句代替...原创 2022-07-28 00:00:00 · 53037 阅读 · 2 评论 -
JavaScript _ hasOwnProperty()
hasOwnProperty 表示 : 是否有自己的属性。这个方法 : 会查找一个 {对象 } 是否有某个属性 ,但是 不会 去查找它的 原型链 。原创 2022-07-26 06:00:00 · 176 阅读 · 0 评论 -
JavaScript _ 对象深拷贝 | 深克隆
/** * 对象深拷贝工具类 * 拦截器:filter 参数[key, value, ang(fn)] */export default class OUtil { constructor(...fn) { this.filters = fn } agn(source) { // 判空 if (source == null) return null // 判断是否对象类型 if (typeo.原创 2022-02-28 00:00:00 · 122 阅读 · 0 评论 -
JavaScript_数组常用方法( 1 )
目录数组常用方法 1 :1.push( )2.pop( )3.unshift( )4.shift( )5.reverse( )6.sort( )7.splice( )什么是数组常用方法+ 就是 JS 提供给我们专门用来操作数组的方法原创 2021-07-11 18:50:06 · 249 阅读 · 0 评论 -
JavaScript _ 设计模式
目录1. 单例模式2.观察者模式设计模式+ 设计模式以结果为导向 => 专门为了实现某一类功能给出的简洁而优化的解决方案+ 三个设计模式 1. 单例模式 2. 观察者模式 3. 发布订阅模式1. 单例模式单例模式+ 一个构造函数(类)一生只有一个 实例对象 => 而是你不管 new 多少次 , 都是只有一个实例+ 例子: 弹出层 => 一个网站的某一个页面, 连续弹出多次弹出层 => 最好: 每次弹出的都是这一个 d...原创 2021-08-26 11:11:11 · 175 阅读 · 0 评论 -
JavaScript _ 操作数字
目录1.操作数字的常用方法2.保留小数位3.进制转换4.范围内的随机整数5. 获取随机颜色字符串6. 图例1.操作数字的常用方法+ 在 JS 内有一个 内置对象 , 叫做 Math+ 这个对象里面存储了很多的属性和方法+ 是专门提供给我们进行操作数字相关的属性和方法+ 操作数字, 都是统一的语法 : Math.xxx( )1. random( )=> 语法: Math.random( )=> 作用: 获取一个 0 ~ 1 之间的...原创 2021-08-21 15:55:55 · 599 阅读 · 2 评论 -
JavaScript_数组常用方法( 2 )
JavaScript_数组常用方法( 2 )目录数组常用方法 2:1.forEach( )forEach的原理 :2.map( )map的原理 :3.filter()filter 的原理 :4.find( )5.every()6.some( )7.reduce( )reduce原理 :ES6新增数组方法(注意浏览器兼容)includes()图例 :原创 2021-07-12 22:00:00 · 1616 阅读 · 0 评论 -
JavaScript _ 字符串
JavaScript _ 字符串目录1、初识字符串2、字符串的基本操作3、字符集 -ASCII 编码4、字符串常用方法1. toLowerCase( )2. toUpperCase( )3. charAt( )4. charCodeAt( )5. substr( )6. substring( )7. slice( )8. split( )9. replace( )10. trim( )11. trimStart( ) / trimLeft( )12. trimEnd( )原创 2021-08-20 20:20:20 · 2540 阅读 · 0 评论 -
冒泡排序 ( Bubble Sort )
冒泡排序 ( Bubble Sort )+排序 :把一个乱序的数组,通过代码的方式调整成有序的数组 (正序或者倒序)+冒泡的原理 :=>第一个数字和第二个数字进行比较,如果第一个比第二个大,就交换位置=>以此类推,直到数组遍历完毕,最大的一定在最后面=>重复执行第一轮的操作,直到所有数字排好原创 2021-07-01 13:33:51 · 216 阅读 · 0 评论 -
前端 JavaScript 之 Promise _ 前后版
目录1.回调函数callback2.回调地狱3.认识Promise4.Promise 的进阶语法5.async函数和await关键字Promise 简图 :1.回调函数callback+一种封装代码的手段+什么是callback,概念=>把函数A当做实参传递到函数B内部=>在函数B内部以形参的方式调用函数A=>我们管这个行为叫做回调函数...原创 2021-08-01 22:44:22 · 412 阅读 · 0 评论 -
前端 JavaScript 之 闭包 _ 讲解版
目录闭包认识函数 :函数的两个阶段分别做了什么事情:函数的特点:一个不会被销毁的函数执行空间 :闭包的作用 :闭包的缺点 :间接返回一个函数 :闭包 _语法糖 :闭包 _ 简图 :闭包 _ 面试题 :闭包是一种函数的高阶应用官方 : 函数内的函数私人解释 :需要一个不会被销毁的函数执行空间函数内直接或间接的返回一个新函数内部函数 使用 外部函数 的 私有变量我们就说 内部函数 是 外部函数 的 闭包函数认识...原创 2021-07-28 23:32:00 · 290 阅读 · 0 评论 -
浏览器的同源策略和跨域请求_学习版
目录同源策略 :跨域请求 :跨域请求的常见解决方案 :1.jsonp2.cors(跨域资源共享)3.proxy(代理)同源策略 :什么是同源策略?+同源策略是 浏览器 给出的关于网络安全方面的一个要求(约束)+约定了,请求方和目标方地址必须要保证传输协议域名端口号完全一致+当你在发送请求的时候+如果打开页面的完整地址和接受服务器的完整地址...原创 2021-07-27 09:00:01 · 962 阅读 · 0 评论 -
Local Storage / Session Storage 和 Cookie _ 教书版
目录浏览器本地存储 :( 1) Local Storage:( 2 ) Session Storage :Local Storage / Session Storage 共同点 :( 3 ) Cookie :本地存储之间的区别 : ( 面试题 )Cookie 和 Local Storage / Session Storage 的区别 :浏览器本地存储 :本地存储 :+在JS内,有两个浏览器的本地存储...原创 2021-07-23 22:00:31 · 1242 阅读 · 0 评论 -
this 指向 及 改变 _ 笔记版
+this是一个关键字+是一个使用在作用域内的关键字=>要么使用在全局 ~>this就是 Window=>要么使用在函数内部 ~>this表示的是该函数的context(执行上下文)// 0. 全局使用 thisconsole.log(this)console.log(window)console.log(window =...原创 2021-07-20 08:50:49 · 567 阅读 · 0 评论 -
原型和原型链 ( prototype / __proto__ ) 详情版
概念 : + 原型: 构造函数天生自带的一个对象数据类型, 存储方法提供给实例使用的 + 原型链: 使用 __proto__ 串联起来的对象链状结构, 为了对象访问机制使用的目录原型 :原型相关概念 :原型链 :万物皆对象 :prototype和__proto__有什么区别案例 :问题 :问题1:Person.prototype指向谁?问题2:p1(Person的实例对象)身上的__proto__...原创 2021-07-18 18:00:01 · 188 阅读 · 0 评论 -
前端实现选项卡切换功能
目录选项卡_0.0HTML _ 结构部分 :CSS _ 样式部分 :JS 代码实现 :底码 :优化 :底码优化精简版:forEach实现选项卡 :原创 2021-07-06 22:11:33 · 2163 阅读 · 0 评论 -
JavaScript _ 构造函数
目录构造函数 :构造函数的书写 :认识构造函数内的不合理 :解决构造函数内的不合理 :原型 :解决问题的知识点1 : 构造函数解决问题的知识点2:实例对象解决问题的知识点3:访问机制总结 :构造函数 :在 JavaScript 中,用 new 关键字来调用的函数,称为构造函数。首字母一般大写;原创 2021-07-15 08:30:29 · 610 阅读 · 0 评论