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

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

试试吧
相关推荐
2026-01-24
remotion
不要老叹息过去,它是不再回来的;要明智地改善现在。要以不忧不惧的坚决意志投入扑朔迷离的未来。——朗费罗 Remotion:用 React“写”视频的开发者框架你可能已经习惯用 React 搭页面、用三方库做动画,但有没有想过——用 React 直接“写”视频?Remotion 的答案是肯定的。它把我们熟悉的 Web 技术栈转换成视频生成的能力:用 JSX 描述画面、用 CSS/Canvas/SVG/WebGL 进行布局与渲染、用编程逻辑与算法叠加效果,然后“程序化地”输出成视频。 仓库:remotion-dev/remotion 官方站点与文档:remotion.dev · remotion.dev/docs · API 快速开始:npx create-video@latest 许可证提示:Remotion 有特殊许可规则,部分使用情形需企业许可,详见仓库内 LICENSE.md 为什么用 React 来“写”视频Remotion 的 README 讲得很清楚: Leverage Web Technologies直接调...
2024-08-26
vuemotion
青春是一种持续的陶醉,是理智的狂热。——拉罗什富科 作为vue的动画框架 https://github.com/Bug-Duck/vuemotion 目前属于非常崭新的项目,但是其积累是源自于newcar,因此备受期待 VueMotion 是一个现代动画引擎,就像 Python 的 Manim for Vuejs 生态系统一样,它提供了大量的小部件来帮助用户快速制作动画和视频。并且它具有很高的可扩展性,这意味着您可以轻松创建自己的动画风格。 VueMotion 的前身是 Newcar 动画引擎,但后来因为一些特殊原因停止了开发。如果你是 Newcar 的老用户,欢迎你迁移到 VueMotion。 其团队也是非常之年轻,还在读高中就已经开始做开源 Roadmap Basic Widget Arc Group Line Polygon Rect Text Image Mask Webview Polyline Animations move rotate scale create destroy stroke...
2022-03-11
Array.from
世界在音乐中得到了完整的再现和表达。它是各种艺术当中第一位的,帝王式的艺术,能够成为音乐那样,则是一切艺术的目的。——叔本华 继续还是js中Array的方法 这次说的方法是from:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from 这个方法简单应用如下: 12345console.log(Array.from('foo'));// expected output: Array ["f", "o", "o"]console.log(Array.from([1, 2, 3], x => x + x));// expected output: Array [2, 4, 6] 我这里写个稍微复杂点的例子,随机生成文件名并排序 1[...new Set(Array.from(Array(200).fill('文件'),x=>x+String(...
2025-11-17
mind-map
或许美化灵魂有不少途径,但我想,阅读是其中易走的,不昂贵的,不须求助他人的捷径。——严歌苓《读书与美丽》 https://github.com/wanglin2/mind-map 思绪 Simple mind map 深度解析:一个简单 & 强大的 Web 思维导图库与跨平台应用生态 仓库地址:wanglin2/mind-map开发文档:https://wanglin2.github.io/mind-map-docs/在线使用(网页版思维导图):https://wanglin2.github.io/mind-map/中文名:思绪思维导图(Simple mind map) 1. 项目定位Simple mind map 是一个不依赖任何前端框架的 JS 思维导图库,同时作者基于该库又构建了一个可直接在线使用的 Web 思维导图应用(基于 Vue2 + ElementUI)。它的目标不是“花哨”,而是专注于: 核心逻辑简洁 扩展机制清晰(插件化) 高度可配置与自定义 支持多结构、多格式、多媒体内容节点 可以既做“库”又做“产品”,利于二次...
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({...
2026-03-16
project-nomad
尊重生命、尊重他人也尊重自己的生命,是生命进程中的伴随物,也是心理健康的一个条件。——弗洛姆 Project N.O.M.A.D.Node for Offline Media, Archives, and DataKnowledge That Never Goes Offline Project N.O.M.A.D:一台把“知识、教育、工具、AI”背在身上的离线小型堡垒Project N.O.M.A.D 的自我介绍特别像一句誓言: Project N.O.M.A.D, is a self-contained, offline survival computer packed with critical tools, knowledge, and AI to keep you informed and empowered—anytime, anywhere. 他不想当“又一个必须联网才能运行”的应用集合,他更像一个坚决的旅行者:行李里装着知识、地图、课程、数据工具、笔记本、甚至还有能跟你聊天的本地 AI——不管你身处哪里,哪怕网络断了,他也想把“信息与能力”留在你...
