![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5,CSS3
乐橙Web
不断上进,积极进取;努力赚钱,做好家中顶梁柱!
展开
-
H5无法调起android app 的坑之 scheme 大小写
项目中遇到的坑,此处记录一下,也为大家提个醒。在manifest 文件中配置h5打开activity的scheme和host<activity android:name=".MainActivity" android:exported="true" android:screenOrientation="portrait" android:theme="@style/AppThemeNoActionBar"> <intent-filter>转载 2021-04-11 23:02:02 · 828 阅读 · 3 评论 -
CSS高性能动画
前置知识点重绘与回流为什么transform更加平滑?CSS3动画卡顿优化解决方案重绘与回流CSS性能让javascript变慢会的,频繁触发重绘与回流,会导致UI频繁渲染,最终导致js变慢。有两个线程:一个线程JavaScript解析,一个线程是UI渲染,这两个其实是互斥的两个线程。当javascript 线程运行的时候 ui 线程则会中止暂停,反之亦然。那这是为什么呢?原因是,当ui 线程运行对页面进行渲染的时候 js 脚本难免会涉及到页面视图上的一些样式的改变,为了使这个改变.原创 2020-09-20 22:20:00 · 242 阅读 · 0 评论 -
webworker和darkmode笔记
整体思维导图原创 2020-09-13 20:23:05 · 193 阅读 · 0 评论 -
CSS之BEM指南
块== 特征 ==The block name describes its purpose (“What is it?” — menu or button), not its state (“What does it look like?” — red or big)块名称描述了它的用途(“它是什么?”-菜单或按钮),而不是它的状态(“它看起来像什么?”-红色或大的)。<!--正...转载 2020-02-24 14:34:51 · 394 阅读 · 0 评论 -
pxToRem插件
前两天维护一个老的项目,用到了Jquery-WEUI框架,发现其UI框架中的css文件大都用的是px,不能够很好的自适应,所以去GITHUB上找到一个插件。postcss-pxtorem。官方文档很简单明了,我这里就不再讲解怎么使用啦。...原创 2018-11-07 13:35:16 · 2819 阅读 · 0 评论 -
实用的 CSS — 贝塞尔曲线(cubic-bezier)和Steps的用法
前言在了解cubic-bezier之前,你需要对CSS3中的动画效果有所认知,它是animation-timing-function和transition-timing-function中一个重要的内容。本体简介cubic-bezier又称三次贝塞尔,主要是为animation生成速度曲线的函数,规定是cubic-bezier(&amp;lt;x1&amp;gt;,&amp;lt;y1&amp;gt;,&amp;转载 2018-11-09 10:49:26 · 4117 阅读 · 0 评论 -
一行文字两端的均匀分布
前几天看杜大大的CSS参考手册,看到了老生常谈的文字两端对齐对齐方式,觉得很好,便记录下来。 如果要实现本例中单行两端对齐,可以这样做:首先,所有主流浏览器都支持text-align的justify属性值;*.其次,在这个例子中每个 p 都只有一行(所以既是第一行也是最后一行),所以无法通过定义text-align: justify来实现两端对齐,因为text-align: jus...原创 2018-07-16 11:42:07 · 5887 阅读 · 0 评论 -
表单EncType中表单数据提交格式浅析
表单在Form元素的语法中,EncType表明提交数据的格式 用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。 例如: application/x-www-form-urlencoded: 窗体数据被编码为名称/值对。这是标准的编码格式。 multipart/form-data: 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分,这个一般文件上传时用。 tex...转载 2018-06-06 10:00:52 · 285 阅读 · 0 评论 -
CSS vertical-align属性的用法
vertical-align的定义W3C上对vertical-align的定义:vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。 文本通常根据不可见的基线进行对齐的,而字母的底部位于基线之上。vertical-al...转载 2017-08-15 15:28:21 · 1013 阅读 · 0 评论 -
使用rgba属性兼容IE8
① CSS3 rgba 即在原本3原色的基础上增加了alpha(透明度)通道,该属性的兼容性如下:类型Internet ExplorerFirefoxChromeOperaSafari版本(×)IE6(√)Firefox 3.0.10(√)Chrome 2.0.x(√)Opera 9转载 2017-07-24 21:25:12 · 758 阅读 · 0 评论