- 博客(70)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 jQuary教程11:jQuery插件封装---jQuery封装 手风琴 动画插件
完整代码下载点击我的GitHub: https://github.com/XingJYGo/jquery-accordion1 手风琴的效果展示如下:2 封装插件目录结构如下:主要包括:HTML结构, CCS样式,JS文件以及jquary库. 3 插件封装步骤如下: 3-1首先,编写HTML静态结构:<div id="box"> <ul> <li>...
2018-05-30 11:02:47
375
原创 javascript教程系列28 :匿名函数
1 匿名函数//匿名函数。// (function (){// console.log(1);// })2 匿名函数作用//1.直接调用 (function (){ console.log(1); })(); //2.绑定事件 document.onclick = function () { ale...
2018-05-30 11:01:35
127
原创 javascript教程系列27 :特殊引用类型String/Number/Boolean
为了方便操作基本数据类型，JavaScript还提供了三个特殊的引用类型：String/Number/Boolean1 Number例如： var s1 = "zhangsan";var s2 = s1.substring(5);s1是基本类型，基本类型是没有方法的当调用s1.substring(5)的时候，先把s1包装成String类型的临时对象，再调用substring方法，最后销毁临时对象...
2018-05-30 11:01:33
124
原创 javascript教程系列26:Date
1 获取Date对象Date-引用类型，JavaScript中的内置对象获取当前时间 var date = new Date(); //UTC的时间 //返回数字，时间的毫秒形式var date = Date.now();//HTML5，IE9+var date = +new Date(); //不支持now方法的时候2 日期转换var date = Date.parse("2005-10-1")...
2018-05-30 11:01:31
210
原创 javascript教程系列25:Array2
1 Array常用的操作方法:1 操作方法- concat() //把参数拼接到当前数组-slice() //从当前数组中截取一个新的数组，不影响原来的数组，参数start从0开始,end从1开始-splice()//删除或替换当前数组的某些项目，参数start,deleteCount,options(要替换的项目)2 位置方法-indexOf()、lastIndexOf() //如果没找到返回-...
2018-05-30 11:01:29
235
原创 javascript教程系列24:Array
1 数组-引用类型JavaScript中的内置对象 复习数组的使用 两种创建数组的方式 Array对象的属性 length 获取数组的长度(元素个数)2 常用方法 :检测数组instanceof Array.isArray() //HTML5中新增转换数组toString() //把数组转换成字符串，每一项用,分割valueOf() //返回数组对象本身 join -栈操作(先进后出)-push(...
2018-05-30 11:01:27
153
原创 javascript教程系列21:javascript-JSON与遍历
1 什么是JSON JavaScript Object Notation（JavaScript对象表示形式） JavaScript的子集 JSON和对象字面量的区别 JSON的属性必须用双引号引号引起来，对象字面量可以省略 var o = {}; 对象字面量 {} JSON2 json代码介绍:'{ "name" : "zs", "age" : 18, "sex" : true, "sayHi" ...
2018-05-30 11:01:24
115
原创 javascript教程系列22: javascript的对象--面向对象编程
1 对象:JavaScript 中的所有事物都是对象：字符串、数值、数组、函数.对象与程序的关系: 程序 = 基于对象操作的算法 + 以对象为最小单位的数据结构此外: 面向对象的本质就是让对象有多态性，把不同对象以同一特性来归组，统一处理。至于所谓继承、虚表、等等概念，只是实现的细节。 2 js中的对象(Object)2-1创建空白对象var obj = new Object();解释:new ...
2018-05-30 11:01:23
118
转载 javascript教程系列20: 前端必读,浏览器内部工作原理(转)
目录 一、介绍 二、渲染引擎 三、解析与DOM树构建 四、渲染树构建 五、布局 六、绘制 七、动态变化 八、渲染引擎的线程 九、CSS2可视模型 英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers 一、介绍 浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输...
2018-05-30 11:01:22
154
原创 javascript教程系列18:javascript DOM简介
1 HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。在事件发生时,执行JavaScript 方法,做出交互.2 格式:onclick=JavaScript脚本3 HTML 事件的常见例子:用户点击鼠标时,鼠标移动到元素上,网页已加载时,图像已加载时,输入字段改变时,用户触发按键时,提交表单时. 4 例子:点击文本<!DOCTYPE html><ht...
2018-05-30 11:01:17
152
原创 javascript教程系列9:JavaScript三目运算符
1 三元表达式:表达式?结果1：结果2；如果表达式结果为true,执行结果1，如果表达式结果为false,执行结果2.可以理解为if else 的另外一种写法。例: var m = 10; m%2==0?alert("偶数"):alert("奇数"); ...
2018-05-27 08:26:07
239
原创 javascript教程系列10:JavaScript的Switch语句
1 switch语句 的作用:switch 语句用于基于不同的条件来执行不同的动作。每当满足一个变量条件,就会执行当前的case内容.break 关键字用于跳出switch代码块。会终止switch代码块的执行。 如果忽略该关键字，swith 语句的下一个代码块会被执行。default 关键字 来规定匹配不存在时做的事情。 default 关键字在 switch 语句中只能出现一次。2 switc...
2018-05-27 08:26:05
421
原创 javascript教程系列11:JavaScript的自增自减
1 自增自减1.1 自增写法i++ 作用:在不参与运算的情况下，i++和++i都是在变量的基础加1var n1 =123;//n1++ 等价于 n1 = n1 +1;++n1 //等价于 n1 = n1 +1;alert (n1) 1.2 自增写法 ++i ...
2018-05-27 08:26:04
336
原创 javascript教程系列8:JavaScript 类型转换
1 JavaScript 数据类型转换1.1 数字类型转字符串n1 = 10;var n2 =String(n1);或者var n3 = n1.toString(n1);1.2 字符串转数字类型Number()1 var n3 = Number("123")//将字符串转数字特点:1 数字类型的字符串,转换之后得到数字.2 非数字字符串,转换之后得到是NAN3 小数类型的字符串,转换之后得到的是...
2018-05-27 08:25:59
299
原创 javascript教程系列12:逻辑运算符与等号运算符
1 逻辑运算符 逻辑运算的结果只有true 或者 false.1.1 与&&:两个表达式为true的时候，结果为true.1.2 或||只要有一个表达式为true,结果为true. 1.3 非！和表达式相反的结果。2 等号运算符“=”赋值运算符“==”只判断内容是否相同，不判断数据类型。“===”不仅判断内容，还判断数据类型是否相同。！= 只判断内容是否不相同，不判断数据类型。！...
2018-05-27 08:25:56
359
原创 javascript教程系列16:数组array12
1 Array 对象作用:Array 对象用于在变量中存储多个值.1.1 数组定义var ary = new Array();//通过创建对象的方式创建数组var ary1 = [];// 直接创建一个函数2 赋值数组中通过下标的方式进行赋值.下标从0开始.var n2 = []; //创建数组n2[0] = 123; //数组赋值n2[1] = 456;3 数组的初始化和遍历va...
2018-05-27 08:25:52
302
原创 javascript教程系列13:循环语句
1 While循环While(条件表达式){ 只要条件表达式结果为true,循环一直执行，当条件表达式结果为false的时候，循环终止}While循环语句需现在循环体外定义变量。2 for循环 for(定义变量;条件表达式;自增自减){循环体代码}这里需要注意执行顺序的问题:1 定义变量: var n =1;2 如果条件表达式结果为true的时候，执行for循环里的代码，如果为...
2018-05-27 08:25:52
204
原创 javascript教程系列15:Break语句 与 continue语句
1 Break语句解释:在循环体内，只要代码遇到break,程序立马结束当前循环。 当前循环指的是break语句所在的循环体。for (var i =1; i<10; i++){ if(i%2==0){ console.log(i); break; } }2 continue语句解释:Continue语句指的是跳出本次循环，该语句后面的代码不再...
2018-05-27 08:25:50
140
原创 javascript教程系列17:javascript 函数简介
1 释义:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。2 格式:通过 function 关键字.function test(){ alert("您好");} 3 方法的调用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2018-05-27 08:25:42
126
原创 javascript教程系列7:算术运算符
1 运算符: 加号+如果是数字类型的变量相加，那么结果为数字类型; 如果是非数字类型的变量相加，结果为字符串类型2 减号- 如果是非数字类型的变量相减结果为 NaN3 乘号 *如果是非数字类型的变量相减结果为 NaN4 除号/如果0作为除数，结果为infinity（无穷大）5 取余 % 获取余数6 括号 ()优先级 有括号先计算括号里面的值 ...
2018-05-27 08:25:13
183
原创 javascript教程系列5:js常见的数据类型
1 Number 数字类型 :包含正数,负数,小数 十进制表示:var n1 =23; 十六进制表示法:从0-9，a(A)-f(F)表示数字。以0x开头。 var n2 = 0x422 字符串数据类型 String:凡是用双引号或者单引号引起的都是字符串。var n3 ="双引号引入内容";var n4 ="单引号引入内容";3 布尔数据类型 Boolean:只有2个值一个是true, 一个是...
2018-05-26 22:39:12
173
原创 javascript教程系列4:javascript常见变量
1 javascript变量定义:变量在计算机中,是用于存储信息的"容器"。2 使用方法:2-1 定义变量:var n1;2-2 变量赋值:var n2=23.45;var n3=-34.56;2-3 字符串类型转为数字类型var n4="字符串";var n5=Number(n1);2-4 字符串类型转为 整数var n5=parseInt(n1);var n5=parseFloat(n6)...
2018-05-26 22:39:10
119
原创 javascript教程系列3:javaScript的 Math 对象
Math 对象Math 对象用于执行数学任务。Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。Math 常用的方法var n1=1234;var n2=12.34;var n3=56.78;var n4=12.34;1 var n5=Math.max(n1,n4); //取的是两个数的最大值2 var n5=Math.min(n3,n1); //返...
2018-05-26 22:39:08
155
原创 javascript教程系列2: Date对象
1 Date 对象 Date 对象用于处理日期与时间。 Date()的方法很多,这里只总结工作必备的方法!2 常用方法首先,创建个 Date 对象：const mydate=new Date();<script type="text/javascript"> var mydate=new Date(); alert(Date()); // 返回一个完整的日期时间...
2018-05-26 22:39:06
133
原创 javascript教程系列1:js常见页面消息输出方式
.1 js常见的输出方法:1-1 alert 警告框alert("js语法总结");1-2 confirm 确认方法confirm("js语法总结");1-3 console.log日志输出console.log("js语法总结");1-4 prompt 提交输出prompt("请输入您的用户名");1-5 document.write: js 浏览器写入文本内容document.write("j...
2018-05-26 22:39:04
283
原创 JavaScript必备:Google发布的JS代码规范(转)
[翻译]关于Google发布的JS代码规范，你需要了解什么？ 翻译 | WhiteYin译文 | https://github.com/WhiteYin/translation/issues/10Google为了那些还不熟悉代码规范的人发布了一个JS代码规范。其中列出了编写简洁易懂的代码所应该做的最佳实践。代码规范并不是一种编写正确JavaScript代码的规则，而是为了保持源代码编写模式一致的一...
2018-05-26 22:39:02
1219
原创 css教程系列20:TCP通信协议WebSocket
HTML5 WebSocket1 介绍:WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过...
2018-05-26 22:39:00
224
原创 css教程系列19:HTML5 Canvas(画布)
1 <canvas> 标签定义图形，比如图表和其他图像。 例1:简单使用:<canvas id="Canva" width="200" height="100" style="background: yellowgreen"></canvas> 2 Canvas 坐标canvas 是一个二维网格。canvas
2018-05-26 22:38:58
501
原创 css教程系列18：HTML 表单和inut各个常用标签
1 HTML 表单和输入1.1 HTML 表单介绍表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置:例子:表单内的 文本输入框<form>.<input type="text">.<...
2018-05-26 22:38:56
497
原创 css教程系列17:HTML块级元素&amp;行内元素之分: &lt;div&gt; 和&lt;span&gt;
1 HTML 区块元素: 大多数 HTML 元素被定义为块级元素或内联元素。1.1 块级元素实例: <div> <h1>, <p>, <ul>, <table> 块级元素的特点: 独占一行,可设置宽高1.2 行级元素实例 :<span> <a> 行级元素特点:一行可排布多个,不可设置宽高.1.3 行内块元素
2018-05-26 22:38:52
760
原创 css教程系列16:HTML5 多媒体音频(Audio)视频(video )
1 显示嵌入网页中的 MP3 文件：<embed height="50" width="100" src="horse.mp3"> 2 HTML5 <audio> 音频播放属性: 2-1 audio 常用属性: autoplay 自动播放 loop 循环 controls 控制器例子:<audio controls> <source src=&
2018-05-25 23:01:52
452
原创 css教程系列14：CSS 分页实例
1 作用：如果你的网站有很多个页面，你就需要使用分页来为每个页面做导航。例1 ：以下实例演示了如何使用 HTML 和 CSS 来创建分页： 正常样式<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <
2018-05-25 23:01:51
144
原创 css教程系列15：CSS3 圆角
1 css圆角：1.1 浏览器支持：-webkit- 或 -moz- 前面的数字表示支持该前缀的第一个版本。1.2 属性 border-radius：代码如下：#rcorners1 { border-radius: 25px; background: #cecece; /*padding: 20px;*/ width: 50px; height: 50px;...
2018-05-25 23:01:47
154
原创 css教程系列13：CSS 伪类(Pseudo-classes)
1 伪类作用：CSS伪类是用来添加一些选择器的特殊效果。2 常用示例：2.1anchor伪类：代码： 正常语法：a{color:#FF0000;}/* 文字颜色 */ 伪类语法：a:link {color:#FF0000;} /* 未访问的链接 */a:visited {color:#00FF00;} /* 已访问的链接 */a:hover {color:#FF00FF;} /* 鼠标划过链接...
2018-05-25 23:01:35
145
原创 css教程系列12：CSS Float(浮动)
1 定义：CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。2 解释：浮动的元素，浮在界面上，脱离了HTML文本流。 元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 浮动元素之后的元素将围绕它。 浮动元素之前的元素将不会受到影响。 如果图像是右浮动，下面的文本...
2018-05-25 23:01:31
113
原创 css教程系列11：css的overflow问题
1 排版时经常遇到块级元素内容overflow，怎么妥当处理是一个关键。 overflow的常用属性： 代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>overflow</title>
2018-05-25 23:01:27
161
原创 css教程系列10：父标签没有定义高度，盒子异常移动
1 问题：在父标签没有定义高度的情况下，嵌套的盒子浮动后，父标签下面的元素发生位置错误。2 解决方法：2.1（大厂网页常用方法） 添加额外元素： 即：父标签下添加一个元素（.clearfix），去清除浮动 .clearfix:after{ content: ""; display: block; height: 0rem; line-height:...
2018-05-25 23:01:23
392
原创 css教程系列9：内边距（padding）和外边距（margin）
1 css总结9：内边距和外边距通过css总结8：盒子模型可知：内边距（padding），外边距（margin）。可以影响盒子在浏览器的位置。1.1 padding使用：{padding：上 右 下 左} 示例：div {padding: 50px 10px 20px 30px} - 上内边距是 50px，右内边距是 10px，下内边距是 20px，左内边距是 30px常用单位：padding-b...
2018-05-25 23:01:17
666
原创 css教程系列7：盒子模型理解
1 盒子模型1.1盒子模型的盒子： 以博客园页面为例： 1.2盒子内部构造：边框(border)、内容(content)、填充(padding)、边界(margin)---CSS盒子模式都具备这些属性。 这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。 ...
2018-05-25 23:01:12
153
原创 css教程系列6：行高和字体大小
1 CSS line-height 属性代码：p.small {line-height:70%}p.big {line-height:200%}运行后：70%与200%宽高 2 CSS font-size 属性h1 {font-size:250%;}h2 {font-size:200%;}p {font-size:100%;} 两者特点：1 一行文字行高和父元素高度一致的时候，垂直居中显示2 ...
2018-05-25 23:01:05
5315
sqlite-shell-win32-x86
2018-01-08
selenium-server-standalone-3.8.0.jar
2017-12-01
selenium-server-standalone-2.50.0.jar
2017-11-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人