随笔分类 - Javascript
JavaScript全解析——本地存储✔🔋🔋🔋(localStorage~sessionStorage~cookie)
摘要:
●就是浏览器给我们提供的可以让我们在浏览器上保存一些数据●常用的本地存储(localStorage~sessionStorage~cookie) 1-localStorage => 特点: -> 长期存储,除非手动删除否则会一直保存在浏览器中 清除缓存或者卸载浏览器也就没有了-> 可以跨页面通讯,
![JavaScript全解析——本地存储✔🔋🔋🔋(localStorage~sessionStorage~cookie)](https://img2024.cnblogs.com/blog/1462173/202407/1462173-20240715222918415-714642544.png)
vue 图片转base64格式方法+将base64流数据转成pdf文件可打印的方法✔️✔️✔️
摘要:
1. 图片转base64格式方法 (主要的代码)(其实用的还是FileReader) handleRemove(file, fileList) { console.log(file); var reader = new FileReader(); reader.readAsDataURL(file.
![vue 图片转base64格式方法+将base64流数据转成pdf文件可打印的方法✔️✔️✔️](https://img2023.cnblogs.com/blog/1462173/202310/1462173-20231031161152688-1611631001.png)
js对象里面添加对象+数组的方法操作~笔记📝
摘要:
1. js对象里面添加对象 在js对象里面添加对象有三种方式:直接添加,Object.assign() ,展开运算符(...) (1)直接添加: let obj = { name: 'Tom' }; obj.age = 8 console.log(obj); //输出结果为{ name: 'Tom'
![js对象里面添加对象+数组的方法操作~笔记📝](https://img2023.cnblogs.com/blog/1462173/202310/1462173-20231016161848753-559470822.png)
js简单的倒计时器~~⏰
摘要:
1.效果图 2.html部分 3.逻辑部分 3.1获取当前时间,时间差 //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var str = "2023/9/14 12:28:34"; var endDate = n
![js简单的倒计时器~~⏰](https://img2023.cnblogs.com/blog/1462173/202309/1462173-20230914123932533-1689937669.png)
javascript~🎨常用工具类的封装🔑
摘要:
JavaScript 1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) 'String' } isNumber (o) { //是否数字 return Object.pr
![javascript~🎨常用工具类的封装🔑](https://img2023.cnblogs.com/blog/1462173/202308/1462173-20230806181021212-280063855.png)
JS循环和递归的方法实现: 1*2*3...n 阶乘
摘要:JS循环和递归的方法实现: 1*2*3...n 阶乘(递归的方法和普通方法) 就是函数自己调用自己本身,或者在自己函数调用的下级函数中调用自己。 方法1: function fn(n) { // 判断: 如果是n=1 直接输出1 退出 if (n == 1) { return 1; } // 如果是
JavaScript中的Object.defineProperty方法
摘要:首先看一下官方的定义:Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象。语法 Object.defineProperty(obj,prop,descriptor) 对象添加属性 以前的修改添加对象属性的方法 OBJ.pa
js实现简单的产品搜索功能
摘要:实现产品搜索功能的表格 div和tbody 部分: js数据data和 1. 获取相应的元素 2. 把数据渲染到页面中 3. 根据价格查询商品 当我们点击了按钮,就可以根据我们的商品价格去筛选数组里面的对象 4. 根据商品名称查找商品 如果查询数组中唯一的元素, 用some方法更合适,因为它找到这个
promise简单应用
摘要:promise执行多步操作非常好用,那我们就来模仿一个多步操作的过程,那就以吃饭为例吧。要想在家吃顿饭,是要经过三个步骤的。 洗菜做饭。坐下来吃饭。收拾桌子洗碗。 这个过程是有一定的顺序的,你必须保证上一步完成,才能顺利进行下一步。我们可以在脑海里先想想这样一个简单的过程在ES5写起来就要有多层的嵌
文章页面,左侧滚动内容时右侧目录也在跟着变化
摘要:文章页面,左侧滚动内容时右侧目录也在跟着变化的实现(原生的方法jQuery的插件): 先需要引入三个插件库文件: (1)<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> (2)<script src=
返回的数据转换成百分比分的方法
摘要:最近做项目的过程中遇到了一个小问题,就是后台返回的是0.1231的格式,前端 需要抓换成百分比格式:0.1241 12.41%的格式,但是直接乘100报错 用了这个方法后 有的数据成功转换有的数据还是出现了无限多位数的情况。 在js的方法里通过forEch来遍历,在方法里进行转换的时候成功了
async、await 优缺点
摘要:async、await 优缺点 async 和 await 相比直接使用 Promise 来说,优势在于处理 then 的调用链,能够更清晰准确的写出代码。缺点在于滥用 await 可能会导致性能问题,因为 await 会阻塞代码,也许之后的异步代码并不依赖于前者,但仍然需要等待前者完成,导致代码失