黑马程序员_PHP_课程同步笔记day08：JS介绍(三)

合集下载

黑马程序员济南中心php第6天教程

【济南中心】PHP课程同步笔记day05：JS介绍(一) JS(javascript)JavaScript 是世界上最流行的编程语言。

JavaScript是一种轻量级的编程语言，可插入HTML页面的编程代码。

JavaScript变量变量是存储信息的容器语法：var 变量名=值(数据);变量名注意：1）变量名不能和系统内部关键字相同2）变量名不能以数字开头3）变量名里面，只能包括数字，字母，下划线4）变量名称对大小写敏感5）建议：大家用比较成心义的名字6）建议：把var加上，为了让JS代码标准Alert:弹出窗口（警告，测试）1）警告显示2）测试JS里面的语法注意：1)在JS里面，所有的符号都必需是英文状态下的符号2)JS里面，区分大小写3)建议，在每一行的后面，都加上分号4)建议，写js代码，每行表达每行的意思即可数据类型:1）数字类型(number)，通常表示数字2）字符串类型(string)，通常表示字母或汉字，写字符串的时候，必需加上引号3）布尔类型(Boolean,bool)，true,false4）空类型(null)，表示没有值空的5）未概念类型(undefined)，表示没有概念6）复合数据类(arr,object)1.数字类型一般只是表示数字，可以相运算2.字符串类型一般只是表示字母或汉字(两边都必需加上引号)3.布尔类型只有两个值,true(真),false(假)4.空类型表示没有值null5.未概念类型表示没有概念undefined6.复合类型表示很多数据的集合注释：就是在代码上表面一些所写的代码，可是不会再阅读器上显示用注释表面每一段所写的内容两种注释方式：1）//单行注释，在符号”//”后面所有的内容都是注释的内容2）/*内容*/，在符号”/**/”里面所写的内容都是注释内容运算符运算符用于执行程序代码运算，大致分为5种类型：算术运算符、连接运算符、关系运算符、赋值运算符和逻辑运算符1)赋值运算符”=”赋值运算符,把符号”=”右边的数据赋值给左侧的2)算数运算符”+,-,*(乘号),/(除号),%(取余),++,--”%取余：取得两个数相除取得的余数++：自加1--：自减1若是参与到赋值运算的时候,那么这个时候有所改变++的情况,var i=1;var j=i++;先把i赋值给j再运算i++Var i=1;var j=++i;先自加，再赋值给j--的情况，和++情况相同，若是i--,那么就先赋值，再自减若是--i，那么就先自减，再赋值3)逻辑运算符: “&&,||,!”&&:逻辑与，两个情况都知足，才能执行||：逻辑或,两种情况知足一种情况即可！：非，取反4）比较运算：>:大于<:小于>=:大于等于<=:小于等于==：等于!=:不等于===：绝对等于!==：不绝对等于比较运算符优先级：(从高到低列出)5）复合赋值运算符+=：将右边的值加左侧的值然后将结果赋值给左侧-=：将右边的值减左侧的值然后将结果赋值给左侧*=：将右边的值乘左侧的值然后将结果赋值给左侧/=：将右边的值除左侧的值然后将结果赋值给左侧字符串运算符：”+”将+号左侧和右边的数据连接起来，当+左右两边有一边有字符串就可利用字符串联接。

黑马程序员JavaEE就业班同步笔记Web前端技术：JavaScript高级

