- 博客(153)
- 资源 (21)
- 收藏
- 关注
原创 Jenkins中文设置
1. 进入Manage Jenkins中,点击Manage Plugins,2. 安装插件 Locale plugin,Localization: Chinese (Simplified) , Localization Support Plugin,如果失败就再安装一次3. 设置中文,如果没有Locale,可能是上一步中插件未安装如果出现部分翻译,部分没翻译的现象,则删除插件。重启Jenkins(http://域名/jenkins/rest...
2020-05-20 10:56:20 19734 10
原创 js其他方法合集
目录append() 与appendTojson.stringify()和json.parse()判断当前元素是否是数组判断是否是对象判断环境append() 与appendTo1. append(content)方法 方法作用:向每个匹配的元素内部追加内容。 参数介绍:content (<Content>): 要追加到目标中的内容。...
2019-11-01 13:44:22 383
原创 前端常用软件集合
目录Chrome浏览器Firefox浏览器PhotoshopVisual Studio CodeWebstorm安装node.js安装cnpmDevToolChrome浏览器下载地址: https://download.csdn.net/download/zh__quan/11068825ChromeStandalone_52.0.2743.11...
2019-09-30 12:27:33 3264
原创 继承
继承⽅法1:原型链继承//⽗类型function Body() { this.volumes = { _bloodVolume: 1000, _attackVolume: 500, _defenseVolume: 200 };}Body.prototype.attacked = function (body) {...
2019-08-23 16:59:50 207
原创 面向对象
目录创建对象的⽅法⽅法1:⼯⼚模式(没有对象识别)⽅法2:构造函数模式⽅法3:原型模式⽅法4:组合模式es6的写法面试题创建对象的⽅法⽅法1:⼯⼚模式(没有对象识别)function body() { var o = new Object(); o._bloodVolume = 100; o._attackVolume ...
2019-08-23 16:55:46 163
原创 原型对象和原型链
目录原型对象prototype原型链constructor 属性__proto__原型对象function Person(name) {}; // 构造函数var person = new Person(); //实例对象Person.prototype //原型对象构造函数的prototype属性就是实例对象的原型对象实例对象中如果没有某个属性或方法,就...
2019-08-09 19:57:29 438
原创 作用域练习
var person = 1;function showPerson() { var person = 2; console.log(person); // 2}showPerson(); var person = 1;function showPerson() { console.log(person); // undefined v...
2019-08-09 19:35:58 219
原创 this
this理论1、对于直接调⽤的函数来说,不管函数被放在了什么地⽅,this都是window2、对于被别⼈调⽤的函数来说,被谁点出来的,this就是谁3、在构造函数中,类中(函数体中)出现的this.xxx=xxx中的this是当前类的⼀个实例4、call、apply时,this是第⼀个参数。bind要优与call/apply哦,call参数多,apply参数少5、箭头函数...
2019-08-07 13:58:04 182
原创 jQuery轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>06-大屏焦点图-节点操作</title> <style> * {padding: 0;margin: 0;list-style...
2019-08-02 21:04:50 185
原创 jQuery事件
常用事件1.blur()当失去焦点时触发。包括鼠标点击离开和TAB键离开。2.change()当元素获取焦点后,值改变失去焦点事触发。3.click()当鼠标单击时触发。4.dblclick()当鼠标双击时触发。5.error() 当javascript出错或img的src属性无效时触发。6.focus()当元素获取...
2019-08-02 21:03:40 192
原创 jQuery 结点操作
01-添加结点内部添加append(): 添加节点->追加到最后 (属性父子关系)$('ul').append(tag);appendTo(): 把创建的结点添加到指定结点之后 $(tag).appendTo('li');prepend() 添加结点->追加到最前面 (属性父子关系)$('...
2019-08-02 21:00:48 222
原创 jQuery瀑布流js代码
$(function () { // 1. 实现瀑布流布局 waterFull(); // 2. 动态加载新的盒子 $(window).on('scroll', function () { if(checkWillLoadImage()){ // 2.1 造数据 var dataArr = [...
2019-08-02 20:58:34 273
原创 jQuery无缝滚动-抽奖案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>12-抽奖效果-界面搭建</title> <style> * { padding: 0; ...
2019-08-02 20:57:46 1538
原创 jQuery自定义动画
目录1.操作多个属性2.使用相对值3.使用预定义的值4.通过连缀或者顺序来实现列队动画5.停止动画6.延时动画简介jQuery 提供了几种简单常用的固定动画方面我们使用。但有些时候,这些简单动画无法 满足我们更加复杂的需求。这个时候,jQuery 提供了一个.animate()方法来创建我们的自定义动画,满足更多复杂多变的要求。语法...
2019-08-02 20:54:47 827
原创 jQuery动画
目录jQuery动画jQuery显示&隐藏&切换动画jQuery展开&收起动画下拉菜单jQuery-addBack()&end()&parent()区别-children和find的区别jQuery淡入淡出动画-右下角广告jQuery动画通过jQuery动画方法,能够很轻松地为网页添加非常精彩的视觉效果,给用户一种全新体验...
2019-08-02 20:49:41 137
原创 jQuery鼠标移入移出,获取下标
jQuery鼠标移入,移出事件mouseenter鼠标指针穿过被选元素或其子元素时mouseleave鼠标移出被选元素内部时mouseover鼠标指针穿过被选元素或其子元素时mouseout鼠标指针离开被选元素或其子元素时注意hover包含mouseentermous...
2019-08-01 18:57:34 1111
原创 jQuery选择器
jQuery选择器简介jQuery 最核心的组成部分就是:选择器引擎。它完全继承了 CSS 的风格,可以对 DOM 元 素的标签名、属性名、状态等进行快速准确的选择,并且不必担心浏览器的兼容性,写法更加简洁。jQuery 选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种 特殊状态的选择。分类1.基本选择器#id 根据id...
2019-08-01 18:55:49 161
原创 jQuery操作CSS,html
目录jQuery操作css-添加,删除,切换类jQuery操作css属性jQuery操作css-尺寸jQuery操作html-获取&设置jQuery操作css-添加,删除,切换类addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切...
2019-08-01 18:18:02 126
原创 jQuery描述
jQuery解决冲突noConflict当jQuery内部的$被其他函数库覆盖1. jQuery相关代码, 把所有的$换成jQuery2. 如果出现大批量的$, 也可以借助匿名函数包裹执行, 执行时传递jQuery对象, 内部正常使用$当其他函数库的$被jQuery覆盖必须在使用其他函数库$之前, 让jQuery 让渡变量$ 的控制权noConflict(...
2019-08-01 18:09:14 400
原创 兼容性问题
目录注册事件的兼容性问题 addEventListener事件处理对象的兼容性处理移除事件的兼容性处理获取页面滚动距离的浏览器兼容性问题获取鼠标在页面的位置,处理浏览器兼容性注册事件的兼容性问题 addEventListener // 处理注册事件的兼容性问题 // eventName, 不带on, click mouseover mouseout...
2019-08-01 07:38:46 167
转载 target、this、currentTarget的区别
target、this、currentTarget的区别先诉重点理论:1. target:触发事件的某个具体对象,只会出现在事件流的目标阶段(谁触发谁命中,所以肯定是目标阶段)2. currentTarget:绑定事件的对象,恒等于this,可能出现在事件流的任意一个阶段中3. 通常情况下target和currentTarget是一致的,我们只要使用target即可,但有一种...
2019-08-01 07:33:32 324
原创 动态设置元素属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; paddin...
2019-08-01 07:28:46 1227
原创 瀑布流案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流布局</title> <link rel="stylesheet" href="css/index.css"><style>*...
2019-07-30 19:20:17 329
原创 进度条案例和水平滚动条(鼠标事件,event事件,offset)
目录进度条水平滚动条进度条<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { marg...
2019-07-30 19:16:47 447 1
原创 pageX\/pageY、screenX\/screenY、clientX\/clientY的区别
screenX\/screenY 是以屏幕为基准进行测量,即:当前元素距离电脑显示器屏幕的尺寸clientX 和 clientY 是以当前可视区域为基准,类似于固定定位。相对于bodypageX 和 pageY 是以当前文档(绝对定位)为基准,不适用于IE6-8; 相对于浏览器offsetX和offsetY 和pageX,pageY相同,只有IE事件有这2个属性,标准事件没有对...
2019-07-30 19:16:32 555
原创 放大镜效果(节点操作,鼠标事件,event事件对象,offset)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padd...
2019-07-29 15:31:04 389
原创 offset, client, scroll
目录offsetscrollclientoffset<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> #box{ ...
2019-07-29 11:11:19 229
原创 事件对象
事件的三个阶段:第一个阶段: 捕获阶段第二个阶段: 执行当前点击的元素第三个阶段: 冒泡阶段事件委托: 原理事件冒泡var ul = document.getElementById('ul');ul.onclick = function (e) {//e 事件参数(事件对象): 当事件发生的时候,可以获取一些和事件相关的数据// 获取到当前点击的li// e.t...
2019-07-29 10:14:59 173
原创 注册事件
addEventListener 的第三个参数为false的时候 : 事件冒泡addEventListener 的第三个参数为true的时候 : 事件捕获// 注册事件的第一种方式// 无法给同一个对象的同一个事件注册多个事件处理函数btn.onclick = function () {}// 浏览器兼容性问题 IE9以后才支持btn.addEventListen...
2019-07-29 10:13:26 731
原创 模拟搜索框
<script> //获取文本框 //注册获取焦点的事件 my$("txt").onfocus = function () { //判断文本框的内容是不是默认的内容 if (this.value == "请输入搜索内容") { this.value = "";//清空文本框 this.style.color = "black"; ...
2019-07-29 10:11:46 152
原创 鼠标事件,天猫弹性导航
onmouseover 鼠标进入onmousemove鼠标移动onmousedown 鼠标点击onmouseout 鼠标离开<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...
2019-07-29 10:00:45 106
原创 全选和反选
<script> var j_tb = document.getElementById('j_tb'); var inputs = j_tb.getElementsByTagName('input'); // 1 全选 // 1.1 获取父checkbox,注册点击事件 var j_cbAll = document.getElem...
2019-07-29 09:57:15 133
原创 阻止超链接的默认的跳转:return false
<script> //点击超链接弹出对话框 //阻止超链接的默认的跳转:return false</script><!--第一种写法:--><a href="http://www.baidu.com" onclick="alert('哎呀,我被点了'); return false">百度</a><br/>...
2019-07-29 09:55:35 677
原创 innerHTML和innerText(选择水果案例)
innerHTML 获取内容的时候,如果内容中有标签,会把标签页获取到innerText 获取内容的时候,如果内容中有标签,会把标签过滤掉 ,前后的换行和空白都会去掉想要设置标签内容,使用innerHTML,想要设置文本内容,innerText或者textContent,或者innerHTML,推荐用innerHTMLbox.innerHTML = '<b>我...
2019-07-29 09:16:50 406
原创 选择器和节点属性
目录选择器节点之间关系节点的属性节点操作自定义属性选择器document.getElementById("id属性的值"); 根据id属性的值获取元素,返回来的是一个元素对象document.getElementsByTagName("标签名字"); 根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象document.getE...
2019-07-29 09:12:19 580
原创 HTML5 新特性之十一---WebSoket(服务器-客户端)
使用HTML5创建ws协议客户端应用1.连接WS服务器var socket = new WebSocket("ws://127.0.0.1:9001");2.向服务器发送消息socket.send(stringMsg)3.接收服务器发来的消息socket.onmessage=function(e){console.log(e.data);}4.断开到WS服务器连...
2019-07-28 10:17:16 272 1
原创 HTML5 新特性之十---localStorage
本地存储对象(跨会话级存储)在浏览器能管理外村(磁盘)中存储用户数据,可供此次会话及后续会话的页面共同;及时浏览器关闭了也不会消失---永久存在<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</ti...
2019-07-28 10:17:09 230
原创 HTML5 新特性之九---Web Stroage
在浏览器中存储当前用户专用的数据;访问历史;内容定制,样式定制...在客户端存储数据可以使用的技术(1)Cookie技术:浏览器兼容性好,不能超过4KB,操作复杂(2)Falsh存储:依赖于Flash播放器(3)H5 WebStorage:不能超过8MB,操作简单(4)indexDB:可存储大量数据,还不是标准技术WebStorage技术中,浏览器为用户提供两个对象...
2019-07-27 11:52:11 134
原创 HTML5 新特性之八---WebWorker---创建线程
<script> bt.onclick = function () { var val = inputNum.value; var w = new Worker("2.js"); w.postMessage(val); //发送数据到2.js处理 w.onmessage = function (e) { ...
2019-07-27 11:51:24 132
HTMLTestRunnerNew.rar
2019-12-13
Sublime Text Build 3211 x64 Setup.rar
2019-10-27
node-v8.11.3-x64.rar
2019-09-30
html5shiv和respond.rar
2019-05-23
vue-devtools安装插件
2019-03-23
jdk官网下载版
2019-03-15
用于生产环境的 Bootstrap和 源码
2018-12-26
jdk1.8.0压缩包
2018-12-04
QTP中学习用的Mtours安装版
2018-11-19
Django1.11.8版本
2018-08-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人