- 博客(41)
- 收藏
- 关注
RSS订阅原创 webpack-dev-serve依赖报错
然后执行：npm install webpack-dev-server --save-dev --force。先卸载node_modules文件。
2024-06-26 16:25:11
81
原创 vue项目中使用Element多个Form表单同时验证
在项目中一个页面中需要实现多个Form表单，并在页面提交时需要对多个Form表单进行校验，多个表单都校验成功时才能提交。两个form表单，每个表单上都设置单独的model和ref，不能同时使用，否则每个表单上的校验提示会失效。
2024-01-23 16:42:37
1877
转载 vue报错之Duplicate keys detected: ‘0‘. This may cause an update error.
[Vue warn]: Duplicate keys detected: '0'. This may cause an update error
2023-12-25 17:13:52
573
原创 vue 父页面监听子页面值的变化
首先，需要在父组件中定义一个自定义事件名称，然后将该事件与相应的处理函数关联起来。当子组件改变了其值时，就会调用这个处理函数。最后，父组件接收到事件后，会打印出新的值，并且还可以根据需求进行其他操作或者更新状态等。当子组件的输入框的值发生变化时，会触发。来触发自定义事件，同时也传递了新的值。事件，并指定了对应的处理函数。在Vue中，可以通过使用。来触发事件并传递数据。上述代码中，父组件通过。
2023-12-23 16:15:54
698
原创 vue+element项目中页面多个接口异常，只提示一次异常信息
有时候一个页面会同时调多个接口，但是多个接口异常，需要做提示，那么提示的时候会弹出很多的提示信息，这无疑让体验感降低很多。所以针对这种情况，我们配合element UI统一做一个异常状态的处理，只能显示一次提示的功能，后续代码调接口的时候。第二步，需要在你的响应拦截器（interceptors.response.use）的页面去引入刚才的文件，我取名为domMessage，引入：import domMessage from './messageOnce'也可以省略去写异常状态下的逻辑了。
2023-12-13 14:23:50
1326
2
原创 bootstrap-select下拉单选、多选的取值及回填数据赋值
【代码】bootstrap-select下拉单选、多选的取值及回填数据赋值。
2023-07-18 11:48:30
2596
1
原创 CSS】滚动条样式
overflow-y：scroll //内容溢出的时候只会呼出y滚动条【常用】overflow：scroll //内容溢出的时候x轴的y轴的滚动条都会展现。overflow-x：scroll //内容溢出的时候只会呼出x滚动条。boxScroll是自定义的div容器的class。2、给div盒子添加滚动条。4、滚动条样式美化参考。1、浏览器隐藏滚动条。
2023-07-15 11:18:28
3622
3
原创 vue项目启动出错，npm run dev \ npm run serve \ npm i 都报错
1、检查项目名称是否是英文更改此文件2、出现下图错误删除本地脚手架再重装脚手架，项目中执行npm install vue-cli -g下图是脚手架安装成功 ，然后执行npm run serve启动项目3、项目启动成功报500错误，说明服务端连接配置错误需要修改找到如下文件更改VUE_APP_API_HOST后端服务地址，更改完地址需要重新启动项目执行npm run serve4、项目打包出错时，区分大小写如写错就会出现下图打包不成功打包成功如下图，项...
2022-05-16 19:04:21
1107
原创 CSS实现背景图片全屏自适应
body {width: 100%;height: 100%;background-image: url(bg.jpg) no-repeat;/* 背景图垂直、水平均居中 */background-position: center center;/* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */background-attachment: fixed;/* 让背景图基于容器大小伸缩 */background-size: cover;//或者background.
2022-05-16 11:23:22
530
原创 JQ动态添加背景图
1、html<div class="box"> <img src="aaa.png" /></div><div class="box"> <img src="aaa.png" /></div><div class="box"> <img src="aaa.png" /></div>2、css.box{ width: 200px; h..
2022-05-16 10:08:40
874
原创 图片自适应居中显示
html<div class="box"> <img src="img.png" /></div>css.box{ width: 500px; height:500px; position: relative; border: 1px solid #eee;}.box img{ position: absolute; left: 0; top: 0; right: 0;
2022-05-13 14:05:18
207
原创 解决子集盒子float父集高度无法自适应
一般页面布局经常使用到float属性来排版，这时候就会遇到父集盒子高度无法自适应的问题。解决方式有三种：1、给予父集盒子固定高度<style> .parent{ height: 100px; } .left{ float: left; } .right{ float: right; }</style><div class="parent"> <div class="left"></div> <di
2021-08-19 14:44:32
205
原创 layer 日期laydate年月日切换渲染
首先引入所需资源<link rel="stylesheet" href="./layui/css/layui.css"><script src="./layui/layui.js"></script><script src="./jquery-2.2.2.js"></script>1、HTML<div> <span class="comSpanTit tabTi.
2020-06-30 15:53:05
2192
原创 Web前端之Js实现指定区域生成图片并下载
一、下载并引入 html2canvas.js 二、可视页面1.html<a class="btn" onclick="exportPictureDownPNG( 'down.png','box')" href="javascript:;">导出图片</a><div id="box">我是一张图片</div>2.js/* * 指定区域导出图片 * pngName 导出图片的名称 * pngId 导出区域的元素ID..
2020-06-29 16:23:33
5144
2
原创 echarts 计算柱形图总和以及单个占比
<script>var option = { xAxis: { data: ["易制毒订单","易制爆订单","剧毒订单","麻醉药品订单","精神药品订单","其它"] }, yAxis: { splitLine:{ show:false} //改设置不显示坐标区域内的y轴分割线 }, tooltip : { trigger: 'item', formatter: function.
2020-06-15 14:38:22
5646
2
原创 JQ获取html元素，包含该元素自身
原生JS DOM里有一个内置属性 outerHTML，用来获取当前节点的html代码(包含当前节点)，所以用JQ的prop()能拿到。$(".test").prop("outerHTML");
2020-04-24 10:03:37
1836
原创 laui 弹出层下拉选溢出出现滚动条解决
当弹出层里的下拉选择框选项过多，超出弹出层时，弹出层出现了滚动条，影响美观。解决方案：.layui-layer-page .layui-layer-content { overflow: visible !important;}...
2020-03-30 16:13:31
1623
原创 layui弹出层时间控件溢出闪退解决
添加参数即可：trigger: 'click'laydate.render({ elem: '#test' ,trigger: 'click' });
2020-03-30 16:06:56
517
原创 layer 复选框判断选中状态
if($(input[name="test"]:checked').length == 0){ //Doing}else{ //Doing}
2020-02-28 12:40:48
4117
原创 layer.open 按钮居中
btnAlign: 'c'可以试着参考这篇文档中的“公告层”http://layer.layui.com/test/more.html
2020-02-28 09:55:47
7203
5
原创 jquery 点击元素以外的地方隐藏该元素的方法
第一先实现点击任何地方都隐藏该元素(假设id="bar")$(document).click(function(){$("#bar").hide();});那么bar也属于document，点击bar也会让自己隐藏，显然这不是想要的，这时候要阻止冒泡事件，即document的事件对bar无效$("#bar").click(function(event){event.stopPropag...
2019-10-12 13:33:33
553
转载 ie 7/8不支持trim的属性的解决方案
ie 7/8不支持trim的属性的解决方案点击下方链接：https://www.jb51.net/article/50356.htm
2019-09-05 10:41:05
74
原创 Web前端之计算相差天数
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>计算相差天数</title> </head> <script type="text/javascript" src=...
2019-09-04 14:56:47
1121
原创 Web前端之点击事件的传递
//把b的点击事件传递到a上面去$('#a').on('click', function() { $('#b').trigger('click');})
2019-08-27 13:55:07
913
原创 Web前端之文本域textarea显示输入剩余字数【支持多个文本框】
还是贴代码来的直接<!DOCTYPE html><html><head> <title>TextArea</title> <meta charset="utf-8"> <script type="text/javascript" src="http://code.jquery.com/...
2019-08-05 15:09:05
770
原创 jQuery获取文本自动截取过长的文本内容,显示成省略号形式
当我们要对页面中的文本进行截取，多余部分显示省略号，多个页面调用的时候，下面代码是我做的一个简单的封装。HTML<ul class="text"> <li>截取字段截取字段截取字段截取字段截取字段截取字段</li> <li>截取字段截取字段截取字段截取字段截取字段截取字段</li></ul>页面jQue...
2019-05-22 13:27:45
1147
1
原创 随宽度大小变化多余文字自动省略
<!DOCTYPE> <HTML> <HEAD> <TITLE> New Document </TITLE> <style> .aaa {text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:5px} </style&g...
2019-05-20 15:32:13
480
原创 "export 'default' (imported as '__vue_script__') was not found in '!!babel-loader!
启动vue项目控制台报错项目启动时控制台报错如下：原因就是：在组件内使用了两个script标签导致了报错，合并就OK了。
2019-05-16 10:42:18
22201
8
原创 HTML点击按钮刷新当前页面，跳转到指定锚点位置
值得注意的是我这里使用的原生JS<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title> <script src="jquery-1.4.min.js"></script> </...
2019-05-14 15:58:44
4782
4
原创 Web前端之谷歌浏览器Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist
谷歌浏览器报错报错内容如下：报错原因：扩展程序问题建议：打开chrome://extensions/，逐一关闭排查以我的为例，发现罪魁祸首是以下扩展程序，最后关闭就行...
2019-03-27 17:32:03
15996
2
原创 Web前端之微信H5签名所遇到的坑
一、开发微信H5中遇到，在做签名时，安卓手机无法横屏的问题在手机上打开微信，在微信的聊天主界面，点击右下角的“我的”标签 在打开的微信我的页面中，点击“设置”菜单项。 这时就可以打开微信的设置页面，在这里点击“通用”菜单项。 接下来在打开的通用设置页面中，找到“开启横屏模式”菜单项 点击开启横屏模式后面的开关，把其设置为打开状态。...
2019-01-23 17:19:36
1354
1
原创 Web前端之文本域textarea显示输入剩余字数
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="t...
2018-11-21 15:36:05
1468
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人