让link标签失效
发表于|更新于
|浏览量:
此岸永远是残缺的,否则彼岸就要塌陷。——史铁生
一直有小伙伴吐槽我的博客太花哨了,想让我加个隐藏主题功能,于是我就加了一个

这里用到了jquery选择带对应属性的标签
我这里是让引入style.css的link标签失效了
关键代码如下:
隐藏
1 | <!-- 选中head节点,找到href属性为'/css/style.css'的link标签,添加属性disabled为disabled --> |
显示:
1 | <!-- 移除该属性 --> |
相关推荐
2022-01-13
for of和for in
人生而自由,却无往不在枷锁中——卢梭《社会契约论》 我之前写过一篇for in的博客 for in是遍历对象key或者数组下标 前端还可以使用for of来遍历value 简单写一下两者区别和使用方式吧: 12let ruben = {name:'ruben', age:21}for(key in ruben) console.log(key) 然后是for of 提示对象并不是iterable(可迭代的) 因此for of并不能遍历对象的key 接下来看数组的: 12let list = [1,2,3,4,5,6]for(i in list) console.log(i) 可以看到是遍历获取出了下标并不是实际的值 而for of: 12let list = [1,2,3,4,5,6]for(i of list) console.log(i) 遍历出了我们的value
2022-12-25
mask
任凭人群来往,任凭钟声响起,小孩啼哭——决心好好过上一天。——梭罗《瓦尔登湖》 分享一个css属性mask: https://developer.mozilla.org/zh-CN/docs/Web/CSS/mask https://css-tricks.com/almanac/properties/m/mask/ CSS 属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 这个属性很类似于background属性,但不同的是,background是背景在元素下层,mask是遮罩在元素上层,且mask不支持直接指定color,只支持image对象如图片、svg等 同样两者都是组合属性,意味着可以用简写,而不是一个一个去指定 12mask-image: url(/img/oss/blog/vampireachao/bilibili-line.svg);mask-repeat: no-repeat; 可以简写为 1mask: url(/img/oss/blog/vampireachao/bilibili-line.svg) ...
2025-05-03
hoppscotch
往往有这样的情形:为科学和技术开拓新道路的,有时并不是科学界的著名人物,而是科学界毫不知名的人物,平凡的人物,实践家,工作革新者。 —— 斯大林 https://github.com/hoppscotch/hoppscotch/ https://hoppscotch.io/ Hoppscotch:开源 API 开发生态系统在现代 Web 开发中,API 是核心组件之一,开发者需要一套高效、可靠的工具来测试和开发 API。Hoppscotch 是一个开源的 API 开发生态系统,提供了强大且简洁的功能,作为 Postman 和 Insomnia 的开源替代品,正在受到越来越多开发者的青睐。 什么是 Hoppscotch?Hoppscotch 是一个轻量级且功能丰富的 API 客户端,专为开发者设计。它支持 HTTP 请求测试、GraphQL 查询、WebSocket 调试等功能,同时提供了现代化的用户界面和高效的工作流,帮助开发者快速完成 API 的开发和测试。 核心特点: 跨平台支持:Hoppscotch 是一个 Progressive Web App (PWA),可在浏览...
2020-11-26
vue路由NavigationDuplicated错误
有志者,事竟成,破釜沉舟,百二秦关终属楚;苦心人,天不负,卧薪尝胆,三千越甲可吞吴。——蒲松龄 如果遇到了Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location异常 可以在router里配置一下 1234567891011121314151617181920import Vue from 'vue'import Router from 'vue-router'// 解决路由重复问题const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}Vue.use(Router)export default new Router({...
2023-09-13
字体按宽度自适应大小
不用给我爱,不用给我钱,不用给我声誉,给我真理吧。——梭罗的《瓦尔登湖》 一般可以使用vw或者em一类的属性来适配,但如果还需要更小,就只能使用scale缩放了,例如使用js 1234567891011121314151617181920212223242526function scaleMemberName(memberElement: Element | null, reset: boolean) { if (!memberElement) { return; } const nameElement = memberElement.querySelector('.name'); if (!(nameElement instanceof HTMLDivElement)) { return; } if (reset) { nameElement.style.scale = String(); return; } const boundingBox ...
2022-06-03
pnpm
曾因酒醉鞭名马,生怕情多累美人。——郁达夫 官方网址:https://www.pnpm.cn/ 我们在使用npm下载前端所需依赖时,会反复下载、重复下载,如果有一款工具,能够缓存起来我们的下载,那就是pnpm了 快速pnpm 是同类工具速度的将近 2 倍 高效node_modules 中的所有文件均链接自单一存储位置 支持单体仓库pnpm 内置了对单个源码仓库中包含多个软件包的支持 权限严格pnpm 创建的 node_modules 默认并非扁平结构,因此代码无法对任意软件包进行访问 安装很简单,就像普通安装一个模块一样即可: 12npm i -g pnpmpnpm -v 使用yarn 12yarn global add pnpmpnpm -v
