![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 66
小小鸟008
这个作者很懒,什么都没留下…
展开
-
el-button添加浮动样式后点击无效
el-button添加浮动样式后点击无效原创 2022-12-07 17:16:06 · 2192 阅读 · 2 评论 -
JS 模块化
JS模块化JS模块化CommonJSbrowserifyAMDdefine( id, dependencies, factory);require([module], callback);requireJsCMD seajs 官网已经不存在了ESModule浏览器加载defer与async的区别JS模块化在ES6模块化规范出来之前,有AMD,CMD,CommonJS等模块化规范。AMD和CommonJS都是运行时加载,ES6是编译时加载也叫静态加载。CommonJSnodejs环境下(服务器端)的J原创 2021-09-25 17:41:26 · 280 阅读 · 0 评论 -
前端预览pdf:PDFJS
没有使用<c:url>标签之前必须使用文档相对路径或是绝对路径对目标资源进行定位,如果使用根相对路径就会发生错误,具体详见J2EE中的绝对路径&根相对路径&文档相对路径 问题注意,但是在使用<c:url>标签的时候就可以以Web应用的根目录为参考点出发进行资源的定位,即根相对路径的使用....原创 2020-09-09 18:00:20 · 1554 阅读 · 0 评论 -
JS关闭当前窗口window.close()方法
过去,当直接调用window对象的close()方法,而不是对window实例调用close()时,浏览器会关闭最前面的窗口,不管脚本是否创建了该窗口。现在,出于安全原因,不再允许脚本关闭未打开的窗口。(Firefox46.0.1:脚本无法关闭尚未打开的窗口)1.直接调用window对象的close()方法window.close()当直接调用window.close()方法时,IE会弹出提示框,询问是否关闭此窗口。Firefox则不会关闭页面。Google则会立即关闭当前页面。2.wind原创 2020-05-11 11:25:29 · 22468 阅读 · 3 评论 -
jQuery绑定事件,dom刷新后绑定事件失效
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="jquery.min.js"></script> <script> $(...原创 2020-03-23 17:19:43 · 1278 阅读 · 0 评论 -
正则表达式
正则表达式的两种写法:JS风格—new RegExp(‘a’, ‘i’)perl风格—/a/i字符串相关操作:search–字符串搜索substring–获取字符串charAt–获取某个字符match–获取匹配的项目replace–替换所有匹配split–分割字符串为数组正则中的option(可选项):i 忽略大小写g 全局匹配量词:+ 若干,匹配前面的子表达...原创 2020-03-10 15:49:45 · 185 阅读 · 0 评论 -
js手动触发事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js手动触发事件</title> <script> window.onload = function(){ var oA = docum...原创 2020-03-03 17:38:11 · 1866 阅读 · 0 评论 -
js实现保存文件到本地-兼容各浏览器
先上代码:支持IE8+,Edge,Firefox,Chrome。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Save Test</title> <script> function save(f...原创 2020-03-03 16:26:35 · 3393 阅读 · 0 评论 -
disabled属性在edge中不起作用的情况
今天遇到一个disabled属性在edge中不起作用,其他浏览器都起作用,感觉很奇怪,查了半天发现是Edge的bug。但这种情况只在嵌套的时候会出问题。<body> <button > <span id="btn1">按钮1</span> </button> <button id="btn2" disabled=...原创 2020-02-28 18:04:47 · 1565 阅读 · 0 评论 -
bootstrap多个modal实现只可以操作当前modal,其他modal不可操作
思路:如两个modal,在第一个modal上又显示第二个modal。默认情况下,两个modal可以同时操作。但如果想打开第二个modal的时候,禁止操作第一个modal上的内容,可以通过再创建一个新的modal,作为中间层。这个中间层modal的位置和大小要能覆盖住第一个modal,但内容为空,同时设置这个中间层modal的background-color为#000,opacity为0....原创 2020-02-26 17:45:45 · 1454 阅读 · 0 评论 -
javascript null和undefined
1.概述null与undefined都可以表示“没有”,含义非常相似。将一个变量赋值为undefined或null,老实说,语法效果几乎没区别。var a = undefined;// 或者var a = null;上面代码中,变量a分别被赋值为undefined和null,这两种写法的效果几乎等价。在if语句中,它们都会被自动转为false,相等运算符(==)甚至直接报告两者相等。...原创 2020-02-10 11:48:54 · 153 阅读 · 0 评论 -
js和jquery获取select选中的值
<select id="select"> <option value="A" url="http://www.baidu.com">第一个option</option> <option value="B" url="http://www.qq.com">第二个option</option></select>...原创 2020-01-09 15:41:12 · 393 阅读 · 0 评论 -
!function($){}(window.jQuery)
function(){}();(function(){})();这两个是自调用的匿名函数,也称为立即调用的函数表达式(IIFEs)。它立即内联执行匿名函数。()是对函数赋值,所以function( $ ){}(window.jQuery) 就是指把window.jQuery 作为参数传给前面的匿名函数,也就是$.这样做的好处是,在这个匿名函数代码块里保证了$ 与 window.jQuery...原创 2019-12-23 17:38:01 · 1491 阅读 · 0 评论 -
js的event对象
一个完整的事件系统,通常存在以下三个角色:事件对象,用于储存事件的状态。 event || window.event事件源对象,当前事件在操作的对象,如元素节点,文档对象,window对象,XMLHttpRequest对象等。 event.target || window.event.srcElement事件监听器,当一个事件源生成一个事件对象时,它会调用相应的回调函数进行操作。在...原创 2019-12-23 13:41:52 · 170 阅读 · 0 评论 -
js选择性禁止backspace,防止按backspace时页面回退
//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外 function banBackSpace(e){ var ev = e || window.event; //获取event对象 var obj = ev.target || ev.srcElement;//获取事件源 var t = obj.type || obj.g...转载 2019-12-20 11:07:43 · 2676 阅读 · 1 评论 -
input的oninput、onchange与onpropertychange事件
汇总onchange onpropertychange 和oninput事件的区别:onpropertychange 只在IE8及以下的版本起作用。oninput在IE9以上版本及其他浏览器都支持。<head><script type="text/javascript" src="js/jquery.min.js"></script> <scr...原创 2019-12-19 14:42:51 · 967 阅读 · 0 评论 -
js动态改变input的值不触发input的change事件的解决办法
input通过键盘改变值会自动触发change事件,但通过js动态改变值后,不会自动触发,需要手动触发change事件。1.通过js赋值后手动触发/手动监听<input type="text" /><button>赋值</button><script src="js/jquery.min.js"></script><scr...原创 2019-12-19 11:16:15 · 13548 阅读 · 1 评论 -
JS中document对象 && window对象
所有的全局函数和对象都属于Window对象的属性和方法。区别: 1、window 指窗体。Window 对象表示浏览器中打开的窗口。 document指页面。document是window的一个子对象、一个对象属性。 2、用户不能改变 document.location(因为这是当前显示文档的位...转载 2019-12-16 10:57:04 · 194 阅读 · 0 评论 -
十款移动APP开发框架
十款移动APP开发框架:1.jquery mobile框架2.bootstrap框架3.ionic框架4.Mobile Angular UI框架5.Intel XDK框架6.Appcelerator Titanium框架7.Sencha Touch框架8.Kendo UI框架9.PhoneGap框架10.mui框架 1.jquery mobile框架 jQue...转载 2019-11-16 21:44:26 · 5310 阅读 · 0 评论 -
Sublime Text3使用Package Control 安装emmet插件
Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。Sublime Test3版本中自带了Package Control插件,点击Preferences–>Package Control。如果报错了:“There Are No Packages Availab...原创 2019-10-16 11:27:13 · 205 阅读 · 0 评论 -
js遍历加悬浮显示(each,title)
#给所有的ul li加悬浮显示$("#ulid li ").each(function () { $(this).attr("title", $(this).text()); $(this).css("cursor", 'pointer'); }); #给表格的tr td加悬浮显示$("#tableid tr td...原创 2018-11-12 14:58:15 · 413 阅读 · 0 评论 -
HTML table表格相关操作
一个简单的 HTML 表格,包含两行两列:<table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January&a原创 2018-11-07 14:51:47 · 1172 阅读 · 0 评论 -
JS中substr和substring
substr 和 substring都是JS 截取字符串函数。substr 方法返回一个从指定位置开始的指定长度的子字符串。strvar.substr(start [, length ])start:必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。length:可选项。在返回的子字符串中应包括的字符个数。说明:当substr只有一个参数时,表示从字符串的第几位开始...原创 2018-11-09 14:06:08 · 8280 阅读 · 0 评论 -
select下拉框的click和change事件
前端页面中经常会使用到select下拉框。操作select框时会发生click和change事件,且这两个事件有特定的执行顺序。1.点击select框出现下列列表,此为一次click点击事件。2.选择下拉框中的某个选项,若将要选择的选项与正在框中的值不一样,此为一次change事件。点击选择上这个值,会先产生change事件,接着产生click事件。3.若将要选择的选项与正在框中的值一样,不...原创 2018-11-01 13:49:05 · 36720 阅读 · 0 评论 -
html初识1
初识HTML和CSS#(HTML文档类型和meta标签)[html文档类型总结].html meta标签#CSSW3School的CSS教程CSS如何工作##CSS选择器CSS派生选择器CSS后代选择器CSS子元素选择器**&amp;amp;amp;amp;amp;amp;gt;**CSS相邻兄弟选择器**+**CSS伪类CSS伪元素...原创 2018-10-26 11:06:41 · 139 阅读 · 0 评论 -
CSS初识-定位Position
定位Position原创 2020-03-12 10:52:15 · 81 阅读 · 0 评论 -
jQuery的each,map和javascript的forEach, map方法
一、原生JS forEach()和map()遍历共同点:1.都是循环遍历数组中的每一项。2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input。3.匿名函数中的this都是指Window。4.只能遍历数组。二、jQuery $.each()和 $.map()遍历共同点:即可遍历数组,又可...原创 2018-11-12 16:42:21 · 603 阅读 · 0 评论 -
e.target的用法
target定义:target 属性规定哪个 DOM 元素触发了该事件。target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。语法:event.targetevent.target.nodeName //获取事件触发元素标签名(li,p,div,img,button…)event.target.id //获取事件触发元素idev...原创 2018-11-22 17:16:20 · 50378 阅读 · 2 评论 -
jQuery class选择器及模糊匹配
jQuery class选择器及模糊匹配class选择器模糊匹配class选择器$(‘.class1 .class2‘) 选择class1元素下class2的元素(中间有空格);$(‘.class1.class2‘) 选择同时含有class1和class2的元素(中间没有空格);$(‘.class1,.class2‘) 选择class1或者class2的元素(中间有逗号).模糊匹配1....原创 2019-08-14 11:13:24 · 2559 阅读 · 0 评论 -
button/input/select的disabled属性
button/input/select的disabled属性button的disabled属性一个被禁用的按钮:<button type="button" disabled="disabled">Click Me!</button><button type="button" disabled="false">Click Me!</button>...原创 2019-05-13 15:50:51 · 740 阅读 · 0 评论 -
html给图片各区域加功能(img usemap)
客户端图片映射:<img src="planets.gif" alt="Planets" usemap="#planetmap" /><map name="planetmap" id="planetmap"> <area href="sun.htm" shape="rect" coords="0,0,110,260">Sun</a> &...原创 2019-08-13 17:30:53 · 1959 阅读 · 0 评论 -
a标签href=”javascript;void(0)"
href=“javascript:void(0)”href=”javascript:void(0)”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数。javascript:void(0) 中最关键的是 void 关键字,void 是 JavaScript 中非常重要的关键字,void(expression),该操作符指定要...原创 2019-08-14 13:39:33 · 14341 阅读 · 1 评论 -
CSS3伪类和伪元素
1.伪类CSS3给出的定义是:伪类存在的意义是为了通过选择器,格式化DOM树以外的信息以及不能被常规CSS选择器获取到的信息。通过上面的概念我们知道了伪类的功能有两种:1.格式化DOM树以外的信息。比如: <a> 标签的:link、:visited等。这些信息不存在于DOM树中。2.不能被常规CSS选择器获取到的信息。比如:要获取第一个子元素,我们无法用常规的CSS选择器获取...原创 2019-08-12 17:43:11 · 654 阅读 · 0 评论 -
js和jquery绑定事件的方法
== firefox,chrome,ie(8以上)浏览器js注册事件是用addEventListener,而ie(8以下)是用attachEvent。jquery 对此做了兼容性封装,使用bind,on,delegate进行事件绑定,删除使用unbind,off,undelegate进行事件解绑。==原生JS绑定事件1.行内绑定基本语法:<标签 属性列表 事件=”事件的处理程序” /...原创 2019-08-26 17:31:21 · 633 阅读 · 0 评论 -
前端学习
好看的网页http://2014.artsy.net/.https://codepen.io/Yakudoo/full/rJjOJxhttps://codepen.io/pissang/full/geajpXhttps://codepen.io/tsuhre/full/BYbjyghttps://wangyasai.github.io/Stars-Emmision/https://p...原创 2018-10-26 11:06:14 · 98 阅读 · 0 评论