
h5 css
改个名字888777
这个作者很懒,什么都没留下…
展开
-
大文件分片上传
把大文件进行分段 比如2M,发送到服务器携带一个标志,暂时用当前的时间戳,用于标识一个完整的文件服务端保存各段文件浏览器端所有分片上传完成,发送给服务端一个合并文件的请求服务端根据文件标识、类型、各分片顺序进行文件合并删除分片文件原创 2021-07-01 18:32:44 · 182 阅读 · 0 评论 -
一些css优化
常用的属性整理,直接复用/* 清除浮动 */ .clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;zoom:1;}/* 图片自适应 */ img { max-width: 100%; height: auto; width:auto\9; /* ie8 */ -ms-i原创 2020-12-02 12:50:27 · 208 阅读 · 1 评论 -
前端优化 一些细节
在目标图标不能正常载入时,载入备份替代图来提供用户体验。<img src="http://sample.com/img.png" onerror="this.src='http://sample.com/default.png'">原创 2020-11-12 17:21:07 · 201 阅读 · 0 评论 -
css 局部放大适配safari
没加position属性之前,在Safari上鼠标hover之后会出现一个短暂的直角才会变为圆角。原创 2020-10-16 15:57:48 · 491 阅读 · 0 评论 -
css 【圆弧】【通过伪类扩大可点击区域】【线性渐变+透明度】【svg画圆+叠加】【滚动条】
通过伪类扩大可点击区域button { position: relative; /* [其余样式] */}button::before { content: ''; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px;} svg的一个小实现 ==》 先来看...原创 2019-12-14 23:37:22 · 499 阅读 · 0 评论 -
自适应 && 等分 flex 【angular flexLayout】CSS
html:<div class="image-multi-wrapper" fxFlex fxFlexAlign="stretch"> <div class="model-multi" fxLayout="row" fxLayoutAlign="start stretch" fxFlex> <!-- <ng-container *ngFor=...原创 2020-01-17 10:13:10 · 418 阅读 · 0 评论 -
CSS为图片添加蒙版 添加placeholder占位 【文字超出...占位】【设置渐变边框】【不显示滚动条】【flex布局】
之前一直都是用absolute定位,然后:hover 添加今天想到可以把背景颜色设置为底色一样的颜色,然后:hover的时候变色;同时,设置图片:hover 时候透明度小于1用 flexLayout 做以下布局:标题居中显示,右上角是关闭的小按钮。这时候可以在左上角度设置一个与右上角小按钮同宽同高的 div ,这样可以<divfxLayout="row"fx...原创 2019-09-04 16:38:05 · 597 阅读 · 0 评论