- 博客(37)
- 收藏
- 关注
原创 获取el-form设置label-width:auto时计算的宽度值
【代码】获取el-form设置label-width:auto时计算的宽度值。
2023-09-08 10:55:09
411
原创 el-form表单验证:只在点击保存时校验(包含select、checkbox、radio)
input类型 在el-input里加入:validate-event="false"
2023-08-22 15:02:31
1436
原创 el-table刷新列表数据后,选中行保持选中
<el-table ref="eqTable" :data="tableData" @row-click="handleRowClick" type=selection :reserve-selection="true" :row-key="row => row.id" highlight-current-row >加上底下的4行row-key自己给key,保持唯一即可。...
2020-12-24 16:11:58
2987
1
原创 CSS实现两端对齐(及原理)
废话不多说,先放实际代码。<div> <div class='row'>中文两端对齐<span></span></div> <div class='row'>中文ok<span></span></div></div>
2019-03-14 16:37:31
8442
原创 JQuery插件:1、为什么要返回return this.each()
经常在JQuery插件中发现一个问题,为什么方法返回的都是return this.each()jQuery.fn.test= function(){ this.css("background","#ff0");//因为调用对象是JQuery对象,这里面的this为jquery对象,而不是dom对象 return this.each(function(){ ...
2018-08-09 10:27:26
1614
原创 JavaScript生成指定范围的随机数
公司总是无聊的让我们互相填表评分,生死有命,富贵在天,各位我们随机吧!这就是最后代码了,按下F12,复制上去,敲下回车(如图1),全部复制,打开excel选中起始位置一格(如图2),贴上去就ok完事。var str = "";var max = 4;var min = 3;for(var k=0;k<20;k++){ for(var i=1;i<=9;i++){ var ra...
2018-07-13 10:40:37
2301
原创 [JQuery] find()、has()、filter()、siblings()
<ul> <li>list item 1</li> <li>list item 2</li> <li class="findMe"> <div><p>pp</p></div><
2018-05-07 14:44:32
1272
原创 CSRF简单理解---HTTP Referer字段验证(Java实现)
CSRF攻击简单来说就是: 1.你可以通过A网站发送请求“转100块给小明”。 2.然后你碰巧又上了X网站,X的某链接藏着一条操作”转100快给小芳”。 3.当你点击X网站的某个链接时,会利用你在A网站的session信息,发送请求”转100快给小芳”。 所以CSRF防御的重点就是怎么判断发送请求的是不是原网站。referer的验证原理简单来说就是: 比对HTTP请求发送的网站(re...
2018-02-08 16:30:29
15187
转载 style、currentStyle、getComputedStyle()区别
JS 获取 html元素的样式有三种方式:style、getComputedStyle 和 currentStyle等。区别在于:(1)style 只能获取行间样式,但能设置样式。(2)getComputedStyle 和 currentStyle 能够获取 行间样式/非行间样式/浏览器默认样式,但存在浏览器兼容问题,且不能设置样式。一、element.style 获取行间样式,以
2018-01-25 17:10:40
841
原创 JS不定参 arguments
当你定义的函数参数不确定时,是否想过一个词 “不定参”!js里的不定参便是运用的arguments参数。 var param = ["1", 2, ,{"aa":"11", "bb":"bb"}]; text(param, "66", 77); function text(){ var params = argum
2018-01-25 16:29:31
3470
转载 <前端面试题>什么是语义化的HTML?有何意义?为什么要做到语义化?
一、什么是语义化的HTML?语义化的HTML就是写出的HTML代码,符合内容的结构化(内容语义化),选择合适的标签(代码语义化),也就是说用正确的标签做正确的事情,能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。二、为什么要做到语义化?1、有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。2、在没有CSS的时候能够清晰的看出网页的结构,增强
2018-01-04 11:28:13
1436
转载 JS的构造函数
JavaScript对象的创建方式在JavaScript中,创建对象的方式包括两种:对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式,例如:var o1 = { p:”I’m in Object literal”, alertP:function(){ alert(this.p); }}这样,就用对象字面量创建了一个对象o1,它具有一个成员变
2018-01-03 11:05:16
383
转载 pip install scrapy报错:error: Unable to find vcvarsall.bat解决方法
在网上查找解决方法时,大致知道了问题的原因。是因为缺少C语言的编译环境,其中一种解决方法就是安装相对应版本的Visual Studio,但是安装VS本身就极其麻烦,所以这种方法是不推荐的。第二种方法就是下载已经编译好的安装包。1.下载.whl安装包可以到下面这个网址中下载与python版本以及系统(32位或64位)相匹配的Twisted版本,比如我下载的就是Twisted-17.1.0-cp35-
2017-12-11 16:04:11
562
原创 【学习笔记】Python中的正则表达式re
匹配方法1.search() 只会返回一次匹配结果 2.match() 从头开始匹配,一点不符合立马结束匹配 3.全局匹配 re.compile(str).findall(html) 主要用法,可匹配所有结果。匹配的结果正则匹配的结果就是用原子匹配出的结果,3个(.*?)匹配出的就是3个部分的内容。i[2]就是第三部分的内容#url = '<a title="如何用Python写一个计算
2017-12-07 15:10:13
367
原创 【学习笔记】Python爬虫-豆瓣电影所有短评
用到的包:1.requests获取网页内容(中文api:http://docs.python-requests.org/zh_CN/latest/user/quickstart.html#id2)2.bs4解析网页(中文api:http://beautifulsoup.readthedocs.io/zh_CN/latest/)3.pymysql连接数据库存储信息遇到的问题:1.bs4可以快速筛选文字
2017-12-07 09:56:10
1699
原创 学习笔记:正则表达式
1.写法概述正则表达式就是拼在一起的对比字符串,所以字符之间紧挨着。 例如[a-z0-9_-]中括号表示这里面的东西选1个,a-z就是从a到z。所以这句话的意思就是匹配的单个字符在a-z,0-9,_,-里面。 基于这点从左到右解读正则表达式就很简单了。2.先看懂,再会写1.简单用户名筛选:/^[a-z0-9_-]{3,16}$/^$写在外面表示匹配的开始和结束,写在中括号里表示非[a-z0-
2017-11-28 16:07:05
1216
原创 treeview默认收缩指定行和nodeId取值
1.收缩指定行$('#tree').treeview('collapseNode', [ nodeId, { silent: true, ignoreChildren: false } ]);nodeId从上外下,从0开始系统自动赋值。 如图,想要关闭2016的这一行,那就要取到2016这一行的nodeId,42.默认选中指定行$('#project').treeview('selectNode'
2017-11-27 16:45:37
2502
原创 PDF.js 在线pdf阅读插件(禁止打印,下载,每页水印)
PDF.js实际运行起来的页面UI效果:http://mozilla.github.io/pdf.js/web/viewer.html插件下载:https://pan.baidu.com/s/1jIDxrYA1.调用方法:把generic文件放在项目代码中a href="resources/js/pdfJs/generic/web/viewer.html?file=../.
2017-11-23 16:20:27
60574
7
原创 JS 将 string 转换成为 number
汇总一下各类方法: 1):parseInt var x = parseInt("10"); // 10 带有两个参数:第一个是目标转换字符串,第二个用来指定将字符串转化为几进制的数字,并且radix的范围是(2~36) parseInt(string, radix)2):利用js变量弱类型转换,最近很喜欢用这种方式代码简洁var a = "1000";typeof( +a )
2017-11-17 10:05:01
31803
2
原创 jQuery的三种$()
1、$()可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的`<a/>`这个标签。如: $("a").click(function(){...}) 就是在点击页面上的任何一个链接时的触发事件。确切地说,就是jQuery用`<a/>`这个标签构建
2017-11-06 15:02:21
453
转载 HTTP请求中POST与GET的区别
一、原理区别 一般我们在浏览器输入一个网址访问网站都是GET请求;再FORM表单,可以通过设置Method指定提交方式为GET或者POST提交方式,默认为GET提交方式。 HTTP定义了与服务器交互的不同方法,其中最基本的四种:GET,POST,PUT,DELETE,HEAD,其中GET和HEAD被称为安全方法,因为使用GET和HEAD的HTTP请求不会产生什么动作。不会产生动作意味着G
2017-11-03 09:28:25
585
转载 在线字体特效工具
这里再提供几款文字特效工具供大家参考: 在线特效文字/彩色文字生成工具: http://tools.jb51.net/aideddesign/colortext 在线生成字体CSS样式工具: http://tools.jb51.net/code/csscreate 仿古书排版文字竖排转换工具: http://tools.jb51.net/transcoding/shupai 线条字生成
2017-10-31 11:03:35
5125
原创 javascript:void(0)使用介绍与伪协议
最近看了好几个关于<a>标签和javascript:void(0)的帖子,谨记于此,以资查阅。 在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = “#”,但是,这样会有一个问题,就是当页面有滚动条时,如果不做任何处理点击后会返回到页面顶端。目前有如下几种解决办法: 1.点击链接后不做任何事情<a href="#"></a><a href=
2017-10-31 10:56:44
1458
原创 JS闭包函数和回调函数
一、闭包闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。闭包就是能够读取其他函数内部变量的函数。可以把闭包简单理解成”定义在一个函数内部的函数”。 闭包有三个特性: 1.函数嵌套函数; 2.函数内部可以引用外部的参数和变量; 3.参数和变量不会被垃圾回收机制回收。 闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式
2017-10-30 11:09:57
5284
1
转载 display:inline、block、inline-block的区别
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子 display:inline就是将元素显示为行内元素. inline元素的特点是:
2017-10-26 11:27:08
341
转载 [从jQuery看JavaScript]-匿名函数与闭包(Anonymous Function and Closure)
jQuery片段:[javascript] view plain copy print?(function(){ //这里忽略jQuery所有实现 })(); (function(){//这里忽略jQuery所有实现})(); 半年前初次接触jQuery的时候,我也像其他人一样很兴奋地想看看源码是什么样的。然而,在看到源码的第一眼,我就迷糊了。为什么只有一个匿名函数又没看到运行(当
2017-10-25 15:17:45
346
原创 echart饼状图上显示百分比
option = { //提示框组件,鼠标移动上去显示的提示内容 tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)"//模板变量有 {a}、{b}、{c}、{d},分别表示系列名,数据名,数据值,百分比。 }, //图例 legend: {
2017-10-24 09:39:27
43177
转载 Tomcat报错1099 is already in use
1.CTRL + R ——打开“运行” 2.在“运行”输入“cmd”弹出DOS命令行窗口 3.假如我要查的是端口“8080”,则输入命令:netstat -aon|findstr “8080” 4060即为PID 下面有两种办法可以关闭4060该PID的进程,推荐方法二更加快捷:方法一 4.如上,得到了进程号“4060”,再输入命令:tasklist|findstr “4060”,得到
2017-10-20 09:21:31
1253
转载 document.write()覆盖原文档的原因详解
1.会覆盖页面的情况<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="www.google.com" /> <title>蚂蚁部落</title> <script type="text/javascript">
2017-10-12 15:03:22
4010
1
原创 jQuery事件绑定on()、bind()与delegate() 方法详解
啃了一段日子的js相关了,学的过程中发现在jQuery中绑定事件时,有人用bind(),有人用on(),有人用delegate(),还有人用live(),看代码的时候觉得都实现功能了也就掀过去了,只是一直没完全弄懂之间的区别,于是今天查了下资料,自己做个总结。 之所以有这么多类型的绑定方法,是因为jQuery的版本更新的原因,如on()方法就是1.7以后出现的。 jQuery的事件绑定api页面
2017-10-10 15:39:19
657
原创 js 赋值?值类型和引用类型
近来做的一个项目中出现了,var result = data.data//data.data 为数组,结果更改了result的值导致data的属性直接发生变化,后查阅资料发现js数组其实为引用类型。大致分类如下: (1)值类型:数值、布尔值、null、undefined。 (2)引用类型:对象、数组、函数。 一、值类型-例子:var b='text';var a = b;b = 'text
2017-10-09 14:34:25
531
原创 div中循环生成button并添加点击事件
定义div:<div id="people" style="border: groove; padding-top:1px;width: 58%;height: 253px;overflow-y:scroll;"></div> over-flow-y可以开启y轴滚动条 js代码://循环在div中添加buttonfunction addButton(){ var people = $(
2017-09-25 14:44:42
12355
原创 attr()修改bootstrapTable自定义属性
<table id="audit_list" class="tooltip-show" style="overflow-y:scroll;" data-toolbar="#audit_list_toolbar" data-minimum-count-columns="2" data-pagi
2017-09-22 17:22:16
6680
原创 textarea 提示文字,点击消失
<textarea cols="50" rows="5" id="textarea" onfocus="if(value=='请输入发送内容'){value=''}" onblur="if (value ==''){value='请输入发送内容'}"> 请输入发送内容</textarea>
2017-09-21 16:05:01
2841
1
转载 js isNaN判断字符是否为数字
isNaN() 函数通常用于检测 parseFloat() 和 parseInt() 的结果,以判断它们表示的是否是合法的数字。当然也可以用 isNaN() 函数来检测算数错误,比如用 0 作除数的情况。document.write(isNaN(123));document.write(isNaN(-1.23));document.write(isNaN(5-2));docume
2017-09-20 12:28:47
2439
原创 去除input里的空格
$("inputName").bind("blur",function(){ var result=$(this).attr("inputName").replace(/(^\s*)|(\s*$)/g, ""); $(inputName).attr("value",result); });
2017-09-17 10:53:22
9049
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人