bluelotos893的博客

原创 win7 使用nvm 安装node高版本

原创 前端压缩图片，上传前预览图片

上传预览图片、前端图片压缩

原创 PC端、移动端拖拽元素

PC端、移动端拖拽元素

原创 根据设计稿设置rem大小，elementUI px转rem

根据设计稿设置rem大小，px转rem

原创 table固定表头

设置table表头固定

原创 限制input输入数字和小数点位数

js限制输入数字，限制输入小数位数

原创 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

原创 eclipse下载安装、配置tomcat、Maven、lombok

eclipse安装tomcat、maven、lombok

原创 SpringBoot工程 eclipse安装lombok插件

安装配置好JDK安装Maven下载安装包: lombok下载链接把包放到eclipse同一目录下，运行命令 java -jar lombok.jar等待程序自动找到eclipse文件夹，安装eclipse配置文件会自动加了lombok.jar执行Maven install等待完成后重新运行即可...

原创 xftp7文件目录乱码

第一步把主机类型从自动侦测改为Linux第二步把编码改为UTF-8

原创 bootstrap-datetimepicker有滚动条时位置偏移解决办法

如上图所示，页面有滚动条时bootstrap-datetimepicker选择控件位置偏移，关键代码：将源码中636行place方法中的left计算注释掉即可。

