- 博客(92)
- 收藏
- 关注
原创 Linux安装node环境
Linux 安装nodejs环境下载链接:nodejs中文网解压文件#1.选择一个安装目录cd /usr/local/src/#2.上传下载好的文件rz #3.解压文件tar -xvf node-v16.14.2-linux-x64.tar.xz改名,建议改,原本的不好敲mv node-v16.14.2-linux-x64 nodejs进入bin文件夹查看node版本cd nodejs/bin./node -v#16.14.2配置软链,方便其他地方使用ln -s /u
2022-04-16 19:09:07
1304
原创 SpringBoot工程 eclipse安装lombok插件
安装配置好JDK安装Maven下载安装包: lombok下载链接把包放到eclipse同一目录下,运行命令 java -jar lombok.jar等待程序自动找到eclipse文件夹,安装eclipse配置文件会自动加了lombok.jar执行Maven install等待完成后重新运行即可...
2022-01-08 19:14:11
367
原创 bootstrap-datetimepicker有滚动条时位置偏移解决办法
如上图所示,页面有滚动条时bootstrap-datetimepicker选择控件位置偏移,关键代码:将源码中636行place方法中的left计算注释掉即可。
2021-07-01 11:45:22
470
原创 jQuery的ajaxSetup全局设置和单独设置覆盖情况
$.ajaxSetup({ success:function(res){ console.log("3-setup success") }, complete: function(XMLHttpRequest, textStatus) { console.log("4-setup complete") } }); //覆盖$.ajaxSetup的全局设置,执行顺序:item success -> item complete $.ajax(..
2021-05-27 10:02:44
742
原创 vue中更改input值后,同步更新model的值
在vue中有时需要对输入的值进行判断,并重新赋值,PC端可以直接监听keydown的keyCode值限定输入,移动端则不行,只能在用户输入后,再拿到相应的值做处理,如果是单个input,用input事件就可以进行处理,如果是批量的表单,那我们还是需要通过事件代理的形式,在需要限制输入的input上加个类名,并主动触发一下元素的input事件,就可以同步更新vue中相应data的值了。//数字输入框,输入内容后进行判断,并触发vue绑定值的更新 $("body").on("keyu...
2021-04-14 20:24:21
2412
原创 eclipse tomcat启动超时设置
Tomcat默认启动时间是45秒,工程比较大的时间可能不够,会提示timeout的一个错误,解决办法如下:
2021-04-11 08:19:17
1603
原创 jQuery load方法无数据返回(加载不了内容)
今天遇到了jQuery load方法无数据返回的情形,提示如下图,返回内容空白经过反复测试,发现原因是load页面的标签没有正确闭合,代码中有js语法非法的括号等。排查思路就是这些,基本能解决问题,下面的两种情况都会load有问题,时而可以加载出来,时而不行,或者就感觉一直有缓存,将语法修正即可。<div><style></div>//xxx{#}非法括号...
2021-01-05 20:46:05
706
原创 前端汉字首拼模糊查询提示jQuery插件
适用场景:用户需要在指定的列表中选择或者搜索后选择。<span class="stk-autocomplate-wrap" id="stk-autocomplate-wrap-7925e575e6e8"> <input id="sk_operator_id2" class="autocomplate-ipt" readonly/> <i class="arrow-i"> </i> <i class="close-btn"> </i
2020-12-15 09:23:23
413
原创 判断元素是否在页面当前视口中
var viewH = document.documentElement.clientHeight;//视口总高度 var scrollHeight = document.documentElement.scrollHeight;//文档总高度(包含滚动区域内容) function lazyload() { var nodes = document.querySelectorAll('.fadeInUp'); Array.prototype.forEach.call(n.
2020-11-17 10:57:57
907
原创 安卓平板浏览器强制横屏方案测试
总结:暂无很好的保持横屏方案,相比之下体验较好的是使用第三方APP“屏幕旋转助手”对系统应用进行横屏设置,浏览器使用Chrome,缺陷是对桌面横屏、相机横屏有问题,APP本身也会存在一些稳定问题,有时需要设置几次才可以成功。...
2020-10-21 17:25:12
2057
原创 JS获取客户端IP及城市
需求是地图上标识用户当前所在的省份,用下面的接口就可以获取到信息,太省事了。<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script><script type="text/javascript"> //返回结果:returnCitySN = {cip: "183.17.126.188", cid: "440300", cname: "广东省深圳市"} document.write(returnCi
2020-09-19 14:40:08
341
原创 记一次jQuery ajax 终止请求异常问题
jQuery 的ajax方法可以获取原生xhr对象,并获取文件上传进度。一旦方法中写了xhr属性,但是方法体为空,没有返回值,则ajax不会执行,网络请求中没有记录,状态码提示:Cannot read property ‘open’ of undefined...
2020-08-05 19:18:20
222
原创 jQuery点赞效果
<script type="text/javascript">(function ($) { $.extend({ tipsBox: function (options) { options = $.extend({ obj: null, //jq对象,要在那个html标签上显示 str: "+1", //字符串,要显示的内容;也可以传一段html,如: "<b style='font-family:Microsoft YaHei;'>+1</
2020-07-21 09:51:44
284
原创 html2canvas使用心得
需求:微信中将一些动态内容生成一张图片,用户可保存html2canvas是比较成熟的一个插件,于是用了起来,下面是使用中遇到的一些问题总结:图片模糊:使用background-image的方式会引起模糊,直接使用img就解决了选择版本:1.0.0-rc.4(iOS选择1.0.0-rc.5会有问题,图片显示不出来)...
2020-07-06 19:53:40
280
原创 iOS在微信中不全屏播放及允许div元素在video上
<video class="video-player" playsinline="" //IOS微信浏览器支持小窗内播放 webkit-playsinline="" //IOS微信浏览器支持小窗内播放 preload x5-video-player-type="h5-page" //同层播放器窗口播放 x5-video-player-type="h5" //同层播放器全屏播放 x5-video-player-fullscreen="true" //同层
2020-06-15 09:11:30
1089
原创 iOS | Android 各版本发布日期
安卓最新设备的版本一般在谷歌推送版本后半年后,开发时推断主流设备时可参考。年份iOSAndroidiPhone小米手机20071.0–iPhone–20082.01.0iPhone 3G–20093.02.0iPhone 3GS–20104.02.3iPhone 4–20115.03.0iPhone 4s小米120126.04.1iPhone 5小米220137.04.3iPhone 5.
2020-06-14 10:36:47
933
原创 Chrome浏览器数据迁移
导出原来的数据(书签和浏览记录等)找到Chrome个人资料路径,打开chrome://version,我的是C:\Users\colbor\AppData\Local\Google\Chrome这个文件夹下有User Data,将这个文件复制到新电脑一样的路径下替换即可密码导出设置-密码管理-密码导出密码导入1、找到chrome快捷方式,右键打开属性;2、在“目标”一栏的后面加上以下代码:–enable-features=PasswordImport“C:\Program Files
2020-06-07 20:45:04
12988
1
原创 前端分页
发现一款前端分页插件jQuery分页插件sPage,简洁大方易用,推荐给大家啦。作者jq22 && jq3309.spage-total{display: inline-block;margin-right: 20px;line-height: 35px;color: #666;font-size:14px;}.spage-number{display: inline-block;color: #666;font-size:14px;}.spage-number button{posi
2020-06-03 17:31:52
213
原创 百度编辑器 toolbars参数说明
var editor = UE.getEditor("Editor",{ toolbars: [ [ 'source', //源代码 'cleardoc', //清空文档 'insertcode', //代码语言 'fon...
2020-05-06 19:49:00
297
原创 win7 64位系统8G内存显示3.97G可用解决办法
win7 64位系统,原来一根内存,现在加了一根金士顿4G,但是查看8G内存显示3.97G可用,百度了很多种方法,最多的文章就是msconfig的一些设置,不过没什么用,或者说重装系统(重装太麻烦啦,放弃)。最终是使用单条单槽轮流试,确认单槽单条内存可开机,说明主板和内存条都没问题,识别了一条后关机,然后再把另一条加上去就好了。整个过程有点魔幻,可能有些运气成分,不敢再动了,总之多试几次看吧。...
2020-04-16 22:12:26
8610
原创 css自定义单选框、复选框
span.pg-option-item-radio,span.pg-option-item-checkbox { position: relative; display: inline-block; margin: 3px 0; min-width: 100px; cursor: default; line-height: 1.5; padding: 0 5px 0 19px; ...
2019-08-23 16:52:30
265
原创 前端table导出为Excel
参考网址:添加链接描述//base64转码 var base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))); }; //替换table数据和worksheet名字 var format = function (s, c) { return...
2019-08-17 11:23:12
649
原创 生成UUID方法
简单的的生成UUID方法function uuidv4() { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); ...
2019-08-16 21:48:24
699
1
原创 日期和身份证年龄计算相关小工具
//判断字符串是否格式正确及日期合法性function isDate(str) { if(!str)return false; var result = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); if (result == null){ return false; } var d = new...
2019-07-26 23:42:01
575
原创 iOS微信中点击表单元素后触摸点错位的兼容
在微信中iOS点击输入框、选择框,点击软键盘上的完成后,底部依然有空白,这就导致了触摸点发生错位,错位的偏移位置大概就是底部留白的部分,在网上搜了其它一些资料后,自己写了这段代码到项目里,管用!不过还是希望微信能早日解决这个问题吧,毕竟看到最初反馈这个问题是在2018年年底的时候了。。 var iOSPagescrollTimer = null; $("body").on("foucs",...
2019-07-25 17:45:56
762
原创 前端打印时不显示背景和border颜色的CSS设置
元素有设置背景色,但是打印时不显示背景色,在背景色设置后面加上 !importantborder的颜色不显示,子元素的border颜色设置成和父元素不一样就显示了(很奇葩的现象,但是管用)。<style media=print type="text/css"> div.mark-target-a{background: #E73535 !important;} div....
2019-07-25 15:21:16
5720
1
原创 设置iframe窗口不出现滚动条
iframe窗口在多数浏览器中的默认高度是150px,所以在不处理的情况下出现滚动条是大概率事件,我们需要在涉及DOM变化的地方加上一个获取实时内容高度的事件,然后再设置到iframe上。 //假定iframe的ID为iframe_name function setIframeHeight(){ var contentHeight = document.body.scrollHeig...
2019-07-25 09:07:48
3885
转载 MySQL约束笔记
今日内容1. DQL:查询语句 1. 排序查询 2. 聚合函数 3. 分组查询 4. 分页查询2. 约束3. 多表之间的关系4. 范式5. 数据库的备份和还原DQL:查询语句1. 排序查询 * 语法:order by 子句 * order by 排序字段1 排序方式1 , 排序字段2 排序方式2... * 排序方式: * ASC:升序,默认的。 * D...
2019-06-27 23:23:11
148
转载 MySQL基础笔记
今日内容数据库的基本概念MySQL数据库软件安装卸载配置SQL数据库的基本概念1. 数据库的英文单词: DataBase 简称 : DB2. 什么数据库? * 用于存储和管理数据的仓库。3. 数据库的特点: 1. 持久化存储数据的。其实数据库就是一个文件系统 2. 方便存储和管理数据 3. 使用了统一的方式操作数据库 -- SQL4. 常见的...
2019-06-26 22:29:57
128
原创 MUI使用小记
使用了mui绑定tap事件后,再绑click事件,则click事件不会生效,所以移动端最好就是用tap。2.使用on的方式绑定事件时,事件类型后面必须要写选择器,否则会报错,这点有别与jQuery,要留意。3.mui自带的轮播图不是特别理想,项目中又另外用的是swiper,后者专业做轮播图的,当然选专业的了。...
2019-06-25 23:47:47
185
原创 postman客户端 携带cookie信息的PUT请求
1.Chrome安装插件 Postman Interceptor2.浏览器登录网站,拿到cookie相关信息,填写到postman工具中,请求的参数可根据自己情况填写
2019-05-30 09:24:17
573
原创 普通layer弹框样式
记录一下自己平时经常用到的弹出层表单,方便以后复制使用。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scala...
2019-05-08 15:12:28
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人