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

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

试试吧
相关推荐
2024-09-23
position-try-fallbacks
教育成功的秘密,在于尊重学生。——爱默生 昨天我们聊到了 position-try | 阿超 今天是它的拓展,我们通过@position-try定义移动到的位置,然后用position-try使用 语法例如: 12345678910@position-try --my-custom-position { position-area: top left; width: 50px;}.target { position: absolute; position-area: top right; position-try-fallbacks: --my-custom-position;} 我们这里还是用昨天的例子,定义一个 12345/* 定义自定义的 `position-try` 规则,用于小型目标元素的样式 */@position-try --compact-target { height: 40px; /* 高度设为40px */ margin: 0px; /* 没有边距 */} 然后我们使...
2024-12-06
shenyu-dashboard的一些优化
热爱生活,追求真理,不要以为自己年轻而盲目乐观。——左拉 Namespace optimize by VampireAchao · Pull Request #514 · apache/shenyu-dashboard · GitHub src/components/GlobalHeader/index.js 123- if (namespaceId !== defaultNamespaceId) {- message.warn(getIntlContent("SHENYU.NAMESPACE.ALERTNAMESPACEID.CHANGED"));- } src/routes/System/PluginHandle/AddModal.js 12345678910- <Select placeholder={getIntlContent("SHENYU.PLUGIN.PLUGIN.NAME")}>+ ...
2022-03-06
redux-saga
活着就意味着必须做点什么,请好好努力。——《地下》 我们知道React等单页应用在开发时,页面变化依赖于state 随着 JavaScript 单页应用开发日趋复杂,JavaScript 需要管理比任何时候都要多的 state(状态)。 这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据,也包括 UI 状态,如激活的路由,被选中的标签,是否显示加载动效或者分页器等等。 管理不断变化的 state 非常困难。如果一个 model 的变化会引起另一个 model 变化,那么当 view 变化时,就可能引起对应 model 以及另一个 model 的变化,依次地,可能会引起另一个 view 的变化。直至你搞不清楚到底发生了什么。state 在什么时候,由于什么原因,如何变化已然不受控制。 当系统变得错综复杂的时候,想重现问题或者添加新功能就会变得举步维艰。 如果这还不够糟糕,考虑一些来自前端开发领域的新需求,如更新调优、服务端渲染、路由跳转前请求数据等等。前端开发者正在经受前所未有的复杂性,难道就这么放弃了吗?当然不是。 这里的复杂性很大程度上来自于...
2024-10-03
requestFullscreen
每一次克制自己,就意味着比以前更强大。——高尔基 https://developer.mozilla.org/zh-CN/docs/Web/API/Element/requestFullscreen Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。 比如我们全屏幕整个页面: 1document.documentElement.requestFullscreen(); 又或者我们为其封装一个切换全屏的函数 1234567function toggleFullScreen() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); } else if (document.exitFullscreen) { document.exitFullscreen(); }} 甚至仅仅只是全屏某一元素,比如这里全屏一个video 1234567891011...
2020-09-05
vue结合elementUI进行快速开发
人生最重要的不是努力,不是奋斗,而是抉择。 我们引入一个elementUI 1cnpm i element-ui 然后在main.js中引入 我们来做个测试,首先在页面中的methods中定义个welcome方法 123456789methods: { welcome() { this.$message({ showClose: true, message: "欢迎", type: "success", }); },}, 然后在created中调用该方法 进入home页面,刷新 可以看到效果了 那我们再引入个导航栏 首先创建header.vue 然后编写导航栏 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<...
2020-11-23
js打字机动画效果实现
坦白使人心地轻松的妙药。——西塞罗 实现打字机效果 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog