妙用
文章平均质量分 55
352328759
精通各类电子设备的开启和关闭功能
展开
-
js 插入公共 css, 异步加载 css
一般样式代码会在文档开头引入, 随文档加载时同步加载无论用户该次操作是否用得到, 样式代码都会全部加载进来但是想要异步加载 css, 或者插入一段新生成的 css, 也是有办法可以实现的插入公共 css 代码块用 createElement 一个 style 节点用 innerHTML 进需要的css代码用 body.appendChild 插入 head 中即可var new_element = document.createElement("style");new_element.i原创 2021-02-03 15:32:45 · 272 阅读 · 1 评论 -
Vue router 3.x 实现路由规则增删
vue 项目的权限限制功能, 有一种实现方案是这样的进入项目只设置没有权限要求的路由向后台提供当前用户的权限后台根据用户权限, 返回该用户可以用的路由信息将路由信息翻译成 “符合 routes 选项要求的数组”用 router.addRoutes(routes) 方法把 “符合 routes 选项要求的数组” 添加到路由这个方案涉及到两个问题:怎么添加路由规则怎么删除路由规则路由规则首先明确一下什么叫路由规则?下例的 { path: ‘/foo’, component: F原创 2021-01-15 17:16:37 · 3221 阅读 · 6 评论 -
一行代码实现 if 判断, 多结果判断
JavaScript 中判断运算是最常见的运算之一, 最常规的当然就是 if但最常用, 最灵活的却另有其"人"与运算符利用了与运算符的特性, 第一项为 false 时, 不执行后面直接返回第一项结果用法: statement1 && statement2注意: statement1 需要 return 一个布尔值, 否则会认为 undefinedconsole.log(_true && true_fun());// 执行 true_fun()// 返回 tru原创 2020-12-31 22:21:14 · 2195 阅读 · 1 评论 -
关于页面获焦的小技巧
document.activeElement返回文档中当前获得焦点的元素, 属性只读与明确的元素比较, 可以知道目标元素是否获焦document.activeElement === document.getElementById("a")没有元素获焦时, 指向 bodyelement.focus()设置目标获焦如进入表单页面后, 主动让第一个 input 获焦document.getElementById("a").focus()利用 input 获焦的特性, 结合 cs原创 2020-12-18 14:54:59 · 1108 阅读 · 0 评论 -
利用 JSON.parse, JSON.stringify 深度克隆json 对象
parse()用于从一个字符串中解析出json对象(字符转对象)注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常// 正确用法JSON.parse('{"aa":11}')// 报错JSON.parse('{aa:11}')stringify()用于从一个对象解析出字符串(对象转字符)利用JSON.parse(JSON.stringify()) 可以深度克隆json 对象var dataEdit = JSON.parse(JSON.stringify(data))/原创 2020-12-15 13:57:15 · 1770 阅读 · 0 评论 -
css content 与 HTML, JavaScript 的联动
HTML, CSS, JavaScript 三方相互分离, 各司其职这是前端开发的初学者都知道基本原则尤其是 CSS, 虽然和 JavaScript, 都是围着 HTML 转, 但两者间是鲜有来往而 CSS 和 HTML 的关系是 CSS 修饰 HTML, 几乎都是 CSS 单方面指挥 HTML整体来讲, CSS 是个"独立的孩子"但凡事都有例外, 在很个别的情况下, CSS 还是要受到 HTML 的控制比如伪类的 content 属性很多初学者只知道伪类的 content 可以设成字符原创 2020-12-03 16:05:32 · 1857 阅读 · 0 评论 -
禁用 eval 时如何解析字符串的 javascript 代码
今天有同事问我:“怎么解析一段字符串的 javascript 代码?”“eval() 呀”“我们的项目禁用 eval …”“曹孟德的名字”解析一段字符串的 javascript 代码的需求并不常见, 所以提到这个需求第一时间想到的方法毫无悬念就是 eval()可是基于网络安全的种种原因, 很多项目对这个方法避之若浼所以禁用 eval 时, 如何解析字符串的 javascript 代码呢?end...原创 2020-11-30 17:23:24 · 2124 阅读 · 0 评论 -
console 中%s,%d,%f,%i,%o的应用
可以在 console.log() 中控制插入的。, 插入的值与顺序对应。原创 2020-08-28 18:00:58 · 2432 阅读 · 0 评论 -
正则表达式 压缩 HTML 字符串
\n 匹配换行符\r 匹配回车符\t 匹配制表符参考资料:https://www.cnblogs.com/mmzuo-798/p/7264093.htmlvar text = `<ul class="footer mainNav js-main-nav"> <li class="mainNav__list act"> <a class="mainNav_...原创 2020-02-10 14:33:25 · 2728 阅读 · 0 评论 -
控制台插入js文件方法
new_element = document.createElement("script");new_element.setAttribute("type", "text/javascript");new_element.setAttribute("src", "https://cdn.bootcss.com/jquery/2.1.0/jquery.min.js");document.bo...原创 2019-02-19 13:58:00 · 4356 阅读 · 0 评论 -
js 插入公共css的方法
createElement 一个 style 节点innerHTML 进需要的css代码body.appendChild 插入body中即可例:new_element = document.createElement("style");new_element.innerHTML =(".tucao-content p{font-size:18px;}");d...原创 2019-05-26 18:42:19 · 4122 阅读 · 0 评论 -
Vuex.Action 的笔记
这次的 demo 越写越复杂,估计大家会看不下去吧.如果有耐心研究讨论的,建议重点留意[“dispatch n”]位置的代码这次的 demo 演示了两种多.dispatch() 连用的方式自定义方式: 使用时调用 dispatch1, 执行后返回到 dispatch1.then, 在 dispatch1.then 里调用 dispatch2 或者其它预定义方式: dispatch1 对应的...原创 2019-09-11 18:04:16 · 2051 阅读 · 0 评论