html
关注
分享
扫一扫
文章平均质量分 67
if时光重来
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue3+ts项目实现陕西省3d地图，解决3d地图click、mouseover等事件失效问题
vue3+ts项目实现陕西省3d地图原创 2025-09-26 17:05:51 · 1024 阅读 · 0 评论 -
vue3项目移动端实现进度条可手动滑动控制进度和点击控制进度
vue3项目移动端实现进度条可手动滑动控制进度和点击控制进度原创 2025-06-12 16:17:23 · 458 阅读 · 0 评论 -
vue3+h5实现自定义拍照功能
vue3+h5实现自定义拍照功能原创 2024-10-24 14:47:11 · 1353 阅读 · 0 评论 -
javascript+canvas身份证背景颜色识别
javascript+canvas身份证背景颜色识别原创 2023-10-12 15:44:16 · 378 阅读 · 0 评论 -
echarts5.4.2版本分别设置两个图表上方标题的位置
echarts5.4.2版本分别设置两个图表上方标题的位置原创 2023-10-12 15:34:13 · 1219 阅读 · 0 评论 -
canvas+javascript实现点击更改图片中指定部位的颜色(将近似的颜色值变更为自定义的颜色)
javascript+canvas实现点击更改图片颜色原创 2023-09-28 15:03:48 · 1683 阅读 · 0 评论 -
html+css+js实现简单的搜索关键词标记为红色
搜索。原创 2023-08-23 16:56:26 · 1085 阅读 · 0 评论 -
vue登录密码强度校验
vue登录密码强度校验转载 2022-10-13 09:47:20 · 1433 阅读 · 0 评论 -
echarts点击切换map地图时，显示切换成功了，但页面上的信息不变。echarts点击事件触发多次
echarts点击切换map地图时，显示切换成功了，但页面上的信息不变。echarts点击事件触发多次转载 2022-10-12 15:40:56 · 682 阅读 · 0 评论 -
使用百度地图实现放大指定倍数后显示当前可视区域的人员名称
使用百度地图实现放大指定倍数后显示当前可视区域的人员名称原创 2022-08-30 09:56:41 · 970 阅读 · 0 评论 -
解决chrome浏览器跨域问题
原网址：https://blog.youkuaiyun.com/qq_41880073/article/details/114641303?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-4.control&dist_request_id=1332048.8412.16194023931599495&depth_1-utm_source=dis转载 2022-05-26 14:40:47 · 1076 阅读 · 0 评论 -
vue中子组件给父组件传参
vue中若想实现子组件给父组件传值，可以通过$emit()传参子组件<template> <h1 @click="clickFunc">点击后给父组件传值</h1></template><script>export default { methods: { clickFunc() { // clickFunc：在父组件中可以监听该方法来获取子组件的传值 // 1: 传输的数据 this.$emit('click原创 2022-01-25 16:09:48 · 825 阅读 · 0 评论 -
在h5中使用vant组件 (vue3.x+vant3开发)
vant官方文档：https://vant-contrib.oschina.io/vant/v3/#/zh-CN/home1.需要用到的文件<!-- 引入样式文件 --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@next/lib/index.css"/><!-- 引入 Vue 和 Vant 的 JS 文件 --><script src="https://cdn.原创 2021-12-08 16:58:00 · 4736 阅读 · 2 评论 -
页面跳转 php、javascript、html
php<?php header("location:url地址") ?> // 页面会立即跳转，因为header执行了location重定向<?php header("Refresh:秒数;url=地址") ?> // 会在3秒后执行跳转<?php sleep(3); header("location:url地址")?> // 调用了...原创 2019-07-22 17:08:49 · 1493 阅读 · 0 评论 -
h5 input点击打开摄像头拍照
<form action="" method="post" name="myform" id="uFileForm"> <input name="file" type="file" id="ufile" accept="image/*" capture="camera"> <input name="image_base64" type="text" id="ufile_base64"><input type="submit"><原创 2021-10-15 09:33:58 · 521 阅读 · 0 评论 -
html+jquery实现简单放贪吃蛇小游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="GB23123"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>.原创 2021-09-17 15:28:37 · 149 阅读 · 0 评论 -
js readAsDataUrl方法实现多图预览
<input type="file" name="cli[ ]" multiple lay-verify="files" class="layui-input" onchange="inputChanges()" id="fileimgs">function inputChanges(){ var files = document.getElementById('fileimgs').files; if(files.length == 0) return;转载 2020-08-28 16:08:07 · 745 阅读 · 0 评论 -
h5实现底部菜单选择切换页面及图片样式
该css使用Aui框架footer.html<style> #footer img{ width: 2rem; height: 2rem; margin: 0 auto; } .aui-bar-tab-item a{color: #333;}</style><footer class="aui-bar aui-bar-tab" rel="footer"> <div c原创 2020-07-13 11:27:22 · 2592 阅读 · 0 评论 -
layui图片上传
index.html注意1：你不一定非得按照上述格式返回，只要是合法的 JSON 字符即可。其响应信息会转化成JS对象传递给 done 回调。注意2：如果上传后，出现文件下载框（一般为ie下），那么你需要在服务端对response的header设置 Content-Type: text/html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2020-07-08 09:39:19 · 307 阅读 · 0 评论 -
base为页面上的所有链接规定默认地址或默认目标
定义和用法 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 、、、 标签中的 URL。属性 href (必须属性)规定页面中所有相对链接的基准 URL。 ...原创 2019-07-25 16:23:11 · 1163 阅读 · 0 评论 -
使用计时器延迟页面显示，以保证页面加载完ajax数据也请求完成
<script type="text/javascript"> window.onload = function(){ // 刚跳转到该页面时，使其暂时隐藏 $(".body").hide(); setTimeout(function(){ // 加载完成后显示页面 $(".body").show(); $.ajax({ url: 'http:/...原创 2019-08-03 13:34:31 · 429 阅读 · 0 评论 -
js实现点击回到顶部
html部分<div class="returnTop" id="btn"> <i class="aui-iconfont aui-icon-top"></i> </div>css部分.returnTop { width: 60px; height: 60px; border-radius: 50%;...转载 2019-07-26 10:48:55 · 7907 阅读 · 2 评论 -
h5页面在微信里面分享之后ajax请求无效
问题思路:原网站url为('http://m.xx.xxx.com/article.html?id=1)，分享给好友之后链接就变为http://wap.chebaipishu.com/article.html?id=1410&from=singlemessage，分享到朋友圈之后变为http://wap.chebaipishu.com/article.html?id=1410&f...原创 2019-07-26 11:15:09 · 1437 阅读 · 0 评论 -
jquery实现实现h5页面左右滑动效果
h5实现左右滑动效果<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale...转载 2019-09-05 11:38:58 · 3781 阅读 · 0 评论 -
js实现移动端购物车页面功能
shopcart.cssbody{ background: #eee;}*{margin:0;padding:0;}.zdy-spcartli{ width: 100%; background: #fff; display: flex; flex-direction: row; justify-content: space-between;...原创 2019-09-07 09:44:00 · 3626 阅读 · 0 评论 -
将多维数据存储到localstorage中
var cartstr = {}; //定义空的json对象 cartstr.goods = []; //定义空数组 var sum = 0; $(".check").each(function(){ if(this.checked==true){ ...原创 2019-09-17 11:18:25 · 626 阅读 · 0 评论 -
pc端页面在手机上打开跳转至相应的移动端页面
try { var urlhash = window.location.hash; if (!urlhash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { ...原创 2019-07-25 16:12:23 · 2185 阅读 · 0 评论