![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术
傻的太坏
前端一枚
展开
-
Layui 主窗口调用 iframe 弹出框模块,获取控件的相应值
在iframe中调用上层窗口的模块就简单很多。原创 2023-10-18 09:57:59 · 760 阅读 · 0 评论 -
css鼠标移动上去才显示滚动条
【代码】css鼠标移动上去才显示滚动条。原创 2023-02-21 09:40:00 · 840 阅读 · 0 评论 -
新版ECharts实现“暂无数据”的完美解决方案
在统计图上创建一个图片(可以理解为图层),然后在上面写上“暂无数据”的提示。这种方法也不会和自带标题产生冲突,同时不会像遮罩层那样导致标题变灰,是我认为比较完美的方法。原创 2022-11-22 14:52:51 · 928 阅读 · 1 评论 -
js复制一个对象的方法,不改变原对象
【代码】js复制一个对象的方法,不改变原对象。原创 2022-10-11 15:17:49 · 2535 阅读 · 0 评论 -
vue element ui el-select多选与后端传值(多选,换成字符串数组的形式传值)
表单传值,换成字符串数组形式原创 2022-10-11 10:03:36 · 5497 阅读 · 0 评论 -
echarts 柱状图,单独一根柱子根据条件改变颜色
我这里是根据x轴数组的最后一个元素与series里面的color的val来做对比,如果相等就改变颜色。原创 2022-09-15 14:42:50 · 1918 阅读 · 0 评论 -
layui树形组件获取复选框选中的id,禁用选中父节点后自动选中子节点功能
在项目中,tree组件获取选中id后,id也包涵了父节点,回显的时候,父节点选中,子节点也全部选中的问题,以下简单的方法,用oncheck。禁用选中父节点后自动选中子节点功能,可以再layui tree 的oncheck事件里进行更改即可。原创 2022-09-15 09:59:47 · 1598 阅读 · 0 评论 -
layui tree组件实现搜索节点并展开
【代码】layui tree组件实现搜索节点并展开。原创 2022-08-19 11:59:36 · 1814 阅读 · 0 评论 -
js怎么判断两数组之间有没有交集
js判断数组之间有没有交集原创 2022-08-09 17:36:38 · 4545 阅读 · 0 评论 -
JQ实现将div的滚动条滚动到指定子元素所在的位置
JQ实现将div的滚动条滚动到指定子元素所在的位置原创 2022-07-14 11:09:37 · 626 阅读 · 0 评论 -
layui弹出层的表单验证(form表单自带的验证不执行)
**layui弹出层form表单自带的验证不执行**找到btn 确认按钮的回调方法 把form方法直接写在 yse 的回调方法中去layer.open({ type: 1, title: false, closeBtn: 0, btn: ['提交', '取消'], shadeClose: true, skin: 'yourclass', content: '#layui-form', success: function(layero, index){ /原创 2022-05-24 16:47:40 · 805 阅读 · 0 评论 -
JS 对象 Key使用变量代替
JS 对象 Key使用变量代替let key = 'aa' let data = { key: 'value'}普通 的对象类型数据中 直接用变量名填写key 最后 key会变成变成变量名的字符串let data = { [key]: 'value'}使用中括号 以后 就会将变量所代表的值去填写key的名称...原创 2022-04-20 14:13:34 · 5566 阅读 · 1 评论 -
url传参特殊字符(#、%、&)处理
技术标签: url传参 特殊字符 #%& 后台获取不到参数js var str = $('#content').val(); str=str.replace(/\%/g,"%25"); str=str.replace(/\#/g,"%23"); str=str.replace(/\&/g,"%26"); var url="${rootname}/aa/ee.do?content="+str;javaString conten原创 2022-02-10 11:09:29 · 1430 阅读 · 0 评论 -
js获取上个月第一天和最后一天(layui)
var nowdays = new Date();var year = nowdays.getFullYear();var month = nowdays.getMonth();if (month == 0) { month = 12; year = year - 1;}if (month < 10) { month = '0' + month;}var myDate = new Date(year, month, 0);var startDate = y原创 2021-12-15 16:44:45 · 1041 阅读 · 0 评论 -
a 标签 图片下载
一般 a 标签下载文件的方式都是加download属性。但是对于图片下载来说,加了download的属性有时起作用,有时不起作用。如果真想下载远程图片在url后同加 ?response-content-type=application/octet-stream, 如下:<a href="http://d.hiphotos.baidu.com/zhidao/pic/item/6a63f6246b600c334c3e91cb1e4c510fd9f9a16a.jpg?response-content原创 2021-11-11 15:34:34 · 98 阅读 · 0 评论 -
使用git将本地项目上传至git仓库
介绍一般来说开发过程中都是先在git创建远程仓库,然后fetch到本地仓库,再进行commit push等操作,但是有时候也需要将本地已经开发的项目上传至一个空的远程仓库中,期间也是遇到不少问题,特此总结一下初始化本地仓库初始化仓库git init将文件提交至本地仓库git commit -m “注释”关联线上仓库git remote add origin <线上仓库url>线上仓库url 为如下链接https://github.com/wenhaofan/xxx.git提原创 2021-09-10 10:52:08 · 203 阅读 · 0 评论 -
日期补0位
function getNowFormatDate() { var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; //初始化时间 //Year = day.getYear();//有火狐下2008年显示108的b原创 2021-05-10 09:23:40 · 310 阅读 · 0 评论 -
vuecli3创建element项目
vue create my-app # vue-cli创建项目 cd my-app # 进入项目文件 vue add element # 添加element插件 Installing vue-cli-plugin-element... #↓↓↓↓↓↓↓# ? How do you want to import Element? # 你想如何导入Element > Fully import # 完全导入 Import on demand # 按需原创 2021-05-07 12:16:44 · 304 阅读 · 0 评论 -
vuecli4创建项目失败command failed: npm install --loglevel error
vuecli4创建项目时总是失败,报错command failed: npm install --loglevel error安装淘宝镜像也是报错,在网上找的方法npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver完成操作之后重新创建一下项目vue create ****我安装版本如下:node -vv14.16.1npm -v6.14.2vue -V@vue原创 2021-04-28 10:50:54 · 557 阅读 · 0 评论 -
echarts x坐标文字换行显示
xAxis: { type: 'category', data: [], axisLabel : {//坐标轴刻度标签的相关设置。 interval:0 , // 显示一竖条 // formatter: function(value){ // return value.split("").join("\n") // }, // 一行显示4个字 formatter: function(val) { .原创 2021-04-26 11:51:15 · 563 阅读 · 0 评论 -
Bootstrap4 模态框垂直居中,在modal-dialog添加一个modal-dialog-centered
原创 2021-04-07 17:13:00 · 485 阅读 · 0 评论 -
解决echarts tab切换宽度百分比100% 时宽度为100px问题
// 基于准备好的dom,初始化echarts实例 $("#main2").css('width',$("#main1").width()); //#main1为第一个页面的div宽度 var myChart1 = echarts.init(document.getElementById('main1')); var myChart2 = echarts.init(document.getElementById('main2')); // 指定图表的配置项和数据 var option1.原创 2021-03-30 11:54:29 · 314 阅读 · 0 评论 -
简单年龄换算
function calculatePetAge(birthday) {var userBirthday = new Date(birthday)var now = new Date()var petAgeNew = (now.getTime() - userBirthday.getTime())/(365 * 24 * 60 * 60 * 1000)var petAgeNew = parseInt(petAgeNew)if ( petAgeNew == 0 )return “1岁以下”els原创 2020-12-14 22:08:30 · 132 阅读 · 0 评论 -
vue 点击导航平滑滑动页面(双向),实现移动端导航索引
直接上代码,可以测试下兼容,目前只测试了安卓可以,ios没测。<template> <div class="hello"> <div id="main"> <div>头部的东西 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem enim et ipsa iusto minus, mollitia omnis quae quam原创 2020-08-16 20:24:49 · 681 阅读 · 0 评论 -
else if 非return情况下必须有else
return 的另一种理解:if(){ update(); return; }insert();if 之后,进去,return 到不了下面不满足,到下面。--- 相反,即 有了return 等于else原创 2020-07-21 16:15:16 · 2130 阅读 · 0 评论 -
vue keep-alive作用及用法
vue keep-alive作用: vue内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM keep-alive是用在一个直属子组件被开关的情形,同时只有一个子组件在渲染,若有v-for则不会工作 注:keep-alive是一个抽象组件,自身不会渲染一个DOM元素,也不会出现在父组件链中// 页面文件<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-v原创 2020-07-21 11:28:21 · 580 阅读 · 1 评论 -
Vue 中发送请求时防止按钮多次点击
<el-button type="button" :disabled="isDisable" @click="fn1">发送请求</el-button>export default { data() { return { isDisable:false,//防止多次提交 }; }, methods:{ async fn1(){原创 2020-07-21 11:19:34 · 1193 阅读 · 0 评论 -
移动端H5开发遇到的问题
移动端开发必会出现的问题和解决方案H5开发过程中难免会遇到一些兼容性等爬过坑的问题移动端 H5 相关问题汇总:1px 问题响应式布局iOS 滑动不流畅iOS 上拉边界下拉出现白色空白页面件放大或缩小不确定性行为click 点击穿透与延迟软键盘弹出将页面顶起来、收起未回落问题iPhone X 底部栏适配问题保存页面为图片和二维码问题和解决方案微信公众号 H5 分享问题H5 调用 SDK 相关问题及解决方案H5 调试相关方案与策略ub.io/flowchart.js/iOS 滑动原创 2020-07-08 12:29:08 · 505 阅读 · 0 评论 -
windows 使用 Git Bash 上下箭头不生效的解决方案vue-cli3创建项目
**vue-cli3创建项目**1.卸载与安装npm uninstall vue-cli -g ////卸载npm install -g @vue/cli@3.4.1 ////安装j最好指定版本号2.创建项目,因为win10 的权限问题,按照vue官方的文档,用命令winpty vue.cmd create '文件名’vue create '项目名称';//因为...原创 2020-03-16 10:34:47 · 291 阅读 · 0 评论 -
在vue根目录下创建vue.config.js文件
**在vue根目录下创建vue.config.js文件**const path = require('path')module.exports = { // 部署应用包时的基本 URL,用法和 webpack 本身的 output.publicPath 一致 publicPath: './', // 输出文件目录 outputDir: 'dist', //...原创 2020-03-02 14:22:32 · 2994 阅读 · 0 评论 -
vue中 $event 的用法--获取当前父元素,子元素,兄弟元素
vue中 $event 的用法–获取当前父元素,子元素,兄弟元素<button @click = “clickfun($event)”>点击</button> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e...原创 2019-12-31 10:55:33 · 1820 阅读 · 0 评论 -
Vue项目中实现用户登录及token验证,将token写进header
1.在login.vue中通过发送http请求获取token//根据api接口获取tokenvar url = this.HOST + "/session";this.$axios.post(url, {username: this.loginForm.username,password: this.loginForm.pass}).then(res => {// consol...原创 2019-12-30 13:46:57 · 3982 阅读 · 0 评论 -
vue 软键盘弹起底部按钮顶起来的问题
vue 软键盘弹起 底部按钮fixed固定定位的button按钮顶起来的问题底部的button按钮被手机弹起的软键盘顶起来,影响页面美观-------html的内容-----<div class="hold" v-show="isOriginHei"></div>现在data中定义一个记录高度的属性以及判断button按钮是否隐藏的属性:export defau...原创 2019-12-27 15:21:08 · 1086 阅读 · 0 评论 -
js中判断对象是否为空
js中判断对象是否为空1.es6中可以使用Object.keys(obj)var data = {};var arr = Object.keys(data);alert(arr.length == 0); //true 为空, false 不为空2.将json对象转化为json字符串,再判断该字符串是否为"{}"var data = {};var b = (JSON.string...原创 2019-12-26 09:50:39 · 290 阅读 · 0 评论 -
cookie、vue-cookie、js-cookie
cookie、vue-cookie、js-cookie一、cookie是存储在客户端浏览器的一段文本信息大小限制在4KB一个网站的cookie数量在50条左右存入cookie有一定的风险可以设置有效期,默认的为会话结束一般路径为根目录可以设置域名可以设置secure,通过https访问(secure属性:当设置为true时,表示创建的 Cookie 会被以安全的形式向服务器传输,...原创 2019-12-24 11:21:49 · 822 阅读 · 0 评论 -
Vue 判断对象是否为空的方法
Vue判断对象是否为空的方法1.JSON.stringify(evtValue)=='{}'var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true3.for in 循环判断var obj = {};var b = function() {for(var key in obj) {retu...原创 2019-12-23 15:20:47 · 2142 阅读 · 0 评论 -
vue添加公用方法及使用
为vue添加公用方法,vue添加通用方法common.jsvar common =function() { return{ f1:function(){ console.log("this is common f1()."); }, f2:function(){ ...原创 2019-12-19 11:49:11 · 1157 阅读 · 0 评论 -
vue遍历Map,Map在vue中的使用方法
Map在vue中的使用方法:html:遍历的时候要遍历两遍<template> <div class="course"> <div class=""> <div class="pt0 ctRow"> <ul class="ctNavbar"> ...原创 2019-11-27 11:30:15 · 67704 阅读 · 1 评论 -
网站变灰的代码
添加CSS可以实现素装方法一:html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.sv...原创 2019-05-08 15:17:42 · 202 阅读 · 0 评论 -
js数组遍历方法总结
数组遍历方法1.for循环使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显。for(j = 0,len=arr.length; j < len; j++) { }2.foreach循环遍历数组中的每一项,没有返回值,对原数组没有影响,不支持IE//1 没有返回值arr.forEach((item,index,array)=>...原创 2019-05-01 15:24:13 · 719 阅读 · 0 评论