黑马程序员JavaEE就业班同步笔记Web前端技术：JavaScript高级1.1案例五：使用JS完成复选框的全选和全不选的效果1.1.1需求：在实际的开发中一条记录一条记录进行删除的话，效率很低，有的时候需要一起删除多条记录.需要通过在表格之前设置一个复选框的形式进行勾选复选框.点击一个删除的按钮.1.1.2分析:1.1.2.1技术分析：1.1.2.2步骤分析：【步骤一】创建一个HTML页面.【步骤二】确定事件：复选框的单击事件.【步骤三】触发一个函数【步骤四】在函数中,获得上面的复选框是否被选中.【步骤五】如果选中,下面的所有的复选框都被选中.【步骤六】如果不选中,下面的所有的复选框都不选中.1.1.3代码实现：function checkAll(){// 获得上面的复选框var selectAll = document.getElementById("selectAll");// 判断这个复选框是否被选中.var ids = document.getElementsByName("ids");if(selectAll.checked == true){// 上面复选框被选中：获得下面所有的复选框,修改checked属性for(var i = 0 ;i<ids.length;i++){ids[i].checked = true;}}else{// 上面复选框没有被选中：获得下面所有的复选框,修改checked属性for(var i = 0 ;i<ids.length;i++){ids[i].checked = false;}}}1.1.4总结：1.1.4.1JS中的DOM对象：【DOM的概述】什么是DOMDOM：Document Object Model：文档对象模型.将一个HTML的文档加载到内存形成一个树形结构,从而操作树形结构就可以改变HTML的样子.DOM的使用：知道document，element，attribute中的属性和方法【DOM的常用的操作】获得元素：* document.getElementById(); -- 通过ID获得元素.* document.getElementsByName(); -- 通过name属性获得元素.* document.getElementsByT agName(); -- 通过标签名获得元素.创建元素：* document.createElement(); -- 创建元素* document.createTextNode(); -- 创建文本添加节点：* element.appendChild(); -- 在最后添加一个节点.* element.insertBefore(); -- 在某个元素之前插入.删除节点：* element.removeChild(); -- 删除元素【使用DOM完成对ul中添加一个li元素】function addElement(){var city = document.getElementById("city");// 创建一个元素:var liEl = document.createElement("li");// 创建一个文本节点:var text = document.createTextNode("深圳");// 添加子节点:liEl.appendChild(text);city.appendChild(liEl);}1.2案例六：使用JS完成省市联动的效果：1.2.1需求：在注册页面上有两个下拉列表,左侧省份的下拉列表一改变,右侧的市的下拉列表也要跟着发生变化.1.2.2分析：1.2.2.1技术分析:【JS中创建数组】【JS的事件】下拉的列表的改变的事件.onchange. 【JS的DOM的操作】创建元素：添加元素：1.2.2.2步骤分析【步骤一】创建一个HTML文件.【步骤二】确定事件：onchange事件.【步骤三】触发函数,在函数中编写代码.【步骤四】获得到所选择的省份的信息.【步骤五】根据选择的省份的信息获得到对应的数组中的市的数据.【步骤六】遍历数组中的市的信息.【步骤七】创建元素，创建文本,最后将元素添加到第二个列表中.1.2.3代码实现:// 定义数组：二维数组：var arrs = new Array(5);arrs[0] = new Array("杭州市","绍兴市","温州市","义乌市","嘉兴市");arrs[1] = new Array("南京市","苏州市","扬州市","无锡市");arrs[2] = new Array("武汉市","襄阳市","荆州市","宜昌市","恩施");arrs[3] = new Array("石家庄市","唐山市","保定市","邢台市","廊坊市");arrs[4] = new Array("长春市","吉林市","四平市","延边市");function changeCity(value){// 获得到选中的省份的信息.var city = document.getElementById("city");// 清除第二个列表中的内容:for(var i=city.options.length;i>0;i--){city.options[i] = null;}// city.options.length = 0;// alert(value);for(var i= 0 ;i< arrs.length;i++){if(value == i){// 获得所有的市的信息.for(var j=0;j<arrs[i].length;j++){// alert(arrs[i][j]);// 创建元素：var opEl = document.createElement("option");// <option></option>// 创建文本节点:var textNode = document.createTextNode(arrs[i][j]);// 将文本的内容添加到option元素中.opEl.appendChild(textNode);// 将option的元素添加到第二个列表中.city.appendChild(opEl);}}}}1.2.4总结：1.2.4.1JS的内置对象:Array:Boolean:Date:* ?time=new Date().getTime(); Math对象:String对象:* charAt();* indexOf();* lastIndexOf();* split();* replace();* substring();* substr();1.2.4.2JS的全局函数：* parseInt();* parseInt(“11”);* parseFloat();* parseFloat(“32.09”);* 编码和解码的方法：// 解码* decodeURI();* decodeURIComponent();// 编码* encodeURI();* encodeURIComponent();eval函数：* 将一段内容当成是JS的代码执行. //var sss = “alert(‘aaaa’)”; //eval(sss);。

黑马程序员php培训：javascript+jquery九天课程第三天(1)

函数：一段能够自动完成某些功能的代码
定义语法：
function 函数名(形式参数1，形式参数2。

){
//一些代码
函数体
}
调用语法：
函数名(实际参数1，实际参数2。

);
注意：函数在写好之后是不会自己去执行，需要调用函数才会执行
注意：函数执行完成之后会回到调用函数的位置
一般来说函数写好之后不会总去改动函数内部的代码
函数的练习：
求任意一个数为圆的半径，球圆的面积，假设pai为3.14
求已知任意两个值为直角三角形的两条直角边，求斜边
函数名：
注意：不要和系统函数以及关键字相同
建议：函数名要起得有意义
函数的执行：
1，点到firebug的脚本
2，点击某个位置添加断点
3，刷新
4，点击单步进入
作用域：
对于函数来说，函数内部定义的变量叫局部变量
函数外部的变量叫做全局变量
只是针对函数来说的
局部变量：只能在函数内部使用
全局变量：可以放到任何位置去用
平时只会关注局部变量，只要在函数内部定义变量就必须有意识的知道，存在作用域的问题。

javascript的介绍及用途

一、什么是JavaScriptJavaScript是一种广泛应用于网页开发的脚本语言，它可以为网页增加动态功能。

JavaScript主要用于与用户交互，例如验证表单输入、创建动画效果、动态更新页面等。

与HTML和CSS一起，JavaScript 组成了现代网页的核心技术之一。

二、 JavaScript的历史JavaScript最初是由Netscape公司的布兰登·艾奇（Brendan Eich）在1995年创建的。

它起初被称为LiveScript，后来改为JavaScript。

虽然它的名字和语法与Java相似，但实际上两者之间并没有太多的关系。

三、 JavaScript的用途1. 网页交互JavaScript可以用来处理用户在网页上的交互行为，比如点击按钮、输入文本等。

通过JavaScript，我们可以动态地改变网页内容、验证用户输入、响应用户操作等。

2. 网页动态效果JavaScript可以用来创建各种动态效果，比如轮播图、滚动效果、弹出框等。

这些动态效果可以为网页增添活力，提升用户体验。

3. 数据交互JavaScript可以用来向服务器发送请求并处理返回的数据，实现前后端交互。

通过Ajax技术，可以实现网页的局部刷新，提升用户体验。

4. 前端框架JavaScript还可以用来创建各种前端框架，比如React、Vue、Angular等。

这些框架可以大大简化前端开发，提供丰富的组件和工具，极大地提高了开发效率。

5. 服务器端开发除了在客户端开发中广泛使用外，JavaScript也可以用于服务器端开发。

Node.js就是一个使用JavaScript进行服务器端开发的评台，它可以实现高性能的后端服务。

6. 游戏开发近年来，JavaScript在游戏开发领域也有了广泛的应用。

借助HTML5技术，JavaScript可以在各种设备上实现高性能的游戏。

7. 应用开发JavaScript还可以用来开发各种类型的应用，包括桌面应用和移动应用。

udemy的javascript课程笔记

udemy的javascript课程笔记以下是udemy的JavaScript课程的一些主要笔记：1.JavaScript是一种脚本语言，主要用于在Web浏览器中实现交互功能。

2.JavaScript的主要特点包括：解释性语言、基于对象、原型、弱类型等。

3.JavaScript的基本语法包括变量、数据类型、运算符、控制结构等。

4.JavaScript中的变量可以使用var、let或const声明，其中var声明的作用域是函数作用域，let和const声明的作用域是块级作用域。

5.JavaScript中的数据类型包括原始数据类型和对象数据类型，其中原始数据类型包括Number、String、Boolean、Null、Undefined等，对象数据类型包括Object、Array等。

6.JavaScript中的运算符包括算术运算符、比较运算符、逻辑运算符、位运算符等。

7.JavaScript中的控制结构包括if语句、switch语句、for循环、while循环等。

8.JavaScript中的函数是一段可重复使用的代码块，可以接受参数并返回值。

函数可以使用function关键字声明，也可以使用简洁声明方式。

9.JavaScript中的闭包是一种特殊类型的函数，它可以访问并操作其他函数的变量作用域。

闭包常常用于实现私有变量和函数，以及实现模块化编程。

10.JavaScript中的异步编程可以使用回调函数、Promise对象、async/await等实现。

其中async/await是基于Promise实现的，可以让异步代码看起来像同步代码一样。

11.JavaScript中的事件处理程序是一种特殊的函数，用于响应用户的交互操作，如点击按钮、提交表单等。

事件处理程序可以通过事件监听器绑定到元素上，并指定当事件发生时要执行的函数。

12.JavaScript中的DOM（文档对象模型）是一种编程接口，用于操作HTML和XML文档。

PHP学习黑马视频28天PHP零基础入门到精通教程（P1基础6天）笔记1

PHP学习⿊马视频28天PHP零基础⼊门到精通教程（P1基础6天）笔记1笔记相关信息：标题28天PHP零基础⼊门到精通教程（P1基础6天）视频地址章节P1-P4标签PHP简介动静态⽹站访问流程其他F:\HTML_前端\PHP\B站⿊马BV18x411H7qD\Day01 搭建环境.docxPHP简介什么是PHPPHP定义：⼀种服务器端的 HTML 脚本/编程语⾔,是⼀种简单的、⾯向对象的、解释型的、健壮的、安全的、性能⾮常之⾼的、独⽴于架构的、可移植的、动态的脚本语⾔。

是⼀种⼴泛⽤于 Open Source（开放源代码）的尤其适合 Web 开发并可以嵌⼊ HTML 的多⽤途脚本语⾔。

它的语法接近 C，Java 和 Perl，⽽且容易学习。

该语⾔让 Web 开发⼈员快速的书写动态⽣成的⽹页。

PHP前⾝：Personal HomePage，个⼈主页，使⽤Perl语⾔开发的⼀种写个⼈主页的语⾔PHP：PHP Hypertext Preprosessor，php超⽂本预处理器，底层使⽤C语⾔⽹站Website的中⽂名称是⽹站，是指在互联⽹上，根据⼀定的规则，使⽤HTML、PHP等代码语⾔制作的⽤于展⽰特定内容的相关⽹页的集合，有可供管理⼈员操作的后台及⽤户使⽤的前台。

简单地说，Website是⼀种通讯⼯具，就像布告栏⼀样，⼈们可以通过Website 来发布⾃⼰想要公开的资讯，或者利⽤Website来提供相关的⽹络服务。

⼈们可以通过⽹页浏览器来访问Website，获取⾃⼰需要的资讯或者享受⽹络服务。

静态⽹站特点1.⽹页内容⼀经发布到⽹站服务器上，⽆论是否有⽤户访问，每个静态⽹页的内容都是保存在⽹站服务器上的，也就是说，静态⽹页是实实在在保存在服务器上的⽂件，每个⽹页都是⼀个独⽴的⽂件；2.静态⽹页的内容相对稳定，因此容易被搜索引擎检索；3.静态⽹页没有数据库的⽀持，在⽹站制作和维护⽅⾯⼯作量较⼤，因此当⽹站信息量很⼤时完全依靠静态⽹页制作⽅式⽐较困难；4.静态⽹页的交互性较差，在功能⽅⾯有较⼤的限制。

黑马程序员_PHP_课程同步笔记day10：JS小游戏

【黑马程序员】PHP课程同步笔记day10：JS小游戏通过前几周的学习我们对JS有一定的了解，今天的内容就是将之前的学习的内容在小游戏中应用，希望大家能够在小游戏中进一步提升自己的js水平。

JS小游戏：满天都是小星星：代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml" xml:lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title>满天都是小星星</title><style type="text/css">#span1{border:1px solid red;width:100px;display:inline-block;height:20px;overflow:hidden;}#span2{display:inline-block;height:20px;}</style><script type="text/javascript">var count=0;//代表星星的个数var dingshiqi;//定时器名字var shijian=0;//时间var gametime;//记录游戏时间定时器//设置body的颜色window.onload=init;function init(){//document.body.bgColor="black";}//var dingshiqi=window.setInterval("star()",500);//创建星星的函数function star(){//创建星星var obj=document.createElement("img");obj.src="images/xingxing.gif";//设置星星的宽度var w=Math.floor(Math.random()*(90-30+1))+30;//设置随即位置//var x=e.clientX;//鼠标的x坐标//var y=e.clientY;//鼠标的y坐标var x=Math.floor(Math.random()*1300)+30;var y=Math.floor(Math.random()*500)+30;obj.style.position="absolute";obj.style.top=y+"px";obj.style.left=x+"px";//把obj加到body中document.body.appendChild(obj);//给对象绑定事件obj.onclick=removestar;//记录星星个数count++;//调用函数告诉玩家有多少个星星countxingxing();//改变进度条document.getElementById("span2").style.width=count*5+"px";document.getElementById("span2").style.backgroundColor="red"; }//删除星星的函数function removestar(){this.parentNode.removeChild(this);count--;countxingxing();}//点击开始游戏的函数function startxingxing(){dingshiqi=window.setInterval("star()",500);gametime=window.setInterval("youxishijian()",1000); }//暂停游戏function zanting(){alert("暂停游戏");}//星星个数function countxingxing(){var shu=document.getElementById("count");if(count>20){alert("游戏结束");window.clearInterval(dingshiqi);window.clearInterval(gametime);}shu.innerHTML=count+"个星星";}//记录游戏时间function youxishijian(){var obj=document.getElementById("jishi");shijian++;obj.innerHTML="游戏进行"+shijian+"秒";}</script></head><body><span id="count">0个星星</span><input type="button" value="点击开始游戏" onclick="startxingxing()"> <input type="button" value="点击暂停游戏" onclick="zanting()"><span id="jishi">游戏进行0秒</span><span id="span1"><span id="span2"></span></span></body></html>实现效果：点我啊小游戏：代码：<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html" charset="utf-8"> <title>小游戏</title><script type="text/javascript">var number=1;function mv(){if (number==1){mv2();number=2;}else if(number==2){mv3();number=3;}else if(number==3){mv4();number=4;}else if(number==4){mv1();number=1;}}function mv1(){document.getElementById('d1').style.left=0+"%";document.getElementById('d1').style.right=88+"%";document.getElementById('d1').style.top=0+"%";document.getElementById('d1').style.bottom=76+"%";function mv2(){document.getElementById('d1').style.left=88+"%";document.getElementById('d1').style.right=0+"%";document.getElementById('d1').style.top=0+"%";document.getElementById('d1').style.bottom=76+"%"; }function mv3(){document.getElementById('d1').style.top=76+"%";document.getElementById('d1').style.bottom=0+"%";document.getElementById('d1').style.left=88+"%";document.getElementById('d1').style.right=0+"%";}function mv4(){document.getElementById('d1').style.bottom=0+"%";document.getElementById('d1').style.left=0+"%";document.getElementById('d1').style.top=76+"%";document.getElementById('d1').style.right=88+"%";</script><style type="text/css">#d1{width: 160px;height:160px;background-color: #66ffff;border: 2px solid yellow;border-radius:10px 10px 10px 10px ;box-shadow: 2px 2px 10px #cccccc;position: absolute;top: 0%;left: 0%;right:86%;bottom:86%;}#input{margin-top:45px;margin-left: 30px;width: 101px;height: 68px;background-color: #66ffff;color: #ffffff;font-weight: 700;border: 0px;}</style></head><body><div id="d1" ><input id="input" type="button" value="来呀，点我呀！" onmouseover="mv()"/></div></body></html>效果：黑马程序员济南中心编著。

「黑马程序员」最新PHP视频教程全套赠送

「黑马程序员」最新PHP视频教程全套赠送一、黑马程序员所有PHP基础班+就业视频、源码、内部笔记。

二、黑马程序员所有PHP公开课视频、源码、笔记。

三、PHP配套软件+学习手册。

四、PHP学习路线图一、黑马程序员PHP视频教程。

包括基础视频、就业视频、源码、笔记。

（一直更新）1、网页入门阶段《html+css+bootstrap视频教程》包含知识点：Html（掌握）、CSS、Html5+Css3（掌握）Bootstrap（重点）《javascript+jquery视频教程》包含知识点：Javascript（重点） Jquery（重点）2、PHP入门阶段《PHP从入门到精通视频教程》包含知识点：PHP环境搭建（掌握）PHP核心（重点）PHP典型技术（重点）《六天带你玩转MYSQL》包含知识点：Mysql基础（重点）3、PHP中级阶段《基于PHP面向对象自定义MVC框架高级项目开发》包含知识点：PHP面向对象（掌握）PDO（熟悉）ICFrarme框架（重点）《smarty视频教程》包含知识点：Smarty模版（熟悉）4、PHP高级阶段《SVN视频教程》包含知识点：SVN（掌握）《XML视频教程》包含知识点：XML（熟悉）《AJAX视频教程》包含知识点：Ajax（掌握）《ThinkPHP视频教程》《ThinkPHP开发框架2016版》包含知识点：ThinkPHP（重点）《Linux视频教程》包含知识点：Linux（重点）5、PHP企业级开发阶段《NoSQL之Redis技术》包含知识点：Redis（掌握）《PHP微信公众平台开发》包含知识点：九大接口编程（重点）《MongoDB实操视频》包含知识点：MongoDB（重点）6、PHP拓展阶段《HyBrid App开发视频教程》包含知识点：WebApp（重点）《深入掌握javascript面向对象必做小项目-贪吃蛇》包含知识点：Js高级（重点）二、黑马程序员PHP公开课视频、源码、笔记PHP验证码+Ajax验证两小时学会Git玩转GithubPHP春天-Composer依赖管理工具超强就业指导震撼来袭——PHP程序员之路php程序员必知——lamp and lnmp架构Bootstrap框架开发so easy4小时光速掌握CI框架（两天）快速掌握微信项目开发小技巧PHP网站安全卫士-SSL安全访问协议及配置解决PHP中的Bug，搞定“女朋友”的各种问题【毕设项目】使用ThinkPHP框架开发网上商城三、PHP配套软件+学习手册（不断更新）四、学习路线图需要的请私信我，私信内容“PHP”，会自动发送下载地址给您。

【黑马程序员济南】前端与移动开发就业班笔记CSS进阶：Day03

【黑马程序员济南】前端与移动开发就业班笔记CSS进阶:Day031. 焦点图部分所用知识点负值自己的宽度一半（固定定位也是如此）2. 背景半透明1.强烈推荐：盒子背景半透明background: rgba(r,g,b,alpha);r,g,b 是红绿蓝的颜色，alpha 是透明度的意思，取值范围是0~1 之间。

这个是让盒子的背景半透明，盒子里面内容不半透明2.元素半透明此属性是盒子半透明，不是背景半透明哦，因为里面的内容也一起半透明了正常浏览器：opacity:0.5; 取值范围是0~1 之间表示透明度0% 到100%ie8及其以下的版本用filter:Alpha(opacity=50) ；// opacity值为0 到100因此，低版本的ie浏览器，我们不需要透明了，直接采用优雅降级的做法。

background: gray;background: rgba(0,0,0,.2);写上两句背景，低版本ie只执行gray，其他浏览器执行半透明下面这一句。

3. 优雅降级和渐进增强什么是渐进增强（progressive enhancement）、优雅降级（graceful degradation）呢？渐进增强progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

类似爬山，由低出往高处爬优雅降级graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

类似蹦极，由高处往低处下落区别：渐进增强是向上兼容，优雅降级是向下兼容。

个人建议：现在互联网发展很快，连微软公司都抛弃了ie浏览器，转而支持edge 这样的高版本浏览器，我们很多情况下没有必要再时刻想着低版本浏览器了，而是一开始就构建完整的效果，根据实际情况，修补低版本浏览器问题。

ie6 以下的版本首页改动下：https:///dev/3dm8aE4LDBNMkDfcCaRxLnVQ7rqo/index.html等后面我们学了JavaScript 来检测用户浏览器版本，如果是ie6及其以下的版本，我们就跳到这个页面上。

黑马程序员JAVA编程阶梯：基础篇之第八章

【济南中心】JAVA编程阶梯：基础篇之第八章代码块代码块概述：* 在Java中，使用{}括起来的代码被称为代码块。

代码块分类：* 根据其位置和声明的不同，可以分为局部代码块，构造代码块，静态代码块，同步代码块(多线程讲解)。

常见代码块：* a:局部代码块在方法中出现；限定变量生命周期，及早释放，提高内存利用率* b:构造代码块(初始化块)在类中方法外出现；多个构造方法方法中相同的代码存放到一起，每次调用构造都执行，并且在构造方法前执行* c:静态代码块在类中方法外出现，并加上static修饰；用于给类进行初始化，在加载的时候就执行，并且只执行一次。

一般用于加载驱动[Java] 纯文本查看复制代码?0102 class Text { static {03040506070809101112131415161718192021222324 System.out.println("静态代码块");}{System.out.println("构造代码块");}public Text() {System.out.println("构造方法");}}public class Demo {static {System.out.println("Demo静态代码块"); }public static void main(String[] args) {System.out.println("我是main方法");Text s1 = new Text();Text s2 = new Text();2526}}运行结果：可以看出，执行顺序静态代码块>构造代码块>构造函数面向对象之继承继承(extends)概念：让类与类之间产生关系,子父类关系继承的好处：* a:提高了代码的复用性* b:提高了代码的维护性* c:让类与类之间产生了关系，是多态的前提继承的弊端：* 类的耦合性增强了。

黑马程序员济南中心PHP第9天教程

【济南中心】PHP课程同步笔记day06：JS介绍(四)对象将一组数据与这组数据有关操作组装在一起，形成一个实体，这个实体就是对象在JavaScript 中，对象是拥有属性和方法的数据。

属性是对象相关的值方法是能够在对象上执行的动作。

以汽车为例，汽车就是现实中的对象。

汽车的属性包括名称、型号、重量、颜色等汽车的方法可以是启动、驾驶、刹车等。

JavaScript 中的几乎所有事务都是对象：字符串、数字、数组、日期、函数，等等。

访问对象的属性的语法是：objectName.propertyName访问对象的方法的语法是：objectName.methodName()事件：HTML和JS通过事件建立联系鼠标事件：Onclick:点击事件Onmouseover:鼠标放上Onmouseout:鼠标离开键盘事件：onkeyDown:键盘按下onkeyUp:键盘抬起onkeyPress:按键一次表单事件Onsubmit:表单提交事件Onfocus:获得焦点Onblur:失去焦点窗口事件Onload,在网页一打开的时候(必须把所有的东西都加载完成之后)<body onload=”init()”></body>Window.onload = init 注意：函数名init之后没有括号Event：是指事件发生的时候(事件源)相关的一些信息clientX：获得鼠标的X坐标clientY：获得鼠标的Y坐标Event.target:事件源<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title> new document </title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><script type="text/javascript">window.onload = init;function init(){alert(123);}</script></head><body>hello</body></html>Js控制改变标签的html属性和css属性1）首先获取标签2）找对对应的标签属性并赋值a)HTML的标签属性设置i.取值var w=对象.HTML属性名ii.对象.HTML 属性名= 值b)CSS属性设置i.Var ab = 对象.style.CSS 属性名ii.对象.style.CSS属性名= 值Document.getElementById(“id”);通过这种方法可以获得这个id名的标签对象Document.getElemetsByTagName(“标签名”)通过这种方法可以获得标签名的标签对象注意：这个时候获得的是数组形式的Document.body：获得body这个对象<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title> new document </title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><style type="text/css">#div{width:200px;height:100px;background-color:red;}</style><script type="text/javascript">function change(){var obj = document.getElementById("div");obj.style.backgroundColor="black";}</script></head><body><div id="div"></div><input type="button" value="改变" onclick="change()"></body></html>innerHTML和value对比innerHTML：所有在这个对象内的内容都是innerHTML的内容Value：一般情况input的时候都是value,双标签都需要用到innerHTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title> new document </title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <script type="text/javascript">function show(){var m = document.getElementById("d1");var str = m.innerHTML;alert(str);}</script></head><body><div id="d1" onclick="show()"><div>这是汉字</div></div></body></html>。

黑马程序员课程表

黑马程序员课程表一、课程简介黑马程序员是国内知名的IT培训机构，提供专业的计算机编程培训课程。

本课程表将介绍黑马程序员的主要课程，并为学员提供一个全面的学习计划。

二、课程目录黑马程序员的课程目录涵盖了多个计算机编程领域，包括但不限于以下内容：1.前端开发2.后端开发3.移动端开发4.数据库开发5.数据分析与挖掘6.人工智能与机器学习三、课程详情1. 前端开发前端开发课程主要涵盖了HTML、CSS、JavaScript等前端技术的基础知识和实际应用。

学员将学习如何构建网页、设计用户界面以及与后端进行交互。

•HTML基础•CSS样式与布局•JavaScript编程•前端框架（Vue.js、React等）•前端项目实战2. 后端开发后端开发课程主要涵盖了Java、Python、PHP等后端编程语言的基础知识和实际应用。

学员将学习如何设计和实现服务器端的逻辑。

•Java基础•Python基础•PHP基础•数据库设计与开发•后端框架（Spring、Django等）•后端项目实战3. 移动端开发移动端开发课程主要涵盖了Android、iOS等移动平台的应用开发。

学员将学习如何使用相关工具和技术开发出功能丰富的移动应用程序。

•Android开发基础•iOS开发基础•移动应用项目实战4. 数据库开发数据库开发课程主要涵盖了关系型数据库和非关系型数据库的设计和开发。

学员将学习如何使用SQL语言进行数据操作以及如何设计高效的数据库结构。

•SQL语言基础•MySQL数据库开发•Oracle数据库开发•MongoDB数据库开发5. 数据分析与挖掘数据分析与挖掘课程主要涵盖了数据分析的基本概念和技术。

学员将学习如何使用Python等工具进行数据分析、挖掘和可视化。

•数据分析基础•Python数据分析库（NumPy、Pandas等）•数据可视化•数据挖掘实践6. 人工智能与机器学习人工智能与机器学习课程主要涵盖了人工智能和机器学习的基础知识和应用。

js黑马知识点

js黑马知识点JS黑马知识点JavaScript（简称JS）是一种脚本语言，用于为网页添加交互功能。

作为前端开发的重要组成部分，JS有着广泛的应用。

本文将介绍一些JS的黑马知识点，帮助读者更好地理解和应用这门语言。

一、变量和数据类型在JS中，变量用于存储数据。

JS的变量是弱类型的，即可以在不指定数据类型的情况下直接赋值。

JS支持多种数据类型，如字符串、数值、布尔值、数组、对象等。

其中，字符串是由一系列字符组成的，可以用单引号或双引号括起来。

数值可以是整数或小数。

布尔值只有两个取值，即true和false。

数组用于保存多个值，可以通过索引访问其中的元素。

对象由多个属性组成，每个属性都有一个键和一个值。

二、运算符JS支持各种运算符，包括算术运算符、赋值运算符、比较运算符、逻辑运算符等。

算术运算符用于进行基本的数学计算，如加减乘除。

赋值运算符用于给变量赋值。

比较运算符用于比较两个值的大小关系，返回一个布尔值。

逻辑运算符用于对布尔值进行运算，如与、或、非等。

三、条件语句和循环语句条件语句用于根据条件执行相应的代码块。

JS中最常用的条件语句是if语句和switch语句。

if语句根据给定的条件判断是否执行某段代码。

switch语句根据给定的表达式的值，执行相应的代码块。

循环语句用于重复执行某段代码。

JS中最常用的循环语句是for循环和while循环。

for循环在指定的条件为真时重复执行代码块。

while循环在给定条件为真时重复执行代码块。

四、函数和对象函数是一段可重复使用的代码块，可以接受参数并返回值。

函数可以在需要时被调用，使代码更加模块化和可维护。

JS中函数的定义和调用非常简单，可以直接使用function关键字定义函数，并使用函数名加括号调用函数。

对象是JS中的核心概念，可以封装数据和功能。

JS中的对象使用花括号表示，属性和方法之间使用冒号分隔。

五、DOM操作DOM（文档对象模型）是用于访问和操作HTML文档的API。

PHP学习路线图--第三阶段核心编程

PHP学习路线图--第三阶段核心编程黑马程序员的PHP学习路线图中第三阶段的学习是PHP核心编程的学习：主要介绍了PHP学习路线图的PHP核心编程的学习目标，PHP学习路线图的PHP 核心编程的市场价值，PHP学习路线图的PHP核心编程的重点知识。

PHP学习路线图的PHP核心编程学习视频可以在黑马程序员视频库中找到：PHP学习路线图的PHP核心编程学习的技术要点：PHP基础；MySQL数据库；核心编程；面向对象；PDO；MVC设计模式；Restful；ThinkPHP电子商城；Linux；Git。

PHP基础PHP简介WEB程序的访问流程安装LAMP环境配置虚拟主机变量和常量数据类型运算符流程控制函数变量函数字符串数组错误管理PSR规范表单传值的方式PHP接收数据的三种方式PHP处理复选框数据文件上传文件操作的分类目录操作文件操作文件下载PHP模拟HTTP请求时间处理黑马程序员视频库网址：（海量热门编程视频、资料免费学）学习路线图、学习大纲、各阶段知识点、资料网盘免费领取+QQ 1679806262 MySQL数据库MySQL简介基础SQL操作字符集列类型类属性表关系高级查询联合查询连接查询子查询外键范式用户管理权限管理数据备份与还原核心编程基本操作执行增删改操作执行查询操作与MySQLi相关的函数MySQLi扩展应用案例会话技术概述Cookie与Session的区别Cookie原理Cookie操作Session原理Session操作垃圾回收机制GD库概述GD画布实现验证码缩略图水印图面向对象面向对象概述面向对象实现封装继承多态对象遍历对象序列化命名空间Trait新特性黑马程序员视频库网址：（海量热门编程视频、资料免费学）学习路线图、学习大纲、各阶段知识点、资料网盘免费领取+QQ 1679806262 PDOPDO简介PDO类PDOStatement类PDO预处理PDO事务处理PDO异常处理PDO属性封装PDO类MVC设计模式MVC设计模式搭建自定义MVC框架RestfulResTful概述HTTP协议RESTful API设计六要素编写API接口文档编写与测试接口ThinkPHP电子商城TP框架商城系统概述数据表设计后台设计前台设计商品模块权限模块会员模块购物车模块订单模块API接口第三方登录第三方支付MySQL+Elasticsearch分布式全文搜索商品秒杀功能基于商品的协同过滤LinuxLinux系统概述VMware虚拟机的安装CentOS系统安装Shell指令VIM编辑器用户和组文件操作网络配置软件管理方式SSHSFTPLAMP本地虚拟机部署项目上线流程公有云购买域名解析ECS环境配置ECS上搭建真实项目Git命令行Git的基本使用对比文件差异还原合并回滚操作远端仓库操作使用GitHub创建远端仓库生成ssh key 并添加到GitHub黑马程序员视频库网址：（海量热门编程视频、资料免费学）学习路线图、学习大纲、各阶段知识点、资料网盘免费领取+QQ 1679806262。

黑马程序员php培训教程：同步和异步介绍

什么是AJAX
1999年，微软公司发布IE5浏览器的时候嵌入的一种技术。

起初名字是XMLHttp，直到2005年，google公司发布了一个邮箱产品gmail，内部的gtalk聊天工具有使用ajax技术，该事情引起人们对ajax 的注意，并广泛使用，也使得一蹶不振的javascript语言从此被人们重视起来。

Ajax能实现所有操作都是在不刷新窗口的情况下完成的
同步和异步介绍
同步
客户端在浏览的时候，服务器在等待，服务器在处理请求的时候，客户端在等待，这是同步的。

用户体验不好。

异步
客户端将请求的地址交个ajax对象，ajax对象去服务器获取数据，ajax 对象获取数据后再将数据交给客户端。

这样，浏览器界面没有跳转，所以用户体验比较好。

创建AJAX对象
AJAX的核心就是javascript的XmlHttpRequest对象
1.1.1主流浏览器创建方法
火狐、google、苹果safari、opera包括IE7以上版本的浏览器
1.1.2ie6、7、8
实例化ActiveXObject对象的参数有：
var request= new ActiveXObject(“Microsoft.XMLHTTP”); //最原始方式var request = new ActiveXObject(“Msxml2.XMLHTTP”); //升级
var request = new ActiveXObject(“Msxml2.XMLHTTP.3.0”); //升级
var request = new ActiveXObject(“Msxml2.XMLHTTP.6.0”); //IE维护的最高版本
1.1.3兼容处理。

黑马程序员：Vue.js快速入门

黑马程序员：Vue.js快速入门Vue.js简介了解Vue.jsVue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。

Vue.js 的目标是通过尽可能简单的API 实现响应的数据绑定和组合的视图组件，它不仅易于上手，还便于与第三方库或既有项目整合.Vue.js安装下载Vue.js:https:///vuejs/vue（我们现在使用的版本是2.5.16）快速入门声明式渲染我们现在做个最简单的小例子，演示如何使用Vue.js实现声明式渲染。

创建Vue_1.html，将Vue.js资料包下的dist目录的vue.min.js拷贝到工程中，并在html页面中引入<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Vue.js的声明式渲染</title><script type="text/javascript"src="js/vue.min.js"></script></head><body><div id="myVue">{{message}}</div></body><script type="text/javascript">var myVue=new Vue({el:"#myVue",data:{message:"Hello World"}});</script></html>分析：{{message}} : 表示view。

new Vue()：表示创建Vue对象，用于连接view和model。

黑马程序员——毕向东JavaScript从入门到精通3

3 4 4 5 5 6 6 7 7 7 7 8 8 9 9 101011 111112 121213141415 20 202021 21 21 212122 222223 23 23 232627JavaScript与Java区别：Javascript与Html结合：1.2.注释javascript错误一般显示在网页状态栏逻辑运算位运算00类型转换：函数中有个局部变量数组arguments，存放传来的参数。

1.2.3.4.typeofrguments。

比如length,还有index方法。

但是数组的push和pop对象是不适用的1. 1.unicode1.1. Dom编程Dhtml1. 1 1. 2 1. 31. 89获取结点可以通过节点层次关系完成，也可以通过document对象完成。

获取事件源对象的两种方式：1.2.dom for java(dom4j)1. 2.3. 4. 5.客户端1. 2. 3. 4. 5.1. 2. 3.同一个关键字所具有的值相互覆盖1.112.3.slide可以使用<a href="#/n/n"形式跳转，跳到第二排第一张为#/1(或者#/1/0)，第二章为#/1/1注意，slide从0开始计数。

没看懂...https:///hakimel/reveal.js#pdf-exportNode.js是一套用来编写高性能网络服务器的JavaScript工具包1.1.5 0 414.monitor(fn)---unmonitor(fn):打开或关闭对一个函数所有调用的日志记录17.1. 2. 3. 4. 5. 6. 7. 8.9.10.11.12.13.14.15.1.2.。

【黑马程序员】javascript之函数详解

【黑马程序员】javascript 之函数详解在javas 中什么是函数？函数的作用，可以写一次代码，然后反复地重用这个代码。

如:我们要完成多组数和的功能。

1 2 3 4 5 6 7 var sum;sum = 3+2;alert(sum);sum=7+8 ;alert(sum);.... //不停重复两行代码如果要实现8组数的和，就需要16行代码，实现的越多，代码行也就越多。

所以我们可以把完成特定功能的代码块放到一个函数里，直接调用这个函数，就省去重复输入大量代码的麻烦。

//====================================================定义函数如何定义一个函数呢？看看下面的格式：1 2 3 4 function 函数名( ){函数体;}function 定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。

我们完成对两个数求和并显示结果的功能。

并给函数起个有意义的名字：“add2”，代码如下：1 2 3 4 <script type="text/javascript">function add2(){sum = 3 + 2;alert(sum);5 6 7 }add2();</script>结果://==================================================== 函数调用函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。

第一种情况:在<script>标签内调用。

1 2 3 4 5 6 7 8 <script type="text/javascript">function add2(){sum = 1 + 1;alert(sum);}add2();//调用函数，直接写函数名。

黑马程序员ui教程：jsjs常用字符串处理

js常用字符串处理函数在前端页面开发中，我们经常会用到大量的字符串拼接相关的操作，在本次技术文章中，通过实际案例列举出了常用的字符串拼接的相关函数，用于复习一下字符串相关的操作；常用的字符串操作的相关函数如下：1、Concat将两个或多个字符的文本组合起来，返回一个新的字符串。

var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"2、indexOf返回字符串中一个子串第一处出现的索引（从左到右搜索）。

如果没有匹配项，返回-1 。

var index1 = a.indexOf("l");//index1 = 2var index2 = a.indexOf("l",3);//index2 = 33、lastIndexOf返回字符串中一个子串最后一处出现的索引（从右到左搜索），如果没有匹配项，返回-1 。

var index1 = lastIndexOf('l');//index1 = 3var index2 = lastIndexOf('l',2)//index2 = 24、match5、检查一个字符串匹配一个正则表达式内容，如果么有匹配返回null。

6、var re = new RegExp(/^\w+$/);var is_alpha1 = a.match(re);//is_alpha1 = "hello"var is_alpha2 = b.match(re);//is_alpha2 = null/5、substring返回字符串的一个子串，传入参数是起始位置和结束位置。

var sub_string1 = a.substring(1);//sub_string1 = "ello"var sub_string2 = a.substring(1,4);//sub_string2 = "ell"6、substr返回字符串的一个子串，传入参数是起始位置和长度var sub_string1 = a.substr(1);//sub_string1 = "ello"var sub_string2 = a.substr(1,4);//sub_string2 = "ello"7、replace用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

【济南中心】PHP课程同步笔记day08：JS介绍(三) 数组：数组对象用来在单独的变量名中存储一系列的值。

我们使用关键词new 来创建数组对象。

下面的代码定义了一个名为myArray 的数组对象：var myArray=new Array()有两种向数组赋值的方法（你可以添加任意多的值，就像你可以定义你需要的任意多的变量一样）。

1:var mycars=new Array()mycars[0]="Saab"mycars[1]="Volvo"mycars[2]="BMW"2:var mycars=new Array("Saab","Volvo","BMW")注意：如果你需要在数组内指定数值或者逻辑值，那么变量类型应该是数值变量或者布尔变量，而不是字符变量。

访问数组通过指定数组名以及索引号码，你可以访问某个特定的元素。

该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

连接数组和字符串：<script type="text/javascript">var a = [1,2,3];document.write(a.concat(4,5));</script>输出：1,2,3,4,5连接两个数组：<script type="text/javascript">var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"var arr2 = new Array(3)arr2[0] = "James"arr2[1] = "Adrew"arr2[2] = "Martin"document.write(arr.concat(arr2))</script>输出：George,John,Thomas,James,Adrew,Martinarr.join() 方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。