![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
if时光重来
这个作者很懒,什么都没留下…
展开
-
JavaScript获取当前日期
JavaScript获取当前日期原创 2024-01-26 12:13:07 · 467 阅读 · 0 评论 -
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 评论 -
html+css+js实现简单的搜索关键词标记为红色
搜索。原创 2023-08-23 16:56:26 · 812 阅读 · 0 评论 -
javascript中scrollIntoView()方法的使用
javascript中scrollIntoView()方法的简单使用原创 2023-05-16 16:31:20 · 457 阅读 · 0 评论 -
vue(js)监听元素滚动,并实现点击返回顶部效果
vue中监听元素滚动,并实现点击返回顶部效果原创 2023-02-24 11:42:49 · 413 阅读 · 0 评论 -
tp6+jwt实现token生成及验证,tp+vue请求接口header中加入token报跨域错误解决
tp6+jwt实现token生成及验证,tp+vue请求接口header中加入token报跨域错误解决原创 2022-10-14 12:21:05 · 1866 阅读 · 0 评论 -
echarts点击切换map地图时,显示切换成功了,但页面上的信息不变。echarts点击事件触发多次
echarts点击切换map地图时,显示切换成功了,但页面上的信息不变。echarts点击事件触发多次转载 2022-10-12 15:40:56 · 543 阅读 · 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 评论 -
修改element默认border样式
.el-table--border:after,.el-table--group:after,.el-table:before { background-color: #ccc; } .el-table--border,.el-table--group { border-color: #ccc; } .el-table td,.el-table th.is-leaf { border-bottom: 1px solid #.原创 2022-01-24 16:24:24 · 683 阅读 · 0 评论 -
navigator.mediaDevices.getUserMedia中getUserMedia显示未定义
通过 MediaDevices.getUserMedia() 获取用户多媒体权限时,需要注意其只工作于以下三种环境:ocalhost 域开启了 HTTPS 的域使用 file:/// 协议打开的本地文件其他情况下,比如在一个 HTTP 站点上,navigator.mediaDevices 的值为 undefined。参考:https://blog.csdn.net/weixin_49293345/article/details/112600213...转载 2022-01-18 18:31:21 · 1090 阅读 · 0 评论 -
使用element插件中Descriptions遇到的坑
使用Descriptions 描述列表中的自定义label,打包后点击按钮新增一个el-descriptions-item时,最后一个item的标题发生改变解决办法:将以下代码替换<el-descriptions-item label-align="center"> <template #label> <div class="cell-item"> <span c原创 2022-01-13 21:28:18 · 13811 阅读 · 0 评论 -
vite + element项目按需引入后将语言设置为中文
设置element插件语言原创 2022-01-10 10:47:27 · 1442 阅读 · 0 评论 -
vue中watch监听对象中某个属性
原文:https://www.cnblogs.com/jingxuan-li/p/11817329.html新建 userinfo = { name: "小明", age: "18", }vue中watch监听name的方法可以结合计算属性的方法实现{ ...... watch: { nm () { console.log(this.nm) } }, computed: { nm () { return this.user转载 2022-01-09 19:56:29 · 1186 阅读 · 0 评论 -
使用element插件点击跳转时报错form-item.vue:315 Uncaught (in promise) TypeErelForm.removeField is not a function
问题描述:使用element插件中的面包屑导航跳转页面,点击后路由地址变了,但是页面内容没变,报错原因:如果使用了element中的input、select等插件,但是没有在最外层添加‘<el-form ref=“form” >’,就会报上述错误解决方法:添加<el-form ref=“form” ></el-form><el-form ref="form" > el-form-item label="Activity name">原创 2022-01-06 20:07:32 · 3032 阅读 · 3 评论 -
vue3+vite+router4项目打包后在apache环境下运行更改默认/地址
路由模式为history时,打包完成后的项目,路由跳转默认是/,也就是服务器的根路径地址,更改步骤如下:1. src/router/router.js 路由配置文件import { createRouter, createWebHistory } from "vue-router"// createWebHashHistory createWebHistory//组件vue导入const app_title = "页面标题";//定义路由常量const routes = [ //初原创 2022-01-04 20:49:49 · 2270 阅读 · 0 评论 -
vue3+vite+axios发送数据到php端验证验证码总是报错
原因分析(可能是这原因):可能是由于前后端的端口号不一致,涉及到请求跨域的问题解决方法:在axios请求中配置axios.defaults.withCredentials = true;参考:https://blog.csdn.net/weixin_45154474/article/details/104759517...转载 2022-01-04 16:23:43 · 331 阅读 · 0 评论 -
vue3+vite项目使用build打包后生成的文件放到apache环境下运行,刷新后页面404
官方说明:https://router.vuejs.org/zh/guide/essentials/history-mode.html解决方法:在根目录创建.htaccess文件后粘贴下面的代码<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{RE转载 2021-12-30 12:25:57 · 957 阅读 · 0 评论 -
vue+element实现图像验证码
vue+element实现图像验证码转载 2021-12-24 09:00:16 · 1423 阅读 · 0 评论 -
vite中使用vue-router报错vue-router.js?v=6e8255eb‘ does not provide an export named ‘createRouter‘
解决方法: 升级vue-router。执行命令:npm install vue-router@next -S转载 2021-12-23 11:35:20 · 1572 阅读 · 0 评论 -
nodejs执行安装vue命令后,提示没有找到vue命令,在文件中查不到vue.cmd等文件
1.换镜像源npm install -g cnpm --registry=https://registry.npm.taobao.org2.使用cnpm安装vue-clcnpm install -g vue-cli3.然后运行vue -V升级vue2.x到3.xnpm install vue@next转载 2021-12-20 14:07:14 · 2488 阅读 · 1 评论 -
在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 评论 -
vue,js问题总结
使用vue+ajax获取数据渲染轮播图后,轮播图组件失效html<div id="app"> <div id="aui-slide"> <div class="aui-slide-wrap" > <div class="aui-slide-node bg-dark" v-for="img in datainfo.imgs"> <img :src="img.imgs" />原创 2020-07-26 14:58:12 · 128 阅读 · 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 评论 -
监听fullpage.js滚动的屏数
onLeave (index, nextIndex, direction)一旦用户离开了一个部分,转换到新的部分,这个回调就被触发。返回false将在发生之前取消移动。参数:index:离开部分的索引。从1开始。nextIndex:目的地段的索引。从1开始。 监听要滚动的下一屏indexdirection:它将取值up或down取决于滚动方向。例:var myFullpage = new fullpage('#fullpage', { navigation: true,原创 2021-06-05 15:12:35 · 769 阅读 · 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 评论 -
js检测用户是否已离开当前页面
// 监听 visibility change 事件 document.addEventListener('visibilitychange',function(){ var isHidden = document.hidden; if(isHidden){ document.title = '死鬼,你去哪儿了'; } else { document.title = '你终于回来了啊'; } } );...转载 2020-08-25 09:40:59 · 701 阅读 · 0 评论 -
file图片上传预览
<input type="file" id="uploadImg" onchange="xmTanUploadImg(this)"><script> function xmTanUploadImg(obj) { var file = obj.files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = f转载 2020-07-28 10:32:24 · 165 阅读 · 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 评论 -
使用layui监听select下拉框改变事件
注意事项1.form标签须添加 class=“layui-form”2.select标签需添加 lay-filter=" ",该值为要监听的名字3.form.on必须写在layui.use(){}中代码<form action= method="post" enctype="multipart/form-data" class="layui-form"> <div class="layui-form-item"> &转载 2020-06-23 11:28:25 · 4690 阅读 · 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 评论 -
js定义数组追加
// 定义空json var json=[]; for(var i=0;i<10;i++){ json.push({'num':i}); } console.log(json) // 转json字符串输出 var jsonstr=JSON.stringify(json); console.log(jsonstr)原创 2019-09-07 09:57:55 · 5067 阅读 · 1 评论 -
js学习笔记
1.删除字符串中最后一个字符(1) str = str.substr(0, str.length - 1);(2) str = str.substring(0, str.length - 1);(3) str= str.substring(0, str.lastIndexOf(’,’));2.获取url地址栏传过来的id值urls = 'http://www.shop.com?id=1'...原创 2019-09-07 13:11:54 · 119 阅读 · 0 评论 -
js获取上一个页面的连接地址
var prevurl=document.referrer; // 获取上一个页面的url地址//搜索字符串里有没有"shopcart"相关字符if(prevurl.search('shopcart') != -1){ $(".aui-pull-left").on('click',function(){ window.location.h...原创 2019-09-11 14:33:27 · 5271 阅读 · 2 评论 -
将多维数据存储到localstorage中
var cartstr = {}; //定义空的json对象 cartstr.goods = []; //定义空数组 var sum = 0; $(".check").each(function(){ if(this.checked==true){ ...原创 2019-09-17 11:18:25 · 555 阅读 · 0 评论