原创 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(..

原创 vue中更改input值后，同步更新model的值

在vue中有时需要对输入的值进行判断，并重新赋值，PC端可以直接监听keydown的keyCode值限定输入，移动端则不行，只能在用户输入后，再拿到相应的值做处理，如果是单个input，用input事件就可以进行处理，如果是批量的表单，那我们还是需要通过事件代理的形式，在需要限制输入的input上加个类名，并主动触发一下元素的input事件，就可以同步更新vue中相应data的值了。//数字输入框，输入内容后进行判断，并触发vue绑定值的更新 $("body").on("keyu...

原创 eclipse tomcat启动超时设置

Tomcat默认启动时间是45秒，工程比较大的时间可能不够，会提示timeout的一个错误，解决办法如下：

原创 jQuery load方法无数据返回（加载不了内容）

今天遇到了jQuery load方法无数据返回的情形，提示如下图，返回内容空白经过反复测试，发现原因是load页面的标签没有正确闭合，代码中有js语法非法的括号等。排查思路就是这些，基本能解决问题,下面的两种情况都会load有问题，时而可以加载出来，时而不行，或者就感觉一直有缓存，将语法修正即可。<div><style></div>//xxx{#}非法括号...

原创 前端汉字首拼模糊查询提示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

原创 判断元素是否在页面当前视口中

var viewH = document.documentElement.clientHeight;//视口总高度 var scrollHeight = document.documentElement.scrollHeight;//文档总高度（包含滚动区域内容） function lazyload() { var nodes = document.querySelectorAll('.fadeInUp'); Array.prototype.forEach.call(n.

原创 安卓平板浏览器强制横屏方案测试

总结：暂无很好的保持横屏方案，相比之下体验较好的是使用第三方APP“屏幕旋转助手”对系统应用进行横屏设置，浏览器使用Chrome，缺陷是对桌面横屏、相机横屏有问题，APP本身也会存在一些稳定问题,有时需要设置几次才可以成功。...

原创 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

原创 记一次jQuery ajax 终止请求异常问题

jQuery 的ajax方法可以获取原生xhr对象，并获取文件上传进度。一旦方法中写了xhr属性，但是方法体为空，没有返回值，则ajax不会执行，网络请求中没有记录，状态码提示：Cannot read property ‘open’ of undefined...

原创 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</

原创 html2canvas使用心得

需求：微信中将一些动态内容生成一张图片，用户可保存html2canvas是比较成熟的一个插件，于是用了起来，下面是使用中遇到的一些问题总结：图片模糊：使用background-image的方式会引起模糊，直接使用img就解决了选择版本：1.0.0-rc.4（iOS选择1.0.0-rc.5会有问题，图片显示不出来）...

原创 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" //同层

原创 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.

原创 Chrome浏览器数据迁移

导出原来的数据（书签和浏览记录等）找到Chrome个人资料路径，打开chrome://version，我的是C:\Users\colbor\AppData\Local\Google\Chrome这个文件夹下有User Data，将这个文件复制到新电脑一样的路径下替换即可密码导出设置-密码管理-密码导出密码导入1、找到chrome快捷方式，右键打开属性；2、在“目标”一栏的后面加上以下代码：–enable-features=PasswordImport“C:\Program Files

原创 前端分页

发现一款前端分页插件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

原创 百度编辑器 toolbars参数说明

var editor = UE.getEditor("Editor",{ toolbars: [ [ 'source', //源代码 'cleardoc', //清空文档 'insertcode', //代码语言 'fon...

原创 win7 64位系统8G内存显示3.97G可用解决办法

win7 64位系统，原来一根内存，现在加了一根金士顿4G，但是查看8G内存显示3.97G可用，百度了很多种方法，最多的文章就是msconfig的一些设置，不过没什么用，或者说重装系统（重装太麻烦啦，放弃）。最终是使用单条单槽轮流试，确认单槽单条内存可开机，说明主板和内存条都没问题，识别了一条后关机，然后再把另一条加上去就好了。整个过程有点魔幻，可能有些运气成分，不敢再动了，总之多试几次看吧。...

原创 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; ...

原创 前端table导出为Excel

参考网址：添加链接描述//base64转码 var base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))); }; //替换table数据和worksheet名字 var format = function (s, c) { return...

原创 生成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); ...

原创 日期和身份证年龄计算相关小工具

//判断字符串是否格式正确及日期合法性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...

原创 iOS微信中点击表单元素后触摸点错位的兼容

在微信中iOS点击输入框、选择框，点击软键盘上的完成后，底部依然有空白，这就导致了触摸点发生错位，错位的偏移位置大概就是底部留白的部分，在网上搜了其它一些资料后，自己写了这段代码到项目里，管用！不过还是希望微信能早日解决这个问题吧，毕竟看到最初反馈这个问题是在2018年年底的时候了。。 var iOSPagescrollTimer = null; $("body").on("foucs",...

原创 前端打印时不显示背景和border颜色的CSS设置

元素有设置背景色，但是打印时不显示背景色，在背景色设置后面加上 !importantborder的颜色不显示，子元素的border颜色设置成和父元素不一样就显示了（很奇葩的现象，但是管用）。<style media=print type="text/css"> div.mark-target-a{background: #E73535 !important;} div....

原创 设置iframe窗口不出现滚动条

iframe窗口在多数浏览器中的默认高度是150px，所以在不处理的情况下出现滚动条是大概率事件，我们需要在涉及DOM变化的地方加上一个获取实时内容高度的事件，然后再设置到iframe上。 //假定iframe的ID为iframe_name function setIframeHeight(){ var contentHeight = document.body.scrollHeig...

转载 MySQL约束笔记

今日内容1. DQL:查询语句 1. 排序查询 2. 聚合函数 3. 分组查询 4. 分页查询2. 约束3. 多表之间的关系4. 范式5. 数据库的备份和还原DQL:查询语句1. 排序查询 * 语法：order by 子句 * order by 排序字段1 排序方式1 ， 排序字段2 排序方式2... * 排序方式： * ASC：升序，默认的。 * D...

转载 MySQL基础笔记

今日内容数据库的基本概念MySQL数据库软件安装卸载配置SQL数据库的基本概念1. 数据库的英文单词： DataBase 简称 ： DB2. 什么数据库？ * 用于存储和管理数据的仓库。3. 数据库的特点： 1. 持久化存储数据的。其实数据库就是一个文件系统 2. 方便存储和管理数据 3. 使用了统一的方式操作数据库 -- SQL4. 常见的...

原创 MUI使用小记

使用了mui绑定tap事件后，再绑click事件，则click事件不会生效，所以移动端最好就是用tap。2.使用on的方式绑定事件时，事件类型后面必须要写选择器，否则会报错，这点有别与jQuery，要留意。3.mui自带的轮播图不是特别理想，项目中又另外用的是swiper，后者专业做轮播图的，当然选专业的了。...

原创 postman客户端 携带cookie信息的PUT请求

1.Chrome安装插件 Postman Interceptor2.浏览器登录网站，拿到cookie相关信息，填写到postman工具中，请求的参数可根据自己情况填写

原创 普通layer弹框样式

记录一下自己平时经常用到的弹出层表单，方便以后复制使用。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scala...