web
文章平均质量分 51
曉儂
学无止境!!不积小流,何以成江海!!
展开
-
Please restart this script from an administrative PowerShell!
Downloading python-2.7.15.amd64.msiDownloading Python failed. Error: Error: getaddrinfo ENOTFOUND cdn.npmmirror.com at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:66:26) { errno: -3008, code: 'ENOTFOUND', syscall: 'getaddrinfo', hostna原创 2023-01-06 17:24:26 · 3191 阅读 · 1 评论 -
JS进阶篇2---函数防抖(debounce)
一、什么是函数防抖概念:函数防抖(debounce),就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n 秒内又触发了事件,则会重新计算函数延执行时间。举个栗子,坐电梯的时候,如果电梯检测到有人进来(触发事件),就会多等待 10 秒,此时如果又有人进来(10秒之内重复触发事件),那么电梯就会再多等待 10 秒。在上述例子中,电梯在检测到有人进入 10 秒钟之后,才会关闭电梯门开始运行,因此,“函数防抖”的关键在于,在 一个事件 发生 一定时间 之后,才执行 特定动作。二、为什么需要函转载 2022-02-24 15:55:46 · 790 阅读 · 0 评论 -
JS--函数节流(throttle)
一、什么是函数节流(throttle)概念:限制一个函数在一定时间内只能执行一次。举个栗子,坐火车或地铁,过安检的时候,在一定时间(例如10秒)内,只允许一个乘客通过安检入口,以配合安检人员完成安检工作。上例中,每10秒内,仅允许一位乘客通过,分析可知,“函数节流”的要点在于,在 一定时间 之内,限制 一个动作 只 执行一次 。二、为什么需要函数节流 前端开发过程中,有一些事件或者函数,会被频繁地触发(短时间按内多次触发),最常见的例如,onresize,scroll,mousemove ,mou原创 2022-02-24 15:46:42 · 669 阅读 · 0 评论 -
layui日期控件点击一闪而过解决方法
今天做项目用layui日期控件,发现一个bug,点击选择日期,弹出的框会一闪而过,切屏回来就出来了。解决方法:laydate.render({ elem: '#yeji_fdate' ,btns: ['confirm'] ,theme: 'grid' ,trigger: 'click' }); 添加:tri...原创 2020-08-06 15:24:46 · 474 阅读 · 0 评论 -
layui 表格单元格自定义提示框
cols: [[ //表头 { field: 'Content', title: '承诺内容', templet: '#ContentTipl', }, ...原创 2019-06-21 17:32:46 · 3616 阅读 · 0 评论 -
jQuery获取浏览器参数
function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return un...原创 2019-07-26 15:57:12 · 658 阅读 · 0 评论 -
jquery 中substring,substr,split的用法
substring 方法 返回位于 String 对象中指定位置的子字符串。 strVariable.substring(start, end) “String Literal”.substring(start, end) 参数 start 指明子字符串的起始位置,该索引从 0 开始起算。 end 指明子字符串的结束位置,该索引从 0 开始起算。 说明 方法将返回一个包含从 s转载 2017-12-07 16:42:56 · 552 阅读 · 0 评论 -
jQuery Validate添加自定义验证方法
https://blog.csdn.net/wwrzyy/article/details/79003739转载 2019-12-06 11:15:05 · 85 阅读 · 0 评论 -
BootstrapTable 相同内容单元格合并
https://blog.csdn.net/reallyWCF/article/details/80029590转载 2019-12-25 14:45:41 · 451 阅读 · 0 评论 -
jquery 通过点击获取对象属性值
<html> <head> <meta charset="UTF-8"> <title>wenjian</title> <script type="text/javascript" src="https://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> </head> <body> <原创 2020-08-06 15:22:33 · 930 阅读 · 0 评论 -
浏览器IE8 jquery 对象不支持“addEventListener”属性或方法
浏览器IE8 对象不支持“addEventListener”属性或方法(注!jquery-2.0以上版本不再支持IE 6/7/8) 并不是最新的版本就最好的,而是根据您项目需求所适合的版本!)解决方法更换 jquery 版本jquery版本获取http://www.jq22.com/jquery-info122...原创 2020-08-06 11:38:16 · 639 阅读 · 0 评论 -
jquery 网页返回顶部
将一下代码放入<html><body><div id="goTop" class="goTop"></div></body></html> css/*返回顶部 */#goTop{position:absolute;display:none;width:50px;height:48px;background:#fff url(../images/gotop.png) no-repeat原创 2017-12-11 12:03:25 · 159 阅读 · 0 评论 -
javascript时间戳和日期字符串相互转换代码(超简单)
var ceshi="1597742679683";var dateTime =new Date(ceshi);$("#createTime").text(formatDate(dateTime));function formatDate(now) { var year = now.getFullYear(); var month = now.getMonth() + 1; var date = now.getDate(); var h原创 2020-08-26 18:12:00 · 216 阅读 · 0 评论 -
js 调整 json 数据结构
调整 json 数据结构方法一let contentList=[{radius:' ',strokeWidth:2, zIndex: 1}];contentList.forEach((val,index)=>{ val["radius"]=28;//增加 val["strokeWidth"]=3;//修改 val["color"]="#ffffff"; val["fillColor"]='#03A9F4'; zInd原创 2021-03-15 01:45:33 · 314 阅读 · 0 评论 -
js 运算符,
/* 数字运算符*/var a=7,b=9;undefinedx=a+b;16a=b*2;18a=++b;10a=--b;9c=b-a;0/*逻辑运算&& 并且 条件必须都满足为true,否则为false|| 或者 条件满足一个为true,两者都不满足为false!非运算取反*/...原创 2020-08-04 16:15:46 · 137 阅读 · 0 评论 -
Uncaught TypeError: Cannot read property 'msie' of undefined
up votedown voteUse the following script tag in your jsp/js file:You can check out this solution by AJ. It's pretty straightforward, just copy and paste the following li转载 2017-05-02 12:22:04 · 321 阅读 · 0 评论 -
兼容ie8的文件上传插件Web Uploader demo
(注!jquery-2.0以上版本不再支持IE 6/7/8) 并不是最新的版本就最好的,而是根据您项目需求所适合的版本!)jquery-1.7.0 也会有问题,点击上传响应不到,所以在这个推荐用jquery1.11.1版本jquery 版本获取地址(http://www.jq22.com/jquery-info122或https://jquery.com/)<!DOCTYPE html><html lang="en"><head> <meta ch原创 2020-08-06 11:29:27 · 1148 阅读 · 0 评论 -
layui 表单校验手机号和座机号方法
var mobile = /^1[3|4|5|7|8]\d{9}$/,phone = /^0\d{2,3}-?\d{7,8}$/; form.verify({ phone: function(value){ var flag = mobile.test(value) || phone.test(value); ...原创 2018-12-19 15:43:22 · 13480 阅读 · 1 评论 -
js 数据相互转换
/*将数据转化为字符串类型*/String(123456)"123456"/*将数据转化为Number类型*/Number(8955)8955/*自取整数忽略小数部分*/parseInt(12346.2955)12346/*小数部分一起获取*/parseFloat(45678.622)45678.622/*转化布尔值*/Boolean(1)true...原创 2020-08-04 15:51:31 · 99 阅读 · 0 评论 -
【转载】将图片转换成svg格式
将图片转换成svg格式,试了很多方法,还是这一种更好用。1、PNGs, BMPs and JPEGs 转 svg 访问网址:https://www.vectorizer.io/ 如图:原创 2018-08-31 15:42:23 · 9654 阅读 · 0 评论 -
png转成SVG方法
首先做一个png的icon,然后用Inkscape转换成svg格式.转换方法:1,打开Inkscape,点"文件"->"文档属性"->设置高度和宽度大小为48px,然后关闭对话框.2,"文件"->"导入"->选择你要导入的位图.3,在Inkscape中选中导入的位图,在上边的工具栏处设置x=0,y=0,以对齐图片.4,在Inkscape中选中导入的位图,"扩展"->"图像"原创 2017-04-17 09:39:16 · 19200 阅读 · 0 评论 -
object-fit 用法
概要该 object-fit CSS 属性指定替换元素的内容应该如何适应到其使用的高度和宽度确定的框。初始值 fill 适用于 替换元素 遗传 是 媒体 视觉 计算值 按规定 动画类型 离散的 为了规范 通过正规的语法定义的唯一无歧义的秩序 /* 关键属性 */object-fit: fill;object-fit: contain;object-fit: cove转载 2017-10-25 10:05:26 · 21174 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号(…)
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略转载 2017-04-29 14:18:56 · 453 阅读 · 0 评论 -
css快速剪切图片的方法和clip属性介绍
很多blog网站文章摘要设置有有缩略图时,往往因为缩略图是提取文章内的图片,而导致缩略图不是太小就是太大,最终导致页面的不美观。其实有时我们想要展示的只是图片的一部分。所以今天我们讲讲讲利用css将大图快速剪裁成文章缩略图。方法1——使用margin负边距这种方法的原理是利用图片的四个面:上,左,下,右的值控制图片显示的区域,设置overflow:hidden 隐藏多余的面积。ma转载 2017-04-29 14:17:12 · 1191 阅读 · 0 评论 -
el-dialog 里面的组件不刷新问题
el-dialog里面的内容是带缓存的,也就是说除了第一次打开会初始化,其他次打开都是直接加载缓存的。我们想每次打开el-dialog都要初始化,比如用户的权限弹框,每次打开我们都要把用户拥有的权限选中,类似的操作,如果加载了缓存,这就会导致每个用户回填的权限都一样了。如果我们在每次关闭弹框时把弹框里面的内容删掉,这样打开时就会初始化了。查阅了 Dialog 对话框 相关文档:文档中有,我们可以设置为 :destroy-on-close=“true” 试一试。<el-dialog转载 2021-01-23 12:04:13 · 3459 阅读 · 2 评论 -
layui table 复杂表头设计及固定表头、单元格内容相同自动合并、合计去除小数点
layui table 复杂表头设计及固定表头、单元格内容相同自动合并、合计去除小数点原创 2020-12-07 17:31:01 · 1434 阅读 · 0 评论 -
jquery 获取url值
function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return encodeURI(r[2]); return null; //返回参数值}var id= ge原创 2020-08-19 15:14:18 · 157 阅读 · 0 评论 -
【移动端适配方案一 弹性布局】@media标签
@media screen and (min-width : 320px) { html { font-size : 10px !important; }}@media screen and (min-width : 323.2px) { html { font-size : 10.1px !important; }}@media screen and (min-width : 326.4px) { html {转载 2020-06-09 10:13:10 · 284 阅读 · 0 评论 -
HTML5+开发移动app教程4-mui中几种open页面的区别
由于用hbuilder+mui出于兴趣,也就没有去看源码,停留在使用总结层次,所以有说的不对的地方还请见谅。【几种打开页面的方式】1.初始化时创建子页面2.直接打开新页面3.预加载页面【示例】1.初始化时创建子页面[js] view plain copymui.init({转载 2017-03-30 09:38:34 · 774 阅读 · 0 评论 -
jQuery根据设置的字数截断过长标题并在末尾加上“…”
jQuery插件代码内容:可以直接写在页面里,也可以另存为一个jQuery插件,命名为 jQuery_limit.js 然后再调用...jQuery.fn.limit=function(){//这里的div去掉的话,就可以运用li和其他元素上了,否则就只能div使用。var self = $("div[limit]");self.each(fun原创 2017-03-30 09:40:04 · 413 阅读 · 0 评论 -
【转】纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
今天在css-tricks上看到一篇文章,那篇文章让我不禁心头一震,强大的CSS啊,居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如果你转载 2017-05-09 17:04:54 · 472 阅读 · 0 评论 -
mui 沉浸式状态栏详解
改写manifest.xml,在plus对象内增加:"statusbar": { "immersed": "supportedDevice", "style":"dark"}加上h.min.js h.min.js下载地址 http://www.hcoder.net/h加在mui.min js之后mui.plusReady(function(){ //判断是否支持沉浸式 v原创 2017-11-14 20:18:35 · 8012 阅读 · 0 评论 -
webstorm2016.2.3激活(服务器+注册码方式)
目前webstorm最新版本为2016.2.3,激活方式如下:一、服务器方式1、联网状态下运行WS,Help—register进入激活页面,激活方式选择Licence server,然后服务器输入:http://owo.help,点击Activate就可以永久使用了。2、其他激活网站,在License server服务器选项下输入:http://idea.imsxm.com/ h...转载 2018-03-12 10:30:39 · 1792 阅读 · 0 评论 -
CSS3自定义滚动条样式 -webkit-scrollbar
前言 webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。 滚动条组成::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条) :...转载 2018-07-05 15:46:28 · 233 阅读 · 0 评论 -
CSS 实现隐藏滚动条同时又可以滚动
移动端页面为了更接近原生的体验,是否可以隐藏滚动条,同时又保证页面可以滚动?使用 overflow:hidden 隐藏滚动条,但存在的问题是:页面或元素失去了滚动的特性。由于只需要兼容移动浏览器(Chrome 和 Safari),于是想到了自定义滚动条的伪对象选择器::-webkit-scrollbar。关于这个选择器的介绍可以参考:Styling ScrollbarsCustom S...转载 2018-09-30 14:35:55 · 629 阅读 · 0 评论 -
layui 表格中移除 hover 属性?
设置成透明度就好了,如果不需要!.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table...原创 2018-09-30 15:09:08 · 10494 阅读 · 0 评论 -
Linux JDK环境变量配置
1 创建一个文件夹用来存放jdk压缩文件mkdir /home/test/tar2 把下载好的jdk压缩文件上传到linux对应目录3 创建jdk解压目录mkdir /usr/local/jdk4 解压文件tar -zxvf /home/test/tar/jdk-8u162-linux-x64.tar.gz -C /usr/local/jdk5 切换root用户6 修改/etc/p...转载 2018-12-04 17:01:04 · 143 阅读 · 0 评论 -
彻底弄懂css3的flex弹性盒模型
/*容器*/ .flex{ display: flex; display: -webkit-flex;/*Webkit内核的浏览器,必须加上-webkit前缀。*/ /*注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。*/ ...转载 2019-01-04 13:43:14 · 141 阅读 · 0 评论 -
java 前端提交中文字符乱码转换
//中文字符串轉換 private static final String INCODE = "ISO-8859-1"; private static final String ONCODE = "gb2312"; private static final String UTFCODE = "UTF-8";try{ byte[] nameu...原创 2019-01-09 18:23:04 · 582 阅读 · 0 评论 -
图片压缩
https://www.tiomg.org/原创 2019-02-18 17:45:52 · 209 阅读 · 0 评论