![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 66
if时光重来
这个作者很懒,什么都没留下…
展开
-
javascript+canvas身份证背景颜色识别
javascript+canvas身份证背景颜色识别原创 2023-10-12 15:44:16 · 243 阅读 · 0 评论 -
echarts5.4.2版本分别设置两个图表上方标题的位置
echarts5.4.2版本分别设置两个图表上方标题的位置原创 2023-10-12 15:34:13 · 952 阅读 · 0 评论 -
canvas+javascript实现点击更改图片中指定部位的颜色(将近似的颜色值变更为自定义的颜色)
javascript+canvas实现点击更改图片颜色原创 2023-09-28 15:03:48 · 1060 阅读 · 0 评论 -
html+css+js实现简单的搜索关键词标记为红色
搜索。原创 2023-08-23 16:56:26 · 812 阅读 · 0 评论 -
vue登录密码强度校验
vue登录密码强度校验转载 2022-10-13 09:47:20 · 1136 阅读 · 0 评论 -
echarts点击切换map地图时,显示切换成功了,但页面上的信息不变。echarts点击事件触发多次
echarts点击切换map地图时,显示切换成功了,但页面上的信息不变。echarts点击事件触发多次转载 2022-10-12 15:40:56 · 543 阅读 · 0 评论 -
使用百度地图实现放大指定倍数后显示当前可视区域的人员名称
使用百度地图实现放大指定倍数后显示当前可视区域的人员名称原创 2022-08-30 09:56:41 · 814 阅读 · 0 评论 -
解决chrome浏览器跨域问题
原网址:https://blog.csdn.net/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 · 900 阅读 · 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 · 756 阅读 · 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 · 3799 阅读 · 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 · 1408 阅读 · 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 · 389 阅读 · 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 · 107 阅读 · 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 · 677 阅读 · 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 · 2458 阅读 · 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 · 241 阅读 · 0 评论 -
base为页面上的所有链接规定默认地址或默认目标
定义和用法 标签为页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 、、、 标签中的 URL。属性 href (必须属性)规定页面中所有相对链接的基准 URL。 ...原创 2019-07-25 16:23:11 · 1012 阅读 · 0 评论 -
使用计时器延迟页面显示,以保证页面加载完ajax数据也请求完成
<script type="text/javascript"> window.onload = function(){ // 刚跳转到该页面时,使其暂时隐藏 $(".body").hide(); setTimeout(function(){ // 加载完成后显示页面 $(".body").show(); $.ajax({ url: 'http:/...原创 2019-08-03 13:34:31 · 381 阅读 · 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 · 7812 阅读 · 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 · 1356 阅读 · 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 · 3684 阅读 · 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 · 3511 阅读 · 0 评论 -
将多维数据存储到localstorage中
var cartstr = {}; //定义空的json对象 cartstr.goods = []; //定义空数组 var sum = 0; $(".check").each(function(){ if(this.checked==true){ ...原创 2019-09-17 11:18:25 · 555 阅读 · 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 · 2060 阅读 · 0 评论