HJJ。

摘要： .sec { animation: startMask .8s steps(29) both 1; } @keyframes startMask { feom { -webkit-mask-position:0 0% ; } to { -webkit-mask-position:0 100% ; } 阅读全文

摘要： background-position百分比不是根据容器的宽度来决定的，而是根据容器宽/高和**背景图片宽/高(background-size)**的差值来决定的: 水平像素 = (容器宽度-背景图片宽度)*水平百分比 垂直像素 = (容器高度-背景图片高度)*垂直百分比 详情见：https://z 阅读全文

摘要： 粘连布局 特点 有一块内容<main>，当<main>的高康足够长的时候，紧跟在<main>后面的元素<footer>会跟在<main>元素的后面。 当<main>元素比较短的时候(比如小于屏幕的高度),我们期望这个<footer>元素能够“粘连”在屏幕的底部 HTML代码如下： <div id=" 阅读全文

摘要： 固宽&变宽(两列三栏) 两列自适应布局 两列自适应布局是指一列固定宽度，另一列撑满剩余宽度的布局方式 常见HTML结构如下： <div class="main"> <div class="left"> 左边内容 </div> <div class="right"> 右边内容 </div> </div 阅读全文

摘要： 宽高固定比例 一、前言 主要介绍在Web中如何实现纵横比，主要是用于响应式设计中的iframe、img和video之类的元素。 margin/padding百分比相对于父元素宽度。 二、HTML结构 使用CSS实现容器长宽比，常见的HTML模板结构如下： <div class="aspectrati 阅读全文

摘要： 复制-原生js 一、原理分析 浏览器提供了 copy 命令 ，可以复制选中的内容 document.execCommand("copy") 如果是输入框，可以通过 select() 方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板 select() 方法只对 <input> 和 阅读全文

摘要： uniapp:使用Promise简化回调 promisify.js 因为异步api都是success和fail的形式，所以封装方法: export const promisify = (api) => { return (options, ...params) => { return new Pro 阅读全文

摘要： 官网与文档 官方地址：https://clipboardjs.com/ GitHub地址：https://github.com/zenorocha/clipboard.js 引入 <script src="js/jquery.min.js"></script> <script src="js/cli 阅读全文

摘要： 1、text-align 控制文本的对齐方式 2、text-indent 控制文本首行的缩进，px或%都可； 3、white-space 文档中的空白处 属性值: noraml: 默认忽略多个空格,只输出一个空格 . nowrap: 强制不换行 pre:空格/缩进/换行 会给保留 pre-line: 阅读全文

摘要： XD 1.快捷键 ctrl+e 保存 ctrl+y 唤起文件列表 alt 看距离 空格+鼠标 移动界面 ctrl+g打组 阅读全文