随笔分类 -  H5C3

弹性布局
摘要：布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这 阅读全文
posted @ 2020-10-24 17:10 花开荼蘼Ⅴ彼岸未归 阅读(168) 评论(0) 推荐(0)
CSS3中的2D和3D
摘要：CSS3 transform 2D转换的属性与方法： 1.translate 平移 2.rotate 旋转 3.scale 缩放 4.skew 扭曲 还有一个属性就是transform-origin 从哪个方向改变被转换元素的位置 因为是css属性，所以必然，2d转化的设置在style中设置基本格式 阅读全文
posted @ 2020-10-24 16:40 花开荼蘼Ⅴ彼岸未归 阅读(392) 评论(0) 推荐(0)
C3动画+animation动画库
摘要：动画的分类及使用 CSS3中的动画分为：平移动画、过渡动画和自定义动画三种。 平移动画：transform: 平移translate / 旋转rotate / 放大scale / 倾斜skew； 过渡动画：transition: transition是一个复合属性，包括：transition-pro 阅读全文
posted @ 2020-10-17 16:31 花开荼蘼Ⅴ彼岸未归 阅读(1218) 评论(0) 推荐(0)
localStorage和sessionStorage
摘要：localStorage和sessionStorage是HTML5提供的对于Web存储的解决方案 相同点 都与HTTP无关，是HTML5提供的标准，当发起HTTP请求时不会与Cookie一样自动携带 都是以键值对的形式存在，即Key-Value形式，常用的Api也相同 存储类型都是String类型， 阅读全文
posted @ 2020-10-07 22:01 花开荼蘼Ⅴ彼岸未归 阅读(168) 评论(0) 推荐(0)
百度地图API开发
摘要：1，申请密钥:自己的秘钥 2，初始化头文件 3，创建一个盛放地图的div: 4，初始化地图： 5，丰富地图功能： *添加地图控件： map2.addControl(new BMap.NavigationControl());//添加平移缩放控件 map2.addControl(new BMap.Sc 阅读全文
posted @ 2020-10-07 21:18 花开荼蘼Ⅴ彼岸未归 阅读(352) 评论(0) 推荐(0)
audio标签的样式修改
摘要：由于H5的流行，现在移动端大多数的需求都可以使用audio来播放音频，但您可能只是需要很简单的播放/停止效果，但不同的浏览器上的audio样式却不尽人意，那么要怎么改变这个样式呢，其实它的原理比较简单，就是把写audio的时候不要用controls属性，隐藏原生的audio， 然后用div之类标签， 阅读全文
posted @ 2020-10-05 17:57 花开荼蘼Ⅴ彼岸未归 阅读(2357) 评论(0) 推荐(0)
新增内容
摘要：H5C3 html5语义化标签 H5专门规定的布局标签 头部 header 导航区 nav 主体部分 main 小模块 section 边栏框 aside 尾部区域 footer 正文框 article 语义化的标签，旨在让标签有自己的含义。 优势： 1.代码结构清晰，方便阅读，有利于团队合作开发。 阅读全文
posted @ 2020-10-05 17:28 花开荼蘼Ⅴ彼岸未归 阅读(179) 评论(0) 推荐(0)
canvas的渐变和辐射
摘要：渐变 添加颜色 参数一：数字取值范围是0-1 辐射（径向渐变） 区别： 效果图：依次顺序 阅读全文
posted @ 2020-09-26 20:27 花开荼蘼Ⅴ彼岸未归 阅读(280) 评论(0) 推荐(0)
canvas画布
摘要：canvas(位图，像素图） html5中提供了强大的图形处理功能canvas画布，但是不能使用css设置样式宽高，因为它是默认的300x150的画布，样式做伸缩，css设置它会以默认的样式等比放大/缩小整个画布 ​ canvas 画布步骤 ​ 1.获取canvas 元素 ​ 2.搭建canvas绘 阅读全文
posted @ 2020-09-26 15:32 花开荼蘼Ⅴ彼岸未归 阅读(363) 评论(0) 推荐(0)