随笔分类 -  javascript

1
sessionStorage.clear() 的一些疑问
摘要：问： window.close(); // 直接关闭会导致仅清空的当前标签页的sessionStorage，重新打开时标签页的仍然是之前的sessionStorage数据，尽管执行了sessionStorage.clear()??? 答： 这可能是因为浏览器的行为。一些浏览器在关闭标签页或窗口时会保 阅读全文
posted @ 2023-12-26 10:51 进阶的哈姆雷特 阅读(246) 评论(0) 推荐(0)
vue 模拟滚动条循环滚动
摘要：``` 重大警情 0"> {{ item.level }} {{ item.type }} {{ item.sfdz }} {{ item.ajztmc }} 发生时间：{{ item.time }} 警情内容：{{ item.nr }} 出警处置情况：{{ item.cjczqk }} 警情处理结 阅读全文
posted @ 2023-07-13 17:37 进阶的哈姆雷特 阅读(170) 评论(0) 推荐(0)
js 解构重命名
摘要：``` const used2 = useDutyStore(); const { stateDuty: stateDuty2, getDutyList: getDutyList2 } = used2; onMounted(() => { getDutyList2(); }); ``` 阅读全文
posted @ 2023-07-03 14:10 进阶的哈姆雷特 阅读(146) 评论(0) 推荐(0)
chrome 消息队列的执行顺序2
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2023-03-08 00:30 进阶的哈姆雷特 阅读(31) 评论(0) 推荐(0)
chrome 消息队列的执行顺序
摘要：渲染进程 微队列（最高优先级），如异步请求 交互队列（高优先级），如点击事件 延时队列 （中优先级），如setTimeout // eg. function a() { console.log(1); Promise.resolve().then(() => { console.log(2); }) 阅读全文
posted @ 2022-11-17 23:01 进阶的哈姆雷特 阅读(67) 评论(0) 推荐(0)
闭包的实际应用
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-10-31 21:48 进阶的哈姆雷特 阅读(30) 评论(0) 推荐(0)
Promise 的使用
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-09-22 14:55 进阶的哈姆雷特 阅读(37) 评论(0) 推荐(0)
scrollTop 不生效时如何将页面移动到指定元素位置
摘要：{/* 要跳转的暗锚点 */} <a id="hardware" style={{ position: "relative", top: "0" }}></a> handleLoaction(item) { let ele = document.querySelector(item.location 阅读全文
posted @ 2022-07-14 10:30 进阶的哈姆雷特 阅读(42) 评论(0) 推荐(0)
javascript 深拷贝的问题
摘要：const log = console.log; function test() { 'use strict'; let obj1 = { a: 0 , b: { c: 0}}; let obj2 = Object.assign({}, obj1); log(JSON.stringify(obj2) 阅读全文
posted @ 2021-12-10 11:21 进阶的哈姆雷特 阅读(28) 评论(0) 推荐(0)
HTML DOM classList 属性的使用
摘要：先上一个案例 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
posted @ 2021-11-15 16:25 进阶的哈姆雷特 阅读(104) 评论(0) 推荐(0)
页面LOADING效果
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-11-12 16:50 进阶的哈姆雷特 阅读(100) 评论(0) 推荐(0)
JS 遮罩层控制
摘要：###HTML <header> <div class="header-wrapper"> <a href="./index.html" class="logo"> <img src="../images/logo.png" alt="logo" width="40" height="40"> <p 阅读全文
posted @ 2021-08-19 11:11 进阶的哈姆雷特 阅读(300) 评论(0) 推荐(0)
复制文本时追加自定义内容
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-07-26 15:26 进阶的哈姆雷特 阅读(99) 评论(0) 推荐(0)
JS NodeList转为数组
摘要：let width = document.querySelector('.el-tabs'); // document.querySelectorAll('.chart') 为 NodeList [...document.querySelectorAll('.chart')].map((item) 阅读全文
posted @ 2021-07-20 15:37 进阶的哈姆雷特 阅读(270) 评论(0) 推荐(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="wi 阅读全文
posted @ 2021-04-14 17:57 进阶的哈姆雷特 阅读(252) 评论(0) 推荐(0)
数组里的 string 转 int
摘要：['1','2','3'].map(Number) // [1,2,3] 等同于 ['1','2','3'].map((value, index, array) => Number(value, index, array)) // [1,2,3] 阅读全文
posted @ 2021-03-31 18:03 进阶的哈姆雷特 阅读(148) 评论(0) 推荐(0)
js 常用功能
摘要：// 判断是否是手机 function isMobile() { var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本 阅读全文
posted @ 2021-03-09 09:59 进阶的哈姆雷特 阅读(70) 评论(0) 推荐(0)
回调函数的使用
摘要： 阅读全文
posted @ 2020-02-12 18:01 进阶的哈姆雷特 阅读(150) 评论(0) 推荐(0)
web 移动端开发手机查看效果
摘要：// package.json 中 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open --port 3000 --contentBase src 阅读全文
posted @ 2020-01-05 17:30 进阶的哈姆雷特 阅读(379) 评论(0) 推荐(0)
js 替换特殊符号
摘要：[]+()?^$等等里面要用到的特殊字符都要转义。 即在前面加 \ <textarea id="tarea1" style="width:300px;height:300px"></textarea> <textarea id="tarea2" style="width:300px;height:3 阅读全文
posted @ 2019-10-15 15:07 进阶的哈姆雷特 阅读(3946) 评论(0) 推荐(0)

1