自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 资源 (5)
  • 收藏
  • 关注

原创 element-ui中日期区间组件

3、如果要完善第一条,点击确定按钮之前,只要不满足条件,点击任何区域都不会收起日期选择组件,除非关闭浏览器这一操作方法,日期组件上添加change方法(没有尝试过,用change方法和用blur方法的区别是,blur方法满足第二条,用change方法的话,点击确定按钮会校验一次,再次点击确定按钮会校验通过,对于我的需求有bug,所以用了blur方法,有兴趣的朋友可以尝试一下两个方法,本人比较懒不想尝试)2、点击确定按钮之后,只要不满足条件,点击任何区域都不会收起日期选择组件,除非关闭浏览器。

2023-05-16 10:08:26 1465

转载 iview 手风琴模式

【代码】iview 手风琴模式。

2023-03-20 17:25:29 204

原创 项目开发过程中遇到的问题及常见bug代码

:hover{

2023-03-08 10:27:59 218

原创 使用amap获取天气信息

tips:如果不使用 AMap.plugin(‘AMap.CitySearch’, function() {});这一层的话,经常报错CitySerach不是一个构造函数,所以推荐使用这种方法。添加组件,使用城市定位,可以查看往期文章,获取ip定位。

2023-02-16 16:36:11 314

原创 vue中computed属性第一次使用get和set,纪念一下

【代码】vue中computed属性第一次使用get和set,纪念一下。

2023-02-16 10:34:31 238

转载 H5页面适配

转载链接:转载链接之前写h5注册页的时候,总是适配不好,用过媒体查询,但是效果不太好,而且要适配的尺寸太多了,总归有遗漏的,时长达不到ui设计图的标准,后来在网上找了一篇适配的js代码,但是因为不太明白,所以使用的也不好哈哈,现在算是明白了点,故将代码放上 原文出处:https://www.jianshu.com/p/26ce1458df65 ; (function (designWidth, maxWidth) { var doc = document, win = window

2021-11-30 16:21:21 265

原创 vue中使用[provide/inject],实现页面强制刷新(并非闪一下再刷新)

代码父组件provide 直接放在export 层级里面 provide() { return { reload: this.reload } },methods中添加reload方法,data中定义flag,如果需要此组件默认显示则为true,否则为false,在引入的子组件上添加v-if=“flag” reload(){ this.flag = false; this.$nextTick(function () {

2021-09-10 11:05:20 619

原创 2021-08-04

默认定位到自己所在位置可以搜索地点进行定位,或者点选定位反显定位<template> <div v-if="flag" class="amap-page-container" > <el-amap-search-box class="search-box" :search-option="searchOption" :on-search-result="onSearchResult" />

2021-08-04 10:44:44 112

原创 我的第一个爬虫程序

import requestsimport reurl = 'https://www.dy2018.com'headers = { "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36"}resp = requests.get(url, headers = headers

2021-04-03 18:10:07 173

原创 jekins构建代码

这里写目录标题需要配置的参数jekins 配置代码实现的功能需要配置的参数jekins 配置代码node('slave1') { def mvnHome def branch_name def tag_name=BRANCH_TAG def imgNameHub def imgNameHubPro = "PRO环境"; def imgNameHubMvp = "MVP环境"; if("${profiles}" == "product") {

2021-03-25 19:43:56 99

原创 echarts 多条线动态刷新

目录功能演示功能说明功能代码实现思路关于简称整个功能流程图获取数据层流程展示层流程传输数据格式注意事项存在问题功能演示功能说明功能如题所示,根据左侧复选框的值渲染右侧图表,如果到达采集点数(例如100个点)就删除最前面的数据,将加载过来的数据插到数组最后面。功能代码RealTimeDataVisual.vue<template> <div class="realTimeData"> <Row :gutter="20"> <Col

2020-09-14 12:25:14 549

原创 iview 分页------记录

iview提供的分页方法 title: '#', type: 'index', width: '50px',每一页都是从1-10记录如果第一页1-10,第二页11-20 title: '#', type: 'index', width: '50px', indexMethod: (params) => { return params._index + (this.pageInfo.p

2020-06-04 11:52:12 211

原创 IView中,一个弹出层中涉及多个上传处理办法(或一个页面中,多个上传的处理办法)

一个页面中经常会有新增、编辑功能,新增、编辑都有上传功能,又不想每个上传功能都写一个beforeUpload方法,该如何处理,请直接看代码。如果各位有更简便的处理方法,麻烦留言告知,让我也学习学习。<Upload @click.native="handlePostData('addForm', 'thumb')" :actio...

2020-01-02 10:00:31 450

原创 tree list 互相转换

本人没有亲测过,有问题的话会重新编辑文档,这篇文章里的代码是积分下载换来的,如果涉及侵权联系我。。。。。看到我这边博客的人可以免积分了。。。。。。import _ from 'lodash'export function list2JsonTree(data, options) { var mainKey = options && options.mainKey || 'i...

2019-12-10 16:00:46 466

原创 ivew 上传文件并校验

<FormItem label="模板执行文件" prop="jar"> <Upload ref="upload" :action="uploadAction" type="select" :show-upload-list="true" :...

2019-12-05 13:31:10 505

原创 render 响应式内容

title: '服务启动时间',key: 'service_start_time', render: (h, params) => { return h('div', [ h( 'Tooltip', { props: { placeme...

2019-12-04 11:46:57 290

原创 render input 双向绑定

有时候我们需要自定义表格列展示,需要用render,对于render内容列input的双向绑定方法: render: (h, params) => { return h('Input', { props: { clearable: true, type: 'text', ...

2019-12-04 11:25:15 1163

原创 项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求

如果你的项目没有用到sockjs,vuecli3 运行npm run serve 之后network里面一直调用一个接口:http://localhost:8080/sockjs-node/info?t=1556418283950方案:从根源上关闭此调用1、node_modules/sockjs-client/dist/sockjs.js2、代码的1605行注释// self.xhr....

2019-08-23 09:53:45 13854 9

原创 ivew中resetFileds方法无法清空日期组件的值

如题:我处理的办法如下: /*** * @desc 重置查询表单 * */ resetSearchCondition(formName) { this.$refs[formName].resetFields(); this.searchCondition.operationTime.value = ''; },如果各位大大有更好的办法,欢迎评论!...

2019-07-22 13:12:39 400

原创 ivew中Upload组件发不出请求的原因,万年大雷无人踩,今天被我踩到了

首先,这个发出去请求的问题,折腾了我两个半小时,上下五千个原因我都分析了,就是发布出去请求请求方式,参数传递方式,代码问题等等等等,在我试了个百度地址以后,我就知道了,路径的问题!!!于是我就知道了,路径中image的原因,总结,上传组件的Action路径中切记不要带image!!!...

2019-07-12 16:52:51 547 2

原创 iview删除一条数据后,不重置到第一页的办法

/*** * @desc 删除内容后重置当前页 * @param 无 * @return 无 */ resetCurrentPage() { let resetTotal = this.pageInfo.totalCount - this.selectedRowsId.length; let currentPage =...

2019-07-05 18:20:31 969

转载 让NotePad++添加到右键快捷方式

首先看效果图:接下来是操作方式:首先在桌面上新建一个txt文本文档,然后将写入如下内容Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\*\shell\NotePad++]@="NotePad++""Icon"="D:\\Software\\Notepad++\\notepad++.exe"[HKEY_CLASSES_...

2019-06-17 14:37:48 288

原创 iview表单重置以及重置验证信息

表单内容添加一般都是在弹出框中进行编辑、修改、新增的如以下这段编辑代码: <!--编辑菜单Start--> <Modal :mask-closable="false" v-model="editMenuVisible" title="编辑菜单" ><Form :model="editMenuForm" :label-width...

2019-06-14 16:02:37 4189

原创 使用jquery.DataTable.js 展示数据,并进行后台分页。

话不多说,直接上干货。。要使用jquery.DataTable展现数据,比如引入jquery.js,jquery.DataTable.js,如果这个不会,建议从入门到放弃。1、使用jquery.DataTable展现数据。var TableManaged = function () {var initTable1 = function () {var table = $('#samp...

2019-06-13 20:03:27 1068

原创 iview日期控件,已选选点日期,但是通不过validate验证

我使用的是区间日期控件(iviewUI组件日期控件应该都会有这个问题,未作验证),所以使用正常的表单验证会有问题。区间日期控件代码 <FormItem label="数据异常时间" prop="abnormalTime"> <DatePicker format="yyyy-MM-dd" type="daterange"...

2019-06-12 10:34:50 1672

原创 VUE中使用高德地图(原生UI,信息窗体内部事件监听)

VUE中使用高德地图(原生UI)先吐槽一下,本人的环境是基于vue3.0的项目,上一位参与项目的同事使用的事vue-amap,因工作需要,另外一位同事去了别的项目,所以这个万恶的项目由本人自己维护,就是再本周新增了需求,根据不用大区的用户进入到系统,显示不同的地图边界。 由也正因为于本人能力有限,未能基于vue-amap实现新增的需求,所以考虑使用原生UI功能,但因为引入原生UI与与原生UI冲突...

2019-06-03 15:03:43 1973 1

原创 iview table 单选/多选 获取选中行

单选/多选 获取选中行单选通过设置属性 highlight-row,可以选中某一行。当选择时,触发事件 @on-current-change,可以自定义操作,事件返回两个值 currentRow 和 oldCurrentRow,分别为当前行的数据和上一次选择的数据。通过给 columns 数据设置一项,指定 type: ‘index’,可以自动显示一个从 1 开始的索引列。使用 index...

2019-01-18 10:29:22 15967 5

原创 Vue修改时,撤销修改内容

原文地址:https://forum.vuejs.org/t/topic/37424  时隔N久,重新整理下这个帖子。。背景:我的基础功能是,一个table,前面是checkbox,选择某一行,点击修改按钮,弹出对话框,展示要修改的内容,如果点击"取消"则不保存内容,点击"提交"按钮,则将修改的内容通过ajax请求,提交到后台。。--------------------------...

2018-11-14 10:12:34 5842

转载 怎样防止重复发送 Ajax 请求?

原文地址:链接:https://www.zhihu.com/question/19805411/answer/154654271个简易的需求,点一个按钮,则向服务器请求资源,不作处理时,多次点击后会有很多个请求在等待。粗暴的解决方式是点一次就将按钮disable掉。请问一下有没有更好的办法,比如多点一次后自动down掉前一次请求?补充:不是一次请求,更类似于gmail的全站AJAX,刚用fi...

2018-11-09 15:39:13 480

原创 VSCODE根据eslint配置进行格式化代码

大家好,我是H5女王,最近因为vscode默认格式化代码被小小的折腾了一下。那现在教大家一个让vscode可以根据eslint的配置格式化代码的方法。这是之前版本的vscode,现针对目前使用的vscode更新一版配置。vscode版本如下:设置方法如下:File菜单——Preferences——Setting——Commonly used将下面的代码复制粘贴进去就...

2018-09-12 09:10:15 3384 2

转载 GIT 命令使用

git 创建用户名:提交代码时会标注作者是谁,以及提交以后以及邮件git config --global user.name zhangjungit config --global user.email [email protected] 有三个级别git config --system 权限低 git config --global 权限中,针对当前用户 git c...

2018-08-29 10:31:38 276

原创 使用jquery.DataTable.js 展示数据,并进行后台分页。

话不多说,直接上干货。。要使用jquery.DataTable展现数据,比如引入jquery.js,jquery.DataTable.js,如果这个不会,建议从入门到放弃。1、使用jquery.DataTable展现数据。var TableManaged = function () { var initTable1 = function () { var table = $('...

2018-04-02 09:47:41 5861 3

转载 chrome浏览器无法登陆问题

chrome://chrome-signin/?source=2

2018-03-26 10:17:00 12609

转载 简单粗暴地理解js原型链–js面向对象编程

简单粗暴地理解js原型链–js面向对象编程作者:茄果 链接:http://www.cnblogs.com/qieguo/archive/2016/05/03/5451626.html原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看,效果极好。不要纠结于那一堆术语了,那除了让你脑筋拧成麻花,真的不能帮你什么。简单粗暴点看原型链吧,想点与代码无关的事,

2017-07-19 18:32:18 965

原创 es6环境中,export与import使用方法

前言 参考自阮一峰大神的教程:http://es6.ruanyifeng.com/?search=export&x=6&y=5#docs/module#export-命令声明:如有问题,还请各位大神及时指正es6环境下,一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。如果你希望外部能够读取模块内部的某个变量,就必须使用export关键字输出该变量。初出茅庐 来个Demo(因为最

2017-07-19 17:48:36 8355

原创 最详细的Vuex教程

最详细的Vuex教程什么是Vuex? vuex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。引入Vuex(前提是已经用Vue脚手架工具构建好项目)1、利用npm包管理工具,进行安装 vuex。在控制命令行中输入下边的命令就可以了。 npm install vuex

2017-07-19 14:59:27 146336 52

原创 jquery中prop和attr的区别

jquery中prop和attr的区别prop:prop(name|properties|key,value|fn)**概述** 获取在匹配的元素集中的第一个元素的属性值。 随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误。 jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误**参数** name

2016-05-10 15:51:53 2460

原创 css居中方法详解

水平居中:通过设置父元素,让子元素内容居中:text-align:center;通过设置子元素本身,让子元素居中:margin:0 auto;以上方法生效的前提条件是子元素没有被float元素影响。垂直居中:一种方法是通过line-height属性,但是line-height是作用在父元素上,当子元素的line-height值与父元素的height值一致时,文字就垂直居中了。

2016-01-03 01:04:07 6685

原创 line-height:150% 和 line-height:1.5的区别

line-height:150% 是继承父元素的距离line-height:1.5  是计算各子元素的距离1、当line - height 为百分比时:body{font-size:14px; line-height:150%;}p{font-size:21px;} 结果就是:body{line-height:21px;//14*150%

2015-12-31 20:17:46 1133

原创 让IE6/IE7/IE8浏览器支持CSS3属性

一、下载搜索下载:ie-css3.htc,它是让IE浏览器支持CSS3表现的关键。二、上面的是什么东西首先说说.htc文件,.htc文件是个脚本文件,个人以为与js文件属于同一货色,只是呢,貌似htc是Internet Explorer(IE)的私生子,只有IE才认它。htc文件可以用来描述web行为,web行为允许程序员把自定义的功能“连接”到现有的元素和控件,而不是必须

2015-12-30 21:25:33 1969

Python计算机视觉深度学习三合一

Python计算机视觉深度学习三合一Python计算机视觉深度学习三合一Python计算机视觉深度学习三合一Python计算机视觉深度学习三合一

2018-11-13

font-size.js

字体缩放,字体自适应

2017-08-03

JS文件上传

JS上传文件

2016-09-30

常用验证正则表达式

常用验证正则表达式,手机号验证,身份证号验证,邮箱验证,等等,

2016-09-30

Bootstrap弹出框水平居中,垂直居中

Bootstrap弹出框水平居中,垂直居中

2016-09-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除