10 2020 档案

弹性布局
摘要：布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这 阅读全文
posted @ 2020-10-24 17:10 花开荼蘼Ⅴ彼岸未归 阅读(173) 评论(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 花开荼蘼Ⅴ彼岸未归 阅读(402) 评论(0) 推荐(0)
jQuery动画
摘要：jQuery注意点 1、JQuery 定义了 fadeIn() 和 fadeOut() 等简单方法来实现常见的视觉效果，还定义了一个 animate() 方法来实现更复杂的自定义动画 2、JQuery 动画是异步的，动画方法会在动画完成之前返回 3、JQuery 动画方法常使用动画时长（用毫秒数值或 阅读全文
posted @ 2020-10-24 16:31 花开荼蘼Ⅴ彼岸未归 阅读(178) 评论(0) 推荐(0)
jQuery入门
摘要：jQuery简介 jQuery是一个快速，小型功能丰富的JavaScript库 它使用一个在多种浏览器上工作的易于使用的API使得HTML文档遍历和操作 事件处理 动画 Ajax等工作更简单 随着多功能性和可扩展性结合jQuery改变了数百万人编写Js的方式jQuery设计的宗旨是“write Le 阅读全文
posted @ 2020-10-24 15:36 花开荼蘼Ⅴ彼岸未归 阅读(72) 评论(0) 推荐(0)
C3动画+animation动画库
摘要：动画的分类及使用 CSS3中的动画分为：平移动画、过渡动画和自定义动画三种。 平移动画：transform: 平移translate / 旋转rotate / 放大scale / 倾斜skew； 过渡动画：transition: transition是一个复合属性，包括：transition-pro 阅读全文
posted @ 2020-10-17 16:31 花开荼蘼Ⅴ彼岸未归 阅读(1229) 评论(0) 推荐(0)
localStorage和sessionStorage
摘要：localStorage和sessionStorage是HTML5提供的对于Web存储的解决方案 相同点 都与HTTP无关，是HTML5提供的标准，当发起HTTP请求时不会与Cookie一样自动携带 都是以键值对的形式存在，即Key-Value形式，常用的Api也相同 存储类型都是String类型， 阅读全文
posted @ 2020-10-07 22:01 花开荼蘼Ⅴ彼岸未归 阅读(173) 评论(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 花开荼蘼Ⅴ彼岸未归 阅读(359) 评论(0) 推荐(0)
audio标签的样式修改
摘要：由于H5的流行，现在移动端大多数的需求都可以使用audio来播放音频，但您可能只是需要很简单的播放/停止效果，但不同的浏览器上的audio样式却不尽人意，那么要怎么改变这个样式呢，其实它的原理比较简单，就是把写audio的时候不要用controls属性，隐藏原生的audio， 然后用div之类标签， 阅读全文
posted @ 2020-10-05 17:57 花开荼蘼Ⅴ彼岸未归 阅读(2380) 评论(0) 推荐(0)
新增内容
摘要：H5C3 html5语义化标签 H5专门规定的布局标签 头部 header 导航区 nav 主体部分 main 小模块 section 边栏框 aside 尾部区域 footer 正文框 article 语义化的标签，旨在让标签有自己的含义。 优势： 1.代码结构清晰，方便阅读，有利于团队合作开发。 阅读全文
posted @ 2020-10-05 17:28 花开荼蘼Ⅴ彼岸未归 阅读(181) 评论(0) 推荐(0)