function copy() {
var tag = document.createElement(‘input’)
tag.setAttribute(‘id’, ‘cp_input’)
tag.value =’ 复制的内容 ’
document.getElementsByTagName(‘body’)[0].appendChild(tag)
document.getElementById(‘cp_input’).select()
document.execCommand(‘copy’)
document.getElementById(‘cp_input’).remove()
message.success(‘复制成功’)
}
最近遇到这样一件事:这位设计小兄弟,说好只加 3 个页面,最后硬是加了 6 个页面,打工人何必为难打工人。面对这两排页面,对于
CSS
原本就比较弱的我来说,简直噩梦。正当我苦恼着,突然想起上次同事推荐给我的一款前端必备神器,看来可以用起来了。这款神器就是摹客,号称“1分钟就能搭建页面交互原型,还能一键生成设计稿样式代码”,让我们做前端的也能按时打卡下班。一起试试看~01...
万千封印SnappySnippet我终于找到了一些时间来创建此工具。您可以从Chrome网上应用店安装SnappySnippet。它允许从指定的(最后检查)的DOM节点轻松提取HTML +
CSS
。另外,您可以将代码直接发送到CodePen或JSFiddle。请享用!SnappySnippet Chrome扩展其它
功能
清理HTML(删除不必要的属性,修复缩进)优化
CSS
以使其可读完全可配置(可以关...
-webkit-touch-callout:none; /*系统默认菜单被禁用*/
-webkit-user-select:none; /*webkit浏览器*/
-khtml-user-select:none; /*早期浏览器*/
-moz-user-select:none;/*火狐*/
-ms-user-select:none; /*IE10*/
我们整理一下index.js:
async function getComponent() {
const { default: _ } = await import( /* webpackChunkName: 'lodash' */ 'lodash' )
const dom = document.createElement('div');
dom.inn...
CSS
语言:
CSS
S
CSS
确定@keyframes spin {0%, 50% {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);}65%,70% {transform: rotateX(-25deg) rotateY(40deg) rotateZ(0deg);}80% {transform: rotateX(-50deg) rotateY...
1.元素的 width/height/padding/margin 的百分比基准
设置 一个元素width/height/padding/margin 的百分比的时候,大家可知道基准是什么?
举个栗子:
.parent {
width: 200px;
height: 100px;
.child {
width: 80%;
height: 80%...
css
实现点击滚动翻页的效果(无js)
复制
代码代码如下:dl {width:389px;height:154px;border:10px solid #eee;}dd {margin:0;width:389px;height:154px;overflow:hidden;}img {border:1px solid black}dt {position:absol...