邢晋宇-CSDN博客

原创 javascript教程系列29 :递归与回调函数

1 递归函数-递归的实质就是函数自己调用自己。-递归注意点：递归必须有跳出条件，否则是死循环。var i = 1; fn(); function fn(){alert("从前有座山，山里有座庙..."); i++; alert(i); //跳出条件语句 if(i<3){ fn(); ...

2018-06-01 22:54:48 212

原创 javascript教程系列30 :DOM事件

事件:1 在js中可以说一整套事件能完成一个功能；事件的定义：当什么时候执行什么事；使用事件的基本结构：事件源+事件类型=执行的指令2 事件三要素:事件源事件类型, 驱动程序(匿名函数).举例:我拿喇叭说话喇叭录音.3 常见的事件有: 4 代码实例 <html><head lang="en"> <meta charset="UTF-8"> ...

2018-06-01 22:54:46 197

1 JavaScript 三个组成部分核心（ECMAScript）欧洲计算机制造商协会描述了JS的语法和基本对象。文档对象模型（DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口2 DOM (文档对象模型)DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。3 DOM 树4 节点（Node...

2018-06-01 22:54:44 185

原创 js教程系列32 :javascript-DOM节点操作

1 DOM节点操作1.1 创建节点 createElement() var createDiv = document.createElement("div"); 1.2 插入子节点appendChild（） appendChild() 方法向节点添加最后一个子节点-insertBefore(插入的节点，参照节点)-insertBefore() 方法，如果不是在末尾插入节点，而是想放在特定的位置上...

2018-06-01 22:54:42 145

原创 js教程系列33 :javascript-DOM节点属性

1 设置节点属性三个方法:获取：getAttribute(名称)设置：setAttribute(名称, 值)删除：removeAttribute(名称)举个例子:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>&lt

2018-06-01 22:54:39 151

转载搜狐 WEB 标准-前端技术应用规范

2018-06-01 22:54:38 253

转载前端实用软件: Markdown工具之---Typora实用技巧(总结)

Typora是一款超简洁的markdown编辑器，具有如下特点：完全免费，目前已支持中文跨平台，支持windows,mac,linux支持数学公式输入，图片插入极其简洁，无多余功能界面所见即所得区域元素YAML FONT Matters在文章最上方输入---，按换行键产生，输入内容即可菜单输入[toc]+换行键，产生标题，自动更新[toc][TOC]段落按换行键建立新的一行可在行尾插入打断线，禁...

2018-06-01 22:54:36 997

转载 GitHub--创建新的分支(转)

如何在 GitHub 的项目中创建一个分支呢？其实很简单啦，直接点击 Branch，然后在弹出的文本框中添加自己的 Branch Name 然后点击蓝色的Create branch就可以了，这样一来，你这个项目就有2个分支了（master 和 reademe-edits）。注：由上面的分支合并的流程图可以发现，1 个库可以有多个分支并行的进行开发，但是最后只有 1 个会被 merge 进来，因...

2018-06-01 22:54:33 691

原创 javascript教程系列34 :DOM之节点元素获取

常用节点元素获取:1. 获取 html -- > document.documentElement2. 获取 body -- > document.body3. 获取指定的元素 --> document.getElementById('id名') //返回对应的元素4. 获取页面中某一类型的元素 -- > document.getElementsByTagName('标签名...

2018-06-01 22:54:31 130

原创 javascript教程系列36:DOM-点击按钮切换图片案例

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Title</title></head><body><a href=

2018-06-01 22:54:29 640

原创 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&gt...

2018-05-30 11:02:47 364

原创 javascript教程系列28 :匿名函数

1 匿名函数//匿名函数。// (function (){// console.log(1);// })2 匿名函数作用//1.直接调用 (function (){ console.log(1); })(); //2.绑定事件 document.onclick = function () { ale...

2018-05-30 11:01:35 115

原创 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 117

原创 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 193

原创 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 213

原创 javascript教程系列24:Array

1 数组-引用类型JavaScript中的内置对象复习数组的使用两种创建数组的方式 Array对象的属性 length 获取数组的长度(元素个数)2 常用方法 :检测数组instanceof Array.isArray() //HTML5中新增转换数组toString() //把数组转换成字符串，每一项用,分割valueOf() //返回数组对象本身 join -栈操作(先进后出)-push(...

2018-05-30 11:01:27 139

原创 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 107

原创 javascript教程系列22: javascript的对象--面向对象编程

1 对象:JavaScript 中的所有事物都是对象：字符串、数值、数组、函数.对象与程序的关系: 程序 = 基于对象操作的算法 + 以对象为最小单位的数据结构此外: 面向对象的本质就是让对象有多态性，把不同对象以同一特性来归组，统一处理。至于所谓继承、虚表、等等概念，只是实现的细节。 2 js中的对象(Object)2-1创建空白对象var obj = new Object();解释:new ...

2018-05-30 11:01:23 108

转载 javascript教程系列20: 前端必读,浏览器内部工作原理(转)

目录　　一、介绍　　二、渲染引擎　　三、解析与DOM树构建　　四、渲染树构建　　五、布局　　六、绘制　　七、动态变化　　八、渲染引擎的线程　　九、CSS2可视模型　　英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers　　一、介绍　　浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输...

2018-05-30 11:01:22 141

原创 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 145

原创 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 212

原创 javascript教程系列10:JavaScript的Switch语句

1 switch语句的作用:switch 语句用于基于不同的条件来执行不同的动作。每当满足一个变量条件,就会执行当前的case内容.break 关键字用于跳出switch代码块。会终止switch代码块的执行。如果忽略该关键字，swith 语句的下一个代码块会被执行。default 关键字来规定匹配不存在时做的事情。 default 关键字在 switch 语句中只能出现一次。2 switc...

2018-05-27 08:26:05 410

原创 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 315

原创 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 262

原创 javascript教程系列12:逻辑运算符与等号运算符

1 逻辑运算符逻辑运算的结果只有true 或者 false.1.1 与&&:两个表达式为true的时候，结果为true.1.2 或||只要有一个表达式为true,结果为true. 1.3 非！和表达式相反的结果。2 等号运算符“=”赋值运算符“==”只判断内容是否相同，不判断数据类型。“===”不仅判断内容，还判断数据类型是否相同。！= 只判断内容是否不相同，不判断数据类型。！...

2018-05-27 08:25:56 343

原创 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 271

原创 javascript教程系列13:循环语句

1 While循环While(条件表达式){ 只要条件表达式结果为true,循环一直执行，当条件表达式结果为false的时候，循环终止}While循环语句需现在循环体外定义变量。2 for循环 for(定义变量;条件表达式;自增自减){循环体代码}这里需要注意执行顺序的问题:1 定义变量: var n =1;2 如果条件表达式结果为true的时候，执行for循环里的代码，如果为...

2018-05-27 08:25:52 175

原创 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 130

原创 javascript教程系列17:javascript 函数简介

1 释义:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。2 格式:通过 function 关键字.function test(){ alert("您好");} 3 方法的调用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&gt

2018-05-27 08:25:42 113

原创 javascript教程系列7:算术运算符

1 运算符: 加号+如果是数字类型的变量相加，那么结果为数字类型; 如果是非数字类型的变量相加，结果为字符串类型2 减号- 如果是非数字类型的变量相减结果为 NaN3 乘号 *如果是非数字类型的变量相减结果为 NaN4 除号/如果0作为除数，结果为infinity（无穷大）5 取余 % 获取余数6 括号 ()优先级有括号先计算括号里面的值 ...

2018-05-27 08:25:13 170

原创 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 145

原创 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 108

原创 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 141

原创 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 121

原创 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 253

原创 JavaScript必备:Google发布的JS代码规范(转)

[翻译]关于Google发布的JS代码规范，你需要了解什么？翻译 | WhiteYin译文 | https://github.com/WhiteYin/translation/issues/10Google为了那些还不熟悉代码规范的人发布了一个JS代码规范。其中列出了编写简洁易懂的代码所应该做的最佳实践。代码规范并不是一种编写正确JavaScript代码的规则，而是为了保持源代码编写模式一致的一...

2018-05-26 22:39:02 1181

原创 css教程系列20:TCP通信协议WebSocket

HTML5 WebSocket1 介绍:WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过...

2018-05-26 22:39:00 213

原创 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 479

原创 css教程系列18：HTML 表单和inut各个常用标签

1 HTML 表单和输入1.1 HTML 表单介绍表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置:例子:表单内的文本输入框<form>.<input type="text">.<...

2018-05-26 22:38:56 475

原创 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 674

sqlite-shell-win32-x86

selenium-server-standalone-3.8.0.jar

selenium-server-standalone-2.50.0.jar

空空如也