自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Lear的博客

不积跬步,无以至千里;不积小流,无以成江海

  • 博客(49)
  • 收藏
  • 关注

原创 iview 的table表格组件使单元格可编辑和输入

render。

2023-09-26 18:22:01 841

原创 table 单元格中嵌套子表格 样式撑开问题

表格中的td嵌套表格,里边表格把外层撑开,不能按100%显示

2023-09-08 17:09:04 320

原创 SVN 分支代码合并主干

目的是让当前合并的分支保持和主干一样最新的代码后,再重新将分支新开发的代码合并到主干,这样不会遗漏别的分支合并到主干的代码。3、url to merge from 中选择分支地址、(分支合主干填写分支SVN地址,主干合分支填写主干SVN地址)4、下一步,合并先测试一下、test merge,看看是否会发生什么事!一个主干一个分支,每次分支开发提测后将分支代码合并到主干即可。先将主干代码合并到此分支后,再将此分支合并到主干。,其中某个分支要合并主干时,2. 合并模式、选择第一个。

2023-06-02 11:13:32 3152

原创 SVN 从主干拉新分支

5.修改文件夹名字,新建分支名字,/trunk/xxxxx 删除,修改为/branch/xxxx。2.鼠标右键选择TortoiseSVN。4.点击copy to 新建分支名称。3.选择Repo-browser。1.找到主干项目文件夹。

2023-06-02 10:59:40 2131

原创 VUE / css -webkit-box-orient: vertical 打包放到线上不显示

2.在我们的webpack.config.js文件中,找到 new webpack.optimize.UglifyJsPlugin,在里面添加一条 mangle:false,这个的意思是删除注释。1.直接在行内加 -webkit-box-orient: vertical(个别元素添加适合)4.找到webpack.prod.conf.js,并将如下代码注释。这个属性在本地运行是存在的,但是打包后放到线上这个属性消失了;问题出现原因:打包时这个属性和注释混在了一起(个人猜测)3.把这句代码前后都加注释,如下。

2023-06-01 11:10:44 213

原创 iview表格单元格中render函数完美实现最多显示N行,超出后省略号...并鼠标移上去Tooltip提示

