H5
关注
分享
扫一扫
礼礼。
这个作者很懒，什么都没留下…
展开
-
时间戳、返回毫秒数并转换成对应时间、添加删除插入替换调位数组元素、价格的排序、过滤、查找最高值、计算商品总价
时间戳（字符串类型和时间类型）返回总毫秒数（四种方式）将后毫秒数转换成相对应的时间；原创 2022-05-30 14:11:07 · 230 阅读 · 1 评论 -
上传图片 预览图片 uni-app
实现点击上传图片按钮后，自动弹出文件夹选取图片然后就会发现图片已经上传成功,数据已经获取实现方法 请看代码（uni-app）<button type="primary" @click="chooseImg">上传图片</button>、、、、、、、、methods: { chooseImg(){ uni.chooseImage({ //chooseImage方法（固定）是专门用来完成图片上传的 count: 5, //限制图片上传的数量原创 2022-05-12 14:03:03 · 312 阅读 · 0 评论 -
点击按钮 进行数据存储 删除 获取
<button type="primary" @click="setStorage">存储数据</button><button type="primary" @click="getStorage">获取数据</button><button type="primary" @click="removeId">移除数据</button>methods: { //本地缓存 存储、获取、删除数据 //在控制台 应用>原创 2022-05-12 10:35:06 · 599 阅读 · 0 评论 -
【h5引入组件、运行浏览器图标报错】
引入组件页面A1<A1>import A1 from './components/A1.vue'components: { A1}使用webstorm软件运行H5项目时 点击浏览器图标时报错 解决方法：解决方法：第一，找到这个浏览器所在的位置，右击查看属性 复制所在路径，复制该位置到下面 如图所示：选中历览器 邮寄查看属性并复制文件地址将复制的路径粘贴到对应的位置，然后🆗就没啥事了...原创 2022-05-12 10:30:45 · 246 阅读 · 0 评论 -
【点击按钮显示/隐藏 带动画效果】
实现点击按钮后带动画显示内容，再次点击后进行隐藏，具体参考这个视频教程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta NAME="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <title>动画效果</title原创 2022-05-05 12:01:57 · 1313 阅读 · 0 评论 -
【点击分类 进入商品页面 继续点击 进入商品详情页面】
实现思路：主页面（商品分类）：点击类别按钮，跳转商品页面商品页面（商品列表）：点击某个商品，跳转商品详情页商品详情页（调用接口）：调用接口，渲染商品详细信息主页面：先创建好这四个分类的页面（Inseason 、 Place 、Effect 、NutritionClass ）//Inseason ： 当季 <div class="item item1" @click="centerRouter('Inseason')"> <img src=""/>原创 2022-04-27 11:48:20 · 5003 阅读 · 0 评论 -
最常用的前端
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta NAME="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <title>Title</title> <script src="https://cd.原创 2022-04-22 11:06:01 · 133 阅读 · 0 评论 -
H5
什么是H5？是最新的HTML标准无需额外插件拥有新的语义、图形、多媒体元素是跨平台的，被设计在u通过类型的硬件之上运行所有现代浏览器都支持 HTML5H5新特性新的语义元素：<header> <footer> <article> <section> <aside> <nav> <article> <figure>都是块级元素新的表单控件，比如数字、日期、时间、日历和滑块强大的图像支持（借由原创 2021-07-05 08:44:42 · 93 阅读 · 0 评论 -
H5应用程序缓存
HTML5 引入了应用程序缓存（Application Cache），这意味着可对 web 应用进行缓存，并可在没有因特网连接时进行访问。优势离线浏览 - 用户可在应用离线时使用它们速度快 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源代码解释<html manifest="demo.appcache"> 启用应用程序缓存manifest 文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）".appcache" 是ma原创 2021-07-05 08:40:19 · 286 阅读 · 0 评论 -
H5 拖效
把元素设置为拖放：<img draggable="true">规定拖动什么数据：ondragstart 属性调用了一个drag(event) 函数设置被拖动数据的数据类型和值：dataTransfer.setData()阻止默认的处理方式：event.preventDefault()获得被拖的数据：dataTransfer.getData()拖放前拖放后<!DOCTYPE HTML><html><head><style typ.原创 2021-07-04 22:54:10 · 73 阅读 · 0 评论