随笔分类 - javascript
sessionStorage.clear() 的一些疑问
摘要：问： window.close(); // 直接关闭会导致仅清空的当前标签页的sessionStorage，重新打开时标签页的仍然是之前的sessionStorage数据，尽管执行了sessionStorage.clear()??? 答： 这可能是因为浏览器的行为。一些浏览器在关闭标签页或窗口时会保
vue 模拟滚动条循环滚动
摘要：``` 重大警情 0"> {{ item.level }} {{ item.type }} {{ item.sfdz }} {{ item.ajztmc }} 发生时间：{{ item.time }} 警情内容：{{ item.nr }} 出警处置情况：{{ item.cjczqk }} 警情处理结
js 解构重命名
摘要：``` const used2 = useDutyStore(); const { stateDuty: stateDuty2, getDutyList: getDutyList2 } = used2; onMounted(() => { getDutyList2(); }); ```
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
chrome 消息队列的执行顺序
摘要：渲染进程 微队列（最高优先级），如异步请求 交互队列（高优先级），如点击事件 延时队列 （中优先级），如setTimeout // eg. function a() { console.log(1); Promise.resolve().then(() => { console.log(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
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
scrollTop 不生效时如何将页面移动到指定元素位置
摘要：{/* 要跳转的暗锚点 */} <a id="hardware" style={{ position: "relative", top: "0" }}></a> handleLoaction(item) { let ele = document.querySelector(item.location
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)
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
页面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
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
复制文本时追加自定义内容
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
JS NodeList转为数组
摘要：let width = document.querySelector('.el-tabs'); // document.querySelectorAll('.chart') 为 NodeList [...document.querySelectorAll('.chart')].map((item)
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
数组里的 string 转 int
摘要：['1','2','3'].map(Number) // [1,2,3] 等同于 ['1','2','3'].map((value, index, array) => Number(value, index, array)) // [1,2,3]
js 常用功能
摘要：// 判断是否是手机 function isMobile() { var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本
web 移动端开发手机查看效果
摘要：// package.json 中 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open --port 3000 --contentBase src
js 替换特殊符号
摘要：[]+()?^$等等里面要用到的特殊字符都要转义。 即在前面加 \ <textarea id="tarea1" style="width:300px;height:300px"></textarea> <textarea id="tarea2" style="width:300px;height:3
1
