display:block小技巧
发表于|更新于
|浏览量:
成功之道,在于你为获得成功所做出的积极努力,而不在于预先就衡量这种成功的价值——哈里特
分享一个小技巧
display:block
可以将style标签可见
例如:
1 | <body> |

因为我们这里给了contenteditable
所以可以直接在页面上编辑

试试吧
相关推荐
2022-06-25
fokus
死亡,就是你加上这个世界,再减去你。——卡尔维诺 分享一个好玩的开源项目,演示地址: https://lab.hakim.se/fokus/ 代码仓库:https://github.com/hakimel/Fokus 演示效果: 当我们在页面上框选时,会在页面上加个蒙版,高亮框选区域 使用方式,首先下载fokus.min.js 官方链接 备用链接 然后引用 1<script src="/js/fokus.min.js"></script> 最后编写代码(随便写点) 1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...
2021-05-03
变量解构赋值
既然有时间在最后壮烈牺牲,不如完美地活到最后一刻——坂田银时/银魂 前两天有朋友问我,这个写法看不懂,让我给他讲讲 它这里用到了一个ES6的新特性:解构赋值 这里简单复现一下 123456789var param = { columns: { property: "我是property" }, data: ["我是", "data", "数组"]}var {columns,data} = paramconsole.log(columns)console.log(data) 输出结果 可以看到我们这里使用 1var {columns,data} = param 去拿到了param里的变量columns和data 这里注意一点,如果我们使用的名字不同的话,是无法取得里面的属性的 例如 123456789var param = { columns: { property: "...
2020-09-07
常用正则
我发现,一个人在放弃给别人留好印象的负担之后,原来心里会如此踏实。——严歌苓 分享一点常用正则 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185...
2025-06-16
mermaid-live-editor
教学的艺术不在于传授本领,而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor:在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中,流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具,在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器,让你即开即用、即写即画。 什么是 Mermaid Live Editor?Mermaid Live Editor 是一个基于浏览器的在线编辑器,专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构,编辑器即可自动渲染为可视化图形,并且支持导出、分享、预览等便捷操作。 主要特性1. 实时预览与高亮 左侧输入 Mermaid 语法,右侧实时渲染对应图形。 支持语法高亮...
2024-09-16
vue+vite模板vitesse
不用给我爱,不用给我钱,不用给我声誉,给我真理吧。——梭罗《瓦尔登湖》 1 项目介绍 Vitesse 是一个基于 Vite 的快速开发模板,由 antfu 维护和开发,专为 Vue.js 项目设计。Vitesse 提供了完整的前端开发环境和最佳实践,内置了多个常用工具和配置,使得开发者可以快速启动项目,而无需从头配置。 通过 Vitesse,开发者可以专注于业务逻辑的实现,而不必在项目的基础配置上花费太多时间。它内置了 Vue 3、Vite、Pinia、Vue Router、TypeScript 等主流技术栈,适合用于构建现代前端应用。 Vitesse 的主要特点: 基于 Vite:Vitesse 继承了 Vite 的高效、快速打包和热更新特性,能够显著加速开发流程。 Vue 3 支持:Vitesse 完全支持 Vue 3 的 Composition API,提供了现代化的 Vue.js 开发体验。 TypeScript 集成:项目中内置了 TypeScript 支持,帮助开发者编写类型安全的代码。 轻松的状态管理:通过 Pinia 实现简单易用的状态管理方案。 Ta...
2025-09-23
yakit
草木蔓发,青山可望。一一王维 https://github.com/yaklang/yakit Yakit:一站式网络安全测试平台,红蓝队都爱用! 在网络安全攻防日益复杂的今天,如何高效、灵活地完成渗透测试、漏洞挖掘、流量分析和脚本自动化?Yakit 给出了一个漂亮的答案! 一、项目简介 项目地址:yaklang/yakit 一句话描述:Cyber Security ALL-IN-ONE Platform 主语言:TypeScript(跨平台桌面应用,深度整合Yaklang安全领域专用语言) Star:6700+ Fork:770+ 标签:redteam blueteam hacking-tools scanner burpsuite pentest exploit 许可证:AGPL 3.0 二、Yakit 的来头有多大?Yakit 是 Yaklang 团队基于“安全融合”理念打造的交互式应用安全测试平台。它不仅仅是抓包工具,更是一套从攻防到自动化脚本、从插件系统到安全语言的全场景解决方案。平台内置网络安全专用 DSL(CDSL),提供可视化、可自动化、可编程...
