五、HTML5存储 发表于 2020-07-14 | 更新于: 2020-07-14 | 分类于 web前端 , html5 | | 字数: 596 | 时长 ≈ 2 分钟五、HTML5存储5.1 存储存储是前端仓库的意思HTML5新增了一个存储对象用于存储数据每一个网站分配一个只要浏览器不卸载,电脑不崩溃,就永远存在它的生命周期是永久的存储容量: 5M存储数据localStorage.setItem(key, value);获取数据localStorage.getI ...阅读全文 »
十二、3D相册 发表于 2020-07-14 | 更新于: 2020-07-14 | 分类于 web前端 , CSS3 | | 字数: 998 | 时长 ≈ 6 分钟十二、3D相册鼠标移到上面的效果:鼠标离开的效果:附上源码下载地址(提取码:fkxu):3D相册index.html12345678910111213141516171819202122232425262728293031<!DOCTYPE html><html lang="en" ...阅读全文 »
十一、实现碎片轮播图 发表于 2020-07-14 | 更新于: 2020-07-14 | 分类于 web前端 , CSS3 | | 字数: 2.9k | 时长 ≈ 16 分钟十一、实现碎片轮播图11.1 构建动画12345678<div id="box"> <div class="front"></div> <div class="back"></div> <div class="lef ...阅读全文 »
十、3D 发表于 2020-07-14 | 更新于: 2020-07-14 | 分类于 web前端 , CSS3 | | 字数: 864 | 时长 ≈ 3 分钟十、 3D2d是平面1232d的坐标系: x + yx: 正方向向右 y: 正方向向下3d是立体12343d的坐标系: x + y + zx: 正方向向右y: 正方向向下z: 垂直于屏幕10.1 translateZ该属性是transform的一个子属性,表示元素沿着自身坐标系z轴移动多少像素12 ...阅读全文 »
三、zepto 发表于 2020-07-14 | 更新于: 2020-07-14 | 分类于 web前端 , 移动端 | | 字数: 902 | 时长 ≈ 3 分钟三、zeptozeptoZepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQuery 。Zepto设计的目的是有一 ...阅读全文 »
二、过渡事件和动画事件 发表于 2020-07-14 | 更新于: 2020-07-14 | 分类于 web前端 , 移动端 | | 字数: 322 | 时长 ≈ 1 分钟二、过渡事件和动画事件2.1 过渡事件当一个元素过渡事件的开始、经过、结束,会触发一个事件123transitionstarttransitionruntransitionend12345678// 获取元素var box = document.getElementById("box");// 2s ...阅读全文 »
一、移动端的事件 发表于 2020-07-14 | 更新于: 2020-07-14 | 分类于 web前端 , 移动端 | | 字数: 432 | 时长 ≈ 1 分钟一、移动端的事件移动端新增了“touch”触摸事件,因为手指的行为叫“触摸”,而鼠标的行为叫“点击”依然支持点击事件,只是有300ms的延迟举例:1234567891011121314151617var box = document.getElementById("box");// 获取当前时间va ...阅读全文 »
六、requirejs配置 发表于 2020-07-14 | 更新于: 2020-07-14 | 分类于 web前端 , 模块化 | | 字数: 360 | 时长 ≈ 1 分钟六、 requirejs配置配置:本身具有这种功能,需要开启, 所以要进行配置requirejs提供了config方法用于配置模块的6.1 paths作用:简化路径值是一个对象12key: 新的路径value: 原始路径1234567891011// 使用config配置requirejs.conf ...阅读全文 »
五、requirejs 发表于 2020-07-14 | 更新于: 2020-07-14 | 分类于 web前端 , 模块化 | | 字数: 1.6k | 时长 ≈ 6 分钟五、 requirejs5.1 体验requirejsrequirejs是第一个模块化开发框架,提出了module transports规范, 基于前段模型的规范(加载时都是异步的),又借鉴于nodejs,也支持comminjs规范,建议我们使用module transports 规范12345re ...阅读全文 »
四、加载css插件 发表于 2020-07-14 | 更新于: 2020-07-14 | 分类于 web前端 , 模块化 | | 字数: 324 | 时长 ≈ 1 分钟四、 加载css插件seajs.css文件使用css插件非常简单第一步在sea.js之后引入css文件第二步直接在模块中引入css文件注意:在引入css文件的时候一定不能省略.css后缀, 因为seajs对js敏感, 对css不敏感123456789101112131415161718<!DO ...阅读全文 »