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

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

试试吧
相关推荐
2020-12-06
let和const命令
一个人在学校里表面上的成绩,以及较高的名次,都是靠不住的,唯一的要点是你对于你所学的是否心里真正觉得很喜欢,是否真有浓厚的兴趣……——邹韬奋 es6出来这么久了,是时候系统学习一下了 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。——ECMAScript 6.0入门网站 1234567891011121314151617181920212223242526272829303132333435<!-- es6学习笔记 -->// let必须先声明再使用// console.log(a) // Uncaught ReferenceError: Cannot access 'a' before initializationlet a = "a";console.log(a); // a// var可以先使用再声明b = &qu...
2025-01-14
shenyu的rule表单handler填写问题
你凭什么以为你十年寒窗,抵得过我三代从商。——盛田昭 主要是这个pr: https://github.com/apache/shenyu-dashboard/pull/518 发现原来是JSON.parse的时候,由于handler是undefined导致报错 改为 1JSON.parse(handle ?? "{}"), JSON.parse(handle ?? "{}") 这个表达式涉及到了两部分的知识点:空值合并操作符(??)和JSON.parse()。 空值合并操作符(??): 空值合并操作符(nullish coalescing operator)??用于判断一个值是否为null或undefined,如果是,则返回右边的值。如果左边的值不是null或undefined,则返回左边的值。 在这个表达式中,handle ?? "{}"的作用是:如果handle的值是null或undefined,就返回"{}",否则返回handle的值。 JSON.parse()...
2024-03-09
订单确认按钮动画
志向不过是记忆的奴隶,生气勃勃地降生,但却很难成长。——莎士比亚 源码地址 https://codepen.io/aaroniker/details/eYOVrNa 非常炫酷的按钮效果,让人眼前一亮 主要都是靠css实现的 pug代码: 12345678910111213button(class='order') span(class='default') Complete Order span(class='success') Order Placed svg(viewbox='0 0 12 10') polyline(points='1.5 6 4.5 9 10.5 1') div(class='box') div(class='truck') div(class='back') div(class='front') div(class='...
2021-07-12
cursor
生命是一个说故事的人,而每一刻间的故事都是新鲜的。——朱光潜 我们有时候会在页面上定义鼠标移入某个元素时的效果 请把鼠标移动到单词上,可以看到鼠标指针发生变化: auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait 123456789101112131415161718<p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p><span style="cursor:auto">auto</span><br><span style="cursor:crosshair">crosshair</span><br><span style="cursor:default">default</sp...
2022-01-10
oss视频截封面
所谓世人,不就是你吗?——太宰治《人间失格》 今天上传视频后发现没有上传封面… 后来发现阿里云oss支持直接截取封面 文档地址: https://help.aliyun.com/document_detail/64555.html 也就是说,如果之前的视频URL为: 1/img/oss/picGo/rabbit.mp4 那么我们加上参数 1/img/oss/picGo/rabbit.mp4?x-oss-process=video/snapshot,t_10000,f_jpg 就会变成一张图片 参数说明操作分类:video 操作名称:snapshot 参数 描述 取值范围 t 指定截图时间。 [0,视频时长]单位:ms w 指定截图宽度,如果指定为0,则自动计算。 [0,视频宽度]单位:像素(px) h 指定截图高度,如果指定为0,则自动计算;如果w和h都为0,则输出为原视频宽高。 [0,视频高度]单位:像素(px) m 指定截图模式,不指定则为默认模式,根据时间精确截图。如果指定为fast,则截取该时间点之前的最近的一个关键帧。 枚举值:fa...
2024-08-22
ts的&和|类型
如果结果不如你所愿,就在尘埃落定前奋力一搏。——《夏目友人帐》 文档: https://www.typescriptlang.org/docs/handbook/2/objects.html#intersection-types 让我们用中文来解释这两个例子的区别,并通过几个例子帮助你理解。 交集类型 123type Bar = { x: number };type Baz = { y: number };type Foo = Bar & Baz; 结果 Foo 类型: { x: number; y: number } 解释: Foo 是 Bar 和 Baz 的交集类型。它必须同时拥有 x 和 y 两个属性。 示例: 12const obj: Foo = { x: 5, y: 10 }; // 合法const obj2: Foo = { x: 5 }; // 非法,因为缺少 `y` 联合类型 123type Foo = { x: number };type Ba...

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