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

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

试试吧
相关推荐
2023-11-08
js惰性函数
要深入了解人的方法只有一个,就是不急于下定论。——圣·普波 在js中我们可以使用惰性函数,用于重新定义函数自身的行为 例如: 12345678910111213141516171819202122function addEvent(type, el, fn) { if (window.addEventListener) { addEvent = function(type, el, fn) { el.addEventListener(type, fn, false); } } else if (window.attachEvent) { addEvent = function(type, el, fn) { el.attachEvent('on' + type, fn); } } else { addEvent = function(type, el, fn) { el['...
2021-08-18
回车提交表单
却是平流无石处,时时闻说有沉沦。——唐•杜荀鹤 我们在页面开发中经常会写一些表单,但身为一个懒人,肯定是懒得点提交按钮的,我一般直接按回车提交 当我们的form满足只有一个input的时候,回车事件是生效的 123<form> <input/></form> 当我们的form有多个input的时候,回车事件失效了 1234<form> <input/> <input/></form> 此时我们可以加一个input,让type=submit 即可再次满足回车提交效果 12345<form> <input/> <input/> <input type="submit"/></form> 如果要隐藏掉,使用样式display:hide隐藏即可 但有时如果我们如果需要回车不提交表单,则可以避免上述条件 如果想要不执行submit事件,可以直接在form上加一个onsubmit="return false&q...
2021-10-18
jq根据屏幕高度设置元素高度
没有哪一个聪明人会否定痛苦与忧愁的锻炼价值——赫胥黎 很简单一行代码: 1$('#ruben').css('height', $(window).height()); 这里$(window).height()获取了屏幕高度 然后用css函数去设置style
2024-06-30
nativeShare.js
进步是人的生活方式。——雨果 分享一个 https://github.com/JefferyWang/nativeShare.js 这个库是王俊锋写的,用于h5直接唤醒浏览器的分享 注意:目前仅支持手机UC浏览器和QQ浏览器 nativeSharenativeShare是一个可以通过javascript直接调用原生分享的工具. demo 我们知道现在我们无法直接通过js直接跳转到微信和QQ等软件进行分享,但是现在像UC浏览器和QQ浏览器这样的主流浏览器自带一个分享工具,而他们也有自己定义的js接口.我们通过调用浏览器的接口去调用浏览器的分享,从而实现原生分享功能.是不是很酷呢? 该工具具有以下特点: 支持原生微博、微信好友、微信朋友圈、QQ好友、QQ空间分享 支持调用浏览器更多分享功能 注意:目前仅支持手机UC浏览器和QQ浏览器 github项目地址: https://github.com/JefferyWang/nativeShare.js Git@OSC项目地址: http://git.oschina.net/wangjunfeng/nativeSha...
2023-10-03
threejs+vite+ts实现官网基础部分
一个温柔的目光,一句由衷的话语,能使人忍受生活给他的许多磨难。——高尔基 官方文档:three.js manual 源代码从这里改进: GitHub - PacktPublishing/Learn-Three.js-Fourth-edition: Learn Three.js, Fourth edition, published by Packt 我本地进行了一些修改,首先package.json 12345678910111213141516171819{ "name": "three-ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc &...
2021-07-15
自定义鼠标
无息乌乎生,无绝乌乎续,无无乌乎有? ——明·宋应星《谈天·日说三》 我们可以使用CSS中的 1cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),auto; 去自定义我们的鼠标图片 这里后面的auto是如果前面鼠标图片失效时的备选方案 我们也可以改成default、pointer等等 甚至可以多个并存 1cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),url(https://VampireAchao.github.io/imgs/mouse2.cur),auto; 效果如下