如果是单行溢出隐藏,可以直接用自带的方法:{ title: '条目', key: 'content', align: 'center', tooltip: true, },那么实现多行溢出隐藏,超出后省略号...并鼠标移上去Tooltip提示则下面方法:{ title: '内容', key: 'content', align: 'cent

2021-10-25 14:07:09 822

原创 elementUI给el-dialog标题添加自定义图片

利用插巢slot给el-dialog弹框标题添加icon图标或自定义图片<el-dialog :title="title" :visible.sync="dialogVisible"> <div slot="title" class="header-title"> <img :src="src" alt=""> <span>{{title}}</span> </div> <e

2021-07-21 11:24:28 3844

转载 Vue UI组件库总结推荐

基于Vue的Quasar Framework 介绍 这个框架UI组件很全面,准备下次使用这个框架了基于Vue的Quasar Framework 中文网http://www.quasarchs.com/quasarframework/quasar: Quasar Frameworkhttps://github.com/quasarframework/quasarQuasar(发音为/kweɪ.zɑɹ/)是MIT许可的开源框架(基于Vue),可帮助Web开发人员创建:响应式网站PWA(Progre

2021-07-12 16:44:07 409

原创 iview 将table的selection多选变单选方法

{ title:'#', type:'checkBox', align: 'center', width:80, render:(h,params)=>{ return h('div',[ h('Checkbox',{ props:{ value:params.row.checkBox }, .

2021-07-05 16:47:03 1258

转载 【网页前端】JS呈现时间戳为与当前时间比较结果

效果:需求:接口返回时间戳与当前时间戳相比,1分钟内:刚刚;1小时内:XX分钟前;1天内:XX小时前;其他:年月日时分实现://时间格式化 getTimeShow:function(time_str){ var now = new Date(); var date = new Date(time_str); //计算时间间隔,单位为分钟 v

2021-07-01 16:32:30 548

原创 使用electron将vue-cli项目打包成exe应用实例

1.vue项目搭建参考之前文章Vue-cli 脚手架项目搭建步骤2.Electron原理及介绍参考之前文章Electron 介绍克隆一个Electron官网推荐的快速启动程序,简单了解Electron构建桌面程序的流程git clone https://github.com/electron/electron-quick-startcd electron-quick-startnpm installnpm start这个demo主要就是main.js和package.js..

2021-06-25 17:14:41 389 1

原创 Electron 介绍

Electron 文档https://www.electronjs.org/docs/tutorial/quick-start1.什么是ElectronElectron可以让你使用纯 JavaScript 调用丰富的原生 API 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。这不意味着 Electron 是某个图形用户界面(GUI)库的 JavaScript 版本。 相反,Electron 使用 web 页面作为它的 GUI,所以你能把它看作成.

2021-06-25 14:32:09 1948

原创 微信小程序长按复制文本内容

<textuser-select='true'>{{itext}}</text>注意:<text selectable='true'>长按复制文本</text> selectable 属性已废弃

2021-06-21 15:53:10 1104

原创 使用echarts宽度100%变成100px问题

当图形宽度设置是100%时,切换tab后变成了100px了,(或者弹框内容为echarts图时,宽高设置的100%)如果已经设置了自适应,那么手动去改变浏览器屏幕的宽,会发现图形又恢复正常了。原因:切换tab时,元素本身就是存在的,只是样式被设置成display: none,那么宽高为0px;echarts对图形最小的默认为100px,所以就会出现这样的情况。解决问题过程中,在网上看到的帖子里,发现很多并不能解决到问题。比如:1.直接写死,显然不符合项目需求;;2.用window.innerWid

2021-04-21 14:12:15 1502 1

原创 常用图表类(作图)插件总结

https://echarts.apache.org/examples/zh/index.htmlhttp://antv-2018.alipay.com/zh-cn/g6/3.x/demo/index.htmlhttp://antv-2018.alipay.com/zh-cn/g2/3.x/demo/index.html#_%E6%8A%98%E7%BA%BF%E5%9B%BEhttps://observablehq.com/@d3/galleryhttps://d3js.org/http://g

2021-04-19 10:38:15 135

原创 微信小程序在线客服接入功能详解

微信小程序在线客服接入功能详解步骤一::小程序接入微信「客服消息」功能模块,开发者只需要调用按钮,触发微信的客服消息功能即可。加入客服消息按钮有两个方法,大家可以根据自己的实际需求,任选一种方法。1.插入固定的接入样式<contact-button></contact-button>2.插入自定义样式的客服消息按钮(利用 WXML 中 组件的 open-type 属性,可以自定义样式的客服消息按钮。)<button open-type='contact'>

2021-04-15 16:57:35 6953

原创 css3中 百分比宽度减去固定宽度的写法

div{ /*实现了宽度为父容器宽度减去固定的100像素*/ width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); }注意:1.calc() 里面的公式可以加减乘除,而且支持rem,em算法2.减号的两边必须都有至少一个空格...

2020-09-30 14:29:36 1675

原创 Vue-纯前端导出word文档

操作步骤:1.安装-- 安装 docxtemplatercnpm install docxtemplater pizzip --save-- 安装 jszip-utilscnpm install jszip-utils --save -- 安装 jszipcnpm install jszip --save-- 安装 FileSavercnpm install file-saver --save2.在当前Vue文件中引入 import docxtemplate

2020-06-24 21:31:44 2881

原创 Vue 导出页面为PDF格式

通过网上的查阅以后,说一下思路.就是将页面转换成图片格式.然后通过图片的base64码.生成PDF。具体操作如下:1 、我们要添加两个模块第一个.将页面html转换成图片npm install --save html2canvas 第二个.将图片生成pdfnpm install jspdf --save2、定义全局函数..创建一个htmlToPdf.js文件在指定位置.我个人习惯放在('src/components/utils/htmlToPdf')// 导出页面为PDF格式im

2020-06-24 14:29:43 333

原创 element ui select组件级联菜单清空选中状态后再次选择不显示问题

问题描述 表单中使用两个select 由第一个select控制另一个select的可选值watch: { "stepInfo.type": function(newValue, oldValue) { this.stepInfo.ktype = null; } },监听select清除另一个select选中选项解决方法// 在另一个受控制的select change事件里面加代码 this.$forceUpdate();亲测有效...

2020-06-15 19:23:15 2220

原创 orgChart实现多重树状图结构

OrgChart.js是什么?基于ES6的组织结构图插件。特征支持本地数据和远程数据(JSON)。基于CSS3过渡的平滑扩展/折叠效果。将图表对齐为4个方向。允许用户通过拖放节点更改组织结构。允许用户动态编辑组织图并将最终层次结构保存为JSON对象。支持将图表导出为图片。支持平移和缩放用户可以采用多种解决方案来构建庞大的组织结构图(请参考多层或混合布局部分)...

2019-12-09 13:44:50 1478

原创 vue element-ui table中图片的显示

实现如下图片展示效果:页面:html/vue<el-table :data="tableData" border style="width: 100%;margin-top:20px;"> <el-table-column prop="picture" label="头像" align="center"> ...

2019-12-06 16:25:38 10277 3

原创 Ztree树形控件使用总结及创建带有复选框的树

网页需要引用的链接<link rel="stylesheet" href="css/dataAnalysis/zTreeStyle.css?v=<%=version %>"><script src="js/lib/jquery.ztree.core.js?v=<%=version %>"></script><scri...

2019-10-23 10:18:21 925 1

原创 解决记住登录账号密码的网站,会将账号密码回显到输入框问题

场景:某个网站登录时在浏览器会选择保存密码,则在页面上的输入框内会将该网站保存过的账号或密码回显。一般这种需求对用户是不需要的,所以下面为解决此问题的方法????:1.input 标签不要用id选择器,去掉就不会自动回填浏览器自动保存的用户名,密码了。可以用class类选择器。2.解决密码回显: 2.1“大部分浏览器都是根据表单域的type="password"来判断密码域”,因此解决办...

2019-09-18 10:18:30 7499

原创 网页繁体和简体转换js插件

document.write(" <a name=\"StranLink\" id=\"StranLink\" style=\"color:red;cursor:pointer\">网站转为简体123</a>");//模仿语言包式的简繁转换功能插件!var Default_isFT = 1 //默认是否繁体,0-简体,1-繁体var StranIt_Delay =...

2019-08-07 15:23:20 3238

原创 前端页面jsp+css实现一套系统两种样式风格

目前很多网站有这样的需求,页面结构不变,但是分用户或其他需求,想要在同一套结构代码里,加不同的样式,实现不同的展示风格。下面已后台为Java为例:1.config.properties 配置文件:systemyTypeColor=12.新建两个css分别实现两种不同颜色风格 blue.cssbody{background:blue} red.cssbody...

2019-06-10 14:16:37 3905

原创 GitHub入门基础使用

Git是目前世界上最先进的分布式版本控制系统(没有之一)。GitHub 是一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式进行托管,故名 GitHub。接下来将和大家详细介绍下GitHub的入门基础使用,包括几个重要的概念:Repository(仓储)、Branch(分支)等。1、打开浏览器,输入GitHub的网址https://github.com,默认...

2019-05-16 15:17:11 1176

原创 css实现滚动条兼容mac和windows

要做到同时兼容windows和Mac,那么可以自定义滚动条,做法很简单,在全局的css样式中加入下面代码即可://自动移滚动条样式::-webkit-scrollbar{ width: 5px; height: 5px;}::-webkit-scrollbar-thumb{ border-radius: 1em; background-color: rgba(50,50...

2019-05-13 14:50:01 4954 1

原创 jQuery 时间插件My97DatePicker动态获取选中值及修改默认时间

1.My97DatePicke插件文档http://www.my97.net/demo/index.htm2.自定义事件onpicking 和 onpicked 事件 onclearing 和 oncleared 事件 年月日时分秒的 changing和changed 年月日时分秒都有对应的changing和changed事件,分别是: ychanging ychange...

2019-04-29 19:36:24 2633

原创 layer.confirm快速点击会重复触发事件问题

1 .问题描述: 快速点击会出现重复触发事件,像后台发起多次请求,此时后台极端=短时间内多次请求,会出现并发问题2.问题分析 :查看layerUI的API发现,系统的confirm是线程阻塞的,而layer.confirm是非阻塞的3.问题解决方案1. 防止重复触发事件,前台js加锁方案2.后台代码加乐观锁此时,方案1解决这个问题最佳4.具体实现: //出库 ou...

2019-04-28 16:56:19 1424 1

原创 用CSS将select/option文本居中

HTML:<select name="" id="chooseRange"> <option value="0">标题或正文</option> <option value="2">标题</option> <option value="1">正文</o...

2019-03-22 09:44:43 2606

原创 jQuery iCheck自定义复选框和单选按钮组件

参数:下面是参数列表及其默认值:{ // 'checkbox' or 'radio' to style only checkboxes or radio buttons, both by default handle: '', // base class added to customized checkboxes checkboxClass: 'icheckbox',...

2019-03-06 16:40:51 628

原创 html 上标<sup>与下标注<sub>标签

1.结构语法Html上标:&lt;sup&gt;上浮内容&lt;/sup&gt;Html下标:&lt;sub&gt;下浮内容&lt;/sub&gt;2.实例

2019-02-19 16:29:53 2244

原创 jQuery input type='file' 解决onchange只触发一次问题

input type='file'的change事件,如果上传的文件或图片名称不变,则change只会触发一次,再次上传则事件无反应。解决change只触发一次问题只需要让input的值清空即可。例如:&lt;input type='file' name='files' id='file' onchnage='change(this)'&gt;function change(e)...

2019-01-11 12:12:21 4730

原创 js 获取地址栏参数 及获取参数为中文时乱码问题

1.获取地址栏参数function GetQueryString(name) { var reg = new RegExp("(^|&amp;)"+ name +"=([^&amp;]*)(&amp;|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return une...

2018-12-25 10:28:17 1876

原创 JS 判断URL中是否含有 http:// 如果没有则自动为URL加上

url = url.substr(0,7).toLowerCase() == "http://" ? url : "http://" + url;上面这种处理方法适合返回的url都是http://协议的链接,如果返回的url中既有http、又有HTTPS协议的,需要加一层判断if(url.substr(0,7).toLowerCase() == "http://" || url.sub...

2018-12-01 13:35:21 12353 1

转载 百度编辑器ueditor工具栏

http://www.mamicode.com/info-detail-1710907.html

2018-11-24 23:37:43 1100

原创 jquery 实现全选全不选效果及误区

$('#allCheck').on('click',function(){ if($(this).is(':checked')){ $(this).parents('thead').siblings('tbody').find('input[type="checkbox"]').prop('checked',true); ...

2018-11-05 11:34:41 167

原创 Sublime Text 3 安装vue插件

1.打开sublime text 3按 Ctrl+Shift+P  (或者 Tools --&gt; Command Palette ),输入Install Package ,回车2.输入Vue,选择下面第二个选项vue syntax hightlight 3.重启sublime ,打开发现就已经安装好了。 ...

2018-09-13 10:15:53 2788

原创 jQuery 移除或禁用html元素点击功能

方法一:css实现element{ pointer-events: none; }方法二:jQuery实现$(element).click(function (event) { event.preventDefault();}方法三:$('.element').removeAttr('onclick');//去掉标签中的onclick事件方法四:...

2018-09-12 15:32:23 3578

空空如也

空空如也

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

TA关注的人

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