Shinban
Shinban

黑马程序员_毕向东_JavaScript视频教程--学习笔记

---------------------- android培训、java培训、期待与您交流！ ----------------------

第一节:
    1. Html基本内容
        1.1 Html是超文本标记语言的简写,是最基础的网页语言
        1.2 Html是通过标签来定义的语言,代码都是由标签所组成.
        1.3 Html代码不区分大小写
        1.4 Html代码由开始,由结束.在这之间由头部分和体部分两部份组成
        1.5 头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会最先加载.
        1.6 体部分是真正存放页面数据的地方
    
    2. 
        2.1 多数标签都有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容,这样的标签一
            般都是在标签内部自动结束.比如:
               
换行标签
                图片标签
                组件标签
               

画一条直线

    3. 想要对被标签修饰的内容进行更丰富的操作,就用到了标签的属性,通过修改标签属性的值,增加了更多的效果选择.

    4. 属性与属性值之间用=号连接,属性值一般用""括在内部,也可以不写,但是通用的规范是用".如果在属性值中有'出
        现,则一定要用""来括.

    5. 标签的格式:
        <标签名 属性名=属性值> 数据内容
        <标签名 属性名 />

    6. Html代码操作思想:
        页面中有很多数据,由于要对数据进行样式的加载或者描述,这时候就需要用标签把这些数据封装在一起,标签这时
        候就像容器一样,标签中的属性,就是可以用来改变标签内数据的样式或者显示效果的.

    7. 字体
        7.1 字体标签:
            标签中的color属性,可以用三个十六进制数来表示.比如0xff0000-->表示红色 RGB 
        7.2 标题标签
           

...

            (感觉就是显示加黑加粗的字体...)
        7.3 转义字符
            比如要在网页上显示'<',就要使用 <    因为'<'是html语言的标签开始符号,因此不能在页面上显示

            < ==> <
            > ==>  >
              ==> 空格
            & ==> &
            © ==> ©
            ® ==> ®
            " ==> "
            ™ ==>

    8. Dreamweaver Cs3工具介绍
       

第二节: 
    //练习 6:37
    1.列表
        1.1 列表标签:

: define list
            确定好
后,在内部有
               

               
//带缩进
        1.2 列表中,项目符号对应的标签
           
    数字标签 a A 1 i I
               
      符号标签 空心圆、实心圆、实心方框之类的
                 
    • 具体项目内容标签,此标签只在
          中有效

                      通过type修改标签中的现实标签的具体现实方式
                     

              从iii开始显示

                    1.3 注释方式
                       

                    1.4 练习
                       
                        
                2.

              画一条直线

                3. 图片标签
                    3.1 图片说明文字

                    3.2 图像地图
                        在Dreamweaver中切换到"设计视图"进行设计

                        比如在地图上,点击某个省,就会进入到那个省对应的界面,而这个省是地图中的一部分.

                4. 表格标签:


                    
                    表格、行、单元格(没有列)

                   

            表示表格.. 

                    表示行
                    表示单元格
                    表头标签  就是td设置完 居中属性,再对内容进行加粗后的效果
                    表格标题  会随着表格进行移动的标题

                    和 有个colspan="n",可以合并一行中的列
                                            rowspan="n",可以合并一列中的两行

                    分体标签    当从服务器中读取完整个中的内容后,浏览器就在显示器上显示内容.
                    每个

            中,默认都有一个,也就是说,写一个
            时,默认都会如下的,不管你写不写
                       
                           
                           
                       

                    每个表格可以有一个 表头、一个 表尾和多个 表体

                    border属性: 表格的边框长度
                    cellpadding属性:单元格中的内容和边框的距离...内边距
                    cellspacing属性:单元格之间的距离
                    width="70%"浏览器大小的70%

                    表格用于格式化数据

                5. 超链接
                    新浪网站//在新建窗口打开连接
                        当在浏览器中,点击"新浪网站"链接后,浏览器的执行流程如下:
                            首先获取href中的链接的协议信息:http
                            因为是http协议,所以开始找本地的hosts文件
                            在host协议中,如果没有www.sina.com.cn对应的ip地址,
                                就回去DNS服务器,寻找对应的ip地址
                            从dns服务器返回ip地址后,再和新浪的服务器开始通信.

                    联系我们
                        当在浏览器中,点击"联系我们"后,浏览器发现是mailto协议
                            因此会调用邮件管理程序,创建一封邮件
                            收件人是: [email protected]
                            抄送至:   [email protected]
                            主题是:   haha

                    唐山大地震下载地址
                        点击后会启动迅雷,然后下载对应连接中的内容.

                    //带有超级连接的图片超级链接


                    有一个常见问题列表,当点击一个问题时,当前页面下滑到指定的内容.当前页面并没有刷新或者跳转.
                    顶部//定义标记,专业一点叫"锚"
                    新浪网站
                    .
                    .
                    .
                    回到顶部//注意#的标识符

             


            第三节:
                //练习
                1. 表单标签

                    1.1 表单标签是最常用的标签,用于与服务器端的交互
                        :输入标签
                            type=:
                                text 文本框
                                password 密码框
                                //radio要把多个选项全部列在一个组中,通过name=""属性来标示所属的组..
                                //且同一个组中的radio,只能有一个被选中,a被选中,bcd就不能被选
                                radio 单选框 
                                checkbox 复选框
                                file 上传文件
                                //hidden不是很了解,毕老师说hidden的value,是通过页面计算出来的
                                //
                                hidden 隐藏属性
                                button 按钮
                                image//我没记住的  这会在页面显示一个图片,点击这个图片,和submit是一样的功能

                                submit 提交按钮//一个按钮,复位输入框中内容的同时,向服务器发送数据
                                reset 复位按钮

                        输入框中,有name属性的内容,会被发送到服务端,服务端也可以通过这个name来获得数据

                        保单中最好都加入name 和 value

                    1.2 下拉菜单:
                       

                    1.3   文本区域

                    1.4 练习: 17:52 写一个表单
                        finished..见FromDemo.html

                    1.5 Get提交和Post提交的区别
                        
                        get        会将提交的内容显示在浏览器地址栏
                        post    不会将提交的内容显示在浏览器地址栏

                        get        提交的数据的大小会受地址栏的限制
                        post    提交的数据不会受地址栏限制

                        get        提交敏感数据时不安全
                        post    提交敏感数据时更安全

                        get        提交的数据会封装在请求行,也就是http消息头之前//出现编写时error,自己没能记不住
                        post    提交的数据封装在数据体中,也就是http消息头之后

                        对服务端而言:
                            表单提交尽量用post,因为涉及编码问题
                            对于post提交的中文,在服务端可以直接使用setCharacterEncoding("gbk")就可以解决
                            对于get提交的中文,在tomcat服务端就只能使用ISO8859-1将数据编码一次,再通过制定的编码
                            表,如GBK解码

                            使用表单的组件,不一定要定义form标签..比如button按钮,点击按钮后弹出一个对话框,并不需
                            要和服务器通信..主要是有一个action动作,可以将数据发送到服务器.

                    1.6 用超链接,也可以和服务器通信
                        提交数据

                        直接在浏览器输入:http://192.168.1.100:10000?user=zs&psw=123&repsw=1234&sex=nan&country=jp,也可以

                        因此,既然用户可以跳过客户端完成和服务器的通信,所以,在服务端和客户端两端,都要对用户输入
                        的信息进行校验...否则,假设用户自己使用超链接的方式往服务器发送数据,服务器又不进行判断,
                        则数据库里会出现异常的数据...

                        客户端的校验是为了提高用户体验.

            第四节: 
                1. Label标签
                    用于给各个元素定义快捷键

                    for属性:for="标签的ID"
                    accesskey属性:accesskey="快捷键的名称:如U--u键"//按下alt+u会跳到当前标签

                2. 

            标签
                     让所有的数据原样的表现在页面上
                 
                 3. 
            标签
                     让数据按照段落的形式表现在页面上,会在尾巴添加一个空行
             
  
                 4. 加粗 加粗
                     斜体
                     下划线
                     2下标2,二氧化碳的2...
                     2上标2,x平方的2
             
  
                 5. 标签
                     direction属性:left,从右往左飞
             
  
                 6. 头标签:头标签都放在之间
                     标签 <base>标签 <meta>标签 <link>标签</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         <base href="c:\abc\" />//添加了这句后,如果在c:\abc\没有请求的页面时,就会报错</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         <meta name="keyword" content="关键字" />//以前的百度和谷歌是收录meta里,名为keyword的content内容<br>         <meta http-equiv="refresh" content="3,url=http://sina.com.cn" />//加入该句的<head>所在页面,会在<br>             该页出现3秒后跳转到新浪页面</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         <link rel="stylesheet" href="1.css" media="print" /> //将1.css中的内容效果显示在打印机上<br>         <link rel="stylesheet" href="1.css" media="print, screen" /> //将1.css中的内容效果显示在打印机和屏幕上</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     7. xhtml xml<br>         <html xmlns="http://www.w3.org/1999/xhtml"> xmlns:ns代表namespace<br>         这样如果自定义了<html>标签,如果没有添加xml命名空间的话,就会造成html混乱<br>         如果添加了xml命名空间后,网页就能区分到底是那个<html></p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         <table xmlns="http://www.huyouni.com/mytable"></p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         html的标签是固定的,而xml可以对标签进行自定义,xml只对数据进行描述</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"> 第五节: JavaScript视频教程_Html回顾</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"> 第六节: JavaScript视频教程_Html回顾02<br>     1. <a href="http://www.sina.com.cn" target="_blank" title="这跟新闻奖的是一段非常长的文章讲述了非常长的单词的由来并可以通过鼠标悬浮在链接上不点击的方式得以显示."</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"> 第七节: JavaScript视频教程_CSS回顾<br>     1. CSS层叠样式表<br>         将网页中的样式分离出来,完全由CSS来控制<br>         增强样式的复用性及可扩展性.<br>         格式:<br>             <style type="text/css"><br>                 选择器<br>                 {<br>                     属性名:属性值;<br>                     属性名:属性值;<br>                 }<br>             </style></p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     2. CSS和HTML代码相结合的四种方式<br>         2.1 每一个HTML标签都有一个style属性</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         2.2 当页面有多个标签具有相同样式时,可以进行复用<br>             <style><br>                 css代码<br>             </sytle></p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         2.3 当有多个页面中的标签的样式相同时,还可以将标签样式单独封装成一个.css文件<br>             通过在每个页面中定义</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             <style><br>                 @import url(1.css) ;<br>             </style><br>         2.4 通过html中head标签中link标签链接一个css文件<br>             <link rel="stylesheet" href="1.css" media="print, screen" /></p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         第三种方式和第四种方式的区别:<br>             第三种用的是css代码,第四种用的是html代码</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             技巧:<br>             为了提高相同样式的复用性以及可扩展性,可以将多个标签样式进行单独定义,并封装成css文件<br>             p.css div.css...<br>             在一个css文件中使用css的import将多个标签样式文件导入<br>             然后在html页面上,使用<link>标签,将这个总的css文件导入</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             1.css<br>             @import url("p.css") ;<br>             @import url("div.css") ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             <link rel="stylesheet" href="1.css" media="print, screen" /><br>     3. 选择器:其实就是样式要作用的标签容器<br>         当样式分离后,html作用在于用标签封装数据,然后将css加载到指定标签上.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     4. 选择器的基本分类<br>         4.1 标签选择器<br>             其实就是HTML语言中的每一个标签名<br>         4.2 类选择器<br>             其实就是每一个标签中的class属性...但是类选择器的表示方式比较特别<br>             使用.a{}来表示<br>             只用来给css所使用,可以对不同标签进行相同样式设定<br>         4.3 ID选择器<br>             其实就是每一个标签的ID属性,但是要保证ID唯一性,用#来标识<br>             ID不仅可以被CSS所使用,还可以被javaScript所使用</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     5. 选择器的优先级:<br>         ID > CLASS > 标签</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         扩展选择器:<br>             5.1 关联选择器:<br>                 <br>                 其实就是对标签中的标签进行样式定义. 也就是 "选择器 选择器{}"<br>                 比如:DIV中的<b>标签... "DIV选择器 <b>选择器{}"<br>                 <style type=""><br>                 div b<br>                 {<br>                 }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 .z<br>                 {<br>                 }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 .z b<br>                 {<br>                 }<br>                 </style></p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             5.2 组合选择器:<br>                 <br>                 对多个组合器进行相同进行相同样式定义..将多个选择器用","隔开的形式</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 .z,p b   //<!对.z选择器,p选择器中的b元素进行限定><br>                 {<br>                 }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             5.3 伪元素选择器:其实就是元素的一种状态.<br>                 a:link:        超链被点击之前<br>                 a:visited    超链被点击之后<br>                 a:hover        鼠标悬停在超链之上时<br>                 a:active    鼠标点击下去时</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 如果四个状态都定义了,则有一个顺序:<br>                     L V H A</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 p:first-letter    <br>                 p:first-line    <br>                 :focus            很遗憾,IE6不支持.但是FF支持</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     6. CSS滤镜:其实通过一些代码完成丰富了样式</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         当使用到CSS的更多属性时,还需要查阅CSS的API</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         现在做网页设计时,使用DIV+CSS<br>         div: 行级区域<br>         span:块级区域<br>         p: 行级区域..P中不要嵌套div</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"> 第八节: javaScript<br>     1. JavaScript概述<br>         JavaScript是基于对象和事件的脚本语言(事件驱动)</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         JavaScript特点:<br>             1.1 安全性(不允许直接访问本地硬盘),它可以做的就是信息的动态交互<br>             1.2 跨平台性(只要是可以解释Js的浏览器都可以执行,和平台无关)</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         JavaScript运行在客户端<br>     <br>     2. JavaScript与Java的不同<br>         2.1 JS是NetScape公司的铲平,Java是Sun公司的产品<br>         2.2 Js是基于对象的,而Java是面向对象的<br>         2.3 Js只需要被浏览器中的Java引擎就可以解释执行,Java需要先编译成字节码文件,再执行<br>         2.4 Js是弱类型语言,而Java是强类型的..<br>             比如,在Js中,var value ;定义一个value变量,<br>             value=3;//ok<br>             value="abc";//没问题!<br>             也就是说,Js中,一个变量可以存储任意类型的数据。</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     3. JavaScript与Html的结合方式<br>         要想将JS代码融入到Html中,都是以标签的形式.<br>         3.1 JS代码存在在标签对<script>...</script>中</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         3.2 使用script标签的src属性,可以引入一个js文件.(方便后期维护,扩展)<br>             例如:<br>                 <script type="text/javascript" src="arrayTool.js"></script><br>             注: 规范中,script标签中必须加入type属性</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     4. 变量的定义:使用var关键字<br>         var value ;//定义一个变量,名称为value<br>         <br>         value=3 ;<br>         value="abc";<br>         value='aaa' ;//ok的</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         value y ;//此时y的值为undefined</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         value=3250 ;<br>         value=3250/1000*1000 ;结果为3250</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     5. JavaScript的语句</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         if语句:<br>             var x = 3 ;<br>             if (x == 3)<br>                 "yes"//输出<br>             else<br>                 "no" ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             if (x = 3)<br>                 "yes"//输出</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             if (x = 0)//if的判断条件,如果表达式值为0,则为假<br>                 "yes"<br>             else<br>                 "no"//输出</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             if (null)//表达式,值为null,则为假<br>                 "yes"<br>             else<br>                 "no"//输出</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             if ("abc")<br>                 "yes"//输出</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             所以一般写成<br>             if (3 == x)<br>                 "yes"</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             如果写成if (3 = x) ;在浏览器页面左下角,就会出现错误提示.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         在JavaScript链接表达式或者布尔表达式时,要使用&&或者||</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         alert(true+1)//输出2</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         switch语句:<br>             var x = 3 ;<br>             switch(x)<br>             {<br>             case "abc" ;<br>                 ....<br>                 break ;<br>             case "aa" ;<br>                 ...<br>                 break ;<br>             default:<br>                 ...<br>                 break ;<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         JavaScript的switch语句和Java的swtich语句的区别在于:<br>             java只支持四种基本数据.而JavaScript因为没有类型的概念<br>             所以都可以</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         while和do..while语句以及fors<br>             do..while语句,不论如何,都会执行一次</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         for (int x = 0 ; x < 3 ; x++)//error....定义变量用var...<br>         {<br>         }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         /*<br>         var sum = 0 ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         for (var i = 0 ; i < 10 ; i++)<br>         {<br>             sum += i ;<br>         }<br>         alert(sum) ;//输出55<br>         */</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         /*<br>         var sum = "" ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         for (var i = 1 ; i <= 3 ; i++)<br>         {<br>             if (i != 4)<br>                 sum += "x = " + x + ", " ;<br>             else<br>                 sum += "x = " + x ;<br>         }<br>         alert(sum) ;//输出x = 1, x = 2, x = 3</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         document.write("<font color = "red" size = "7">" + sum + "</font>") ;<br>         */</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         //练习: 写一个99乘法表(擦肩99Chengfabiao.html文件)</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     6. 数组<br>         var arr = ["abc", 2, true, 6, 8, 1] ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         arr[7] = "over" ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         for (var i = 0 ; i < arr.length ; i++)<br>         {<br>             //Ok,成功输出<br>             //在输出1之后,会输出undefined,然后再输出"over"<br>             //因为在javaScript中,数组就是一个容器,是可变长度的.<br>             //当index扩展到7时,由于6index没有指定数据,所以变成undefined<br>             alert(arr[i]) ;<br>         }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         var arrNull = new Array() ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         建议在使用数组时,往数组中存放相同的数据类型.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         /*<br>             对数组进行排序,请参见99Chengfabiao.html<br>         */</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         定义二维数组:<br>             var arr = [[3, 1, 6], [2, 3, 4]] ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"> <br>     7.函数<br>         使用function关键字来定义</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         function show()<br>         {<br>             alert("show run") ;<br>         }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         show() ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         定义在函数外部的叫做JavaScript全局变量</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         function show1(x, y)<br>         {<br>             alert(x + "," + y) ;<br>         }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         show1(3, 5) ;//输出3,5<br>         show1(3) ;//输出3,undefined</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         show(1, 3, 5, 5,2) ;//输出show run<br>         //show函数内部有个arguments数组,接受了所有的参数.<br>         //alert(arguments.length) 输出5</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         var x = show() ;<br>         alert(x) ;//会把show中的所有源代码都打印</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  </p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         动态函数:<br>             var show = new Function("x", "y", "var sum = 0 ; sum = x + y ; return sum ;")<br>             alert(show(3, 7)) ;输出10</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         匿名函数:</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             var show = function()<br>             {<br>                 .<br>                 .<br>                 .<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             //匿名函数往往作为事件驱动的事件处理行为出现<br>             window.onload = function()<br>             {}</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             函数在使用时要注意的部分:<br>                 function show()<br>                 {<br>                     return "show run" ;<br>                 }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 var method = show ;<br>                 var method = show() ;<br>                 两句代码都是正确的<br>                 第一句表示的是将show指向的对象的地址值赋给method.那么method也指向了该对象.<br>                     也就是method(),也返回"show run" ;<br>                 第二句表示的是show方法运行后的结果复制给method变量. method就等于"show run"</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     8. 对象<br>         8.1 对数据的封装,使用函数完成<br>             function Person()<br>             {<br>                 alert("Person Init") ;<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             var p = new Person() ;//跳出 Person Init对话框</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             p.name = "zhangshan" ;<br>             p.age = 30 ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             p.chifan = function()<br>             {<br>                 alert("chifan") ;<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             p.chifan() ;//跳出 chifan</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             /*<br>             可将Person对象修改为:<br>                 function Person(name, age)<br>                 {<br>                     this.name = name ;<br>                     this.age = age ;<br>                 }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 p = new Person("zhangshan", 30) ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 alert(p["name"] + "..." + p.age) ;//输出 zhangshan...30<br>             */</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             /*<br>             可以将 functon Person()的内容放到另一个person.js文件中侯哥.<br>             并且在person.js中定义一个p. var p = new Person("zhangshan", 30) ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             p.getName = function()<br>             {<br>                 return name ; <br>             }<br>             通过<script type="" src="person.js"></script></p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             alert(p["name"] + "..." + p.age) ;//zhangshan...30</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             p = new Person("lisi---", 22) ;<br>             alert(p["name"] + "..." + p.age) ;//输出 lisi---...22<br>             p.getName() ;//报错<br>             */</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         8.2 With 语句</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             var p = new Person("zhaoliu---", 30) ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             with(p)<br>             {<br>                 alert(p["name"] + "..." + age) ;//在with语句内,不需要写对象名<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         8.3 for...in语句<br>             <br>             var p = new Person("wangwu------", 22) ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             //for (var s : p).....不是冒号,是in...<br>             for (var s in p)<br>             {<br>                 alert(s + " : " + p.s) ;//输出name:undefined<br>                                         //age:undefined<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             //for (var s : p)<br>             for (var s in p)<br>             {<br>                 alert(s + " : " + p[s]) ;//输出name:wangwu age:22<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             var arr = [2, 1, 6, 3] ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">              //for (var s : arr)<br>             for (var s in arr)<br>             {<br>                 alert(s) ;//s是arr的index角标<br>                 alert(arr[s]) ;//输出arr对应s角标的值<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     9. JavaScript手册,看JavaScript为我们已经提供的对象.<br>         8.1 Object对象<br>             obj = new Object() ;<br>             obj.name = "";<br>             obj.age = ;//ok的</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         8.2 String对象<br>             var s = new String("") ;<br>             var s1 = "" ;//ok</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             str.charAt(index) ;//返回index角标的字符<br>             str.bold() ;//返回一个带<b>标签的字符串<br>             str.fontColor(colorVal) ;//返回一个带font+color标签的字符串</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             str.link(url) ;//str.link("http://www.huyouni.com") ;<br>                         //返回一个"<a href='http://www.huyouni.com'>"+str+"</a>"</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             str.substring(start, end) ;<br>             str.substr(start, length) ;//如果从start的index开始,没有length长度的字符个数,就截取剩余的所有字符<br>                                         //且length是可以不传的</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         8.3 Math对象</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             for (var i = 0 ; i < 10 ; i++)<br>             {<br>                 var d = Math.random() * 10 + 1 ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 document.write(d + "<br />") ;//输出的值不是单个字符的<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             在Global对象中,有一个parseInt(numString, [radix])方法</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             parseInt("abc") ; //返回NaN<br>             parseInt("12abc") ;//返回12  一般用正则去判断是不是全数字再使用</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             var num = parseInt("110", 2) ;<br>             alert(num) ;//输出6</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             var x = 6 ;<br>             alert(x.toString(2)) ;//输出110</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             for (var i = 0 ; i < 10 ; i++)<br>             {<br>                 var d = parseInt(Math.random() * 10 + 1) ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 document.write(d + "<br />") ;<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             var num = parseInt("110", 2) ;//num为6<br>             var num1 = pareseInt("1a", 16) ;//num为26</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             var num2 = 6.toString(10) ;//error,不能用6.toString() ;<br>             var x = 6 ;<br>             var num3 = x.toString(2) ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         8.4 Date对象<br>             <br>             var d = new Date() ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             with(d)<br>             {<br>                 var month = d.getMonth() + 1 ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 month = (month > 9)?month:"0" + month ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 alert(getYear() + "年" + month + "月" + getDate() + "日 星期" + getDay()) ;<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         8.5 prototype属性<br>             <br>             function getMax()<br>             {<br>                 var max = this[0] ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 for (var i = 0 ; i < this.length ; i++)<br>                 {<br>                     if (max < this[i])<br>                     {<br>                         var temp = this[i] ;<br>                         this[i] = max ;<br>                         max = this[i] ;<br>                     }<br>                 }<br>             }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             Array.prototype.getZuiDa = getMax ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             var arr = [3, 2, 1, 6, 5] ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             alert(arr.getZuiDa()) ;//输出6</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"> 第十一节:  Dom编程<br>     1. DOM: document object model 文档对象模型<br>         为了方便操作标记型文档,就将标记型文档的所有标签封装成对象. 而封装的动作就是由DOM完成的</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         标记型文档本身就是一个对象,再将文档里的标签本身都封装成对象,这就是文档对象模型所做的事.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         为什么要这么做呢?<br>         如果把文档中的标签封装成对象后,就可以在对象中定义很多属性和行为,这样就可以由用户动态的<br>         添加和删除一些标签..并可以结合CSS完成一些效果.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         DOM共有3层模型:<br>             DOM1: 将HTML文档封装成对象<br>             DOM2: 将XML文档封装成对象<br>             DOM3: 将XML文档封装成对象</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         DOM将文档封装成对象后,就会在内存中出现一个DOM树..<br>             Window<br>             Document<br>             Html<br>                 |--head<br>                     |--title<br>                     |--meta<br>                     |--link<br>                     |--base<br>                     |style<br>                     |script<br>                 |--body<br>                     |--table<br>                         |--tr<br>                             |--td<br>                             |--th<br>                     |--form<br>                         |--input<br>                         |--select<br>                         |--<br>                     |--div<br>                     |--a<br>         当获得到DOM树时,就可以在树上添加新的节点,还可以修改节点对象的属性值.以完成页面的动态显示.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         DHTML: 动态HTML...这是多种技术的综合体<br>             html css dom javascript<br>             html: 将数据进行封装<br>             css:  负责标签中数据的样式<br>             dom:  将标签封装成对象<br>             javascript: 将三个进行融合,通过程序设计方式来完成效果的操作</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         在动态的基础上,添加xmlHttpRequest --形成了--> AJAX(多项技术的融合体,独立语言javascript)<br>         AJAX让前台展现出现里程碑的进步<br>         AJAX没有一项新的技术,只是之前技术的融合</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"> <br> 第十二节: JavaScript回顾<br>     1. JavaScript中已定义好的一些对象<br>         这些对象都有一个属性叫做prototype原型.<br>         prototype可以获取指定的对象引用<br>         可以通过该引用给已有的对象赋予一些新的功能</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         那么在使用该对象时,就可以直接调用定义好的功能</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         function getMax()<br>         {<br>             .<br>             .<br>             .<br>         }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         var arr[1, 4, 2] ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         Array.prototype.getMax = getMax ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         alert(arr.getMax()) ;//输出4 如果没有之前Array.prototype.getMax = getMax ;<br>                             //则arr中没有getMax()这个功能</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     2. JavaScript需要被浏览器所解释执行,就必须要结合HTML代码执行<br>         结合的方式是怎么样的呢?<br>             2.1 通过定义<script>标签将js代码存入其中,并制定type属性.方便浏览器识别并启动制定的解析引擎<br>             2.2 通过<script>标签,使用src属性制定链接一个js文件进来</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"> 第十三节: DOM详解<br>     1. DOM Document Object Model<br>         其实就是将一些标记型文档以及文档中的内容当成对象..把这些对象链接起来并建立联系,就形成了模型.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         为什么要将这些文档以及其中的标签封装成对象呢?<br>             因为可以在对象中定义其属性和行为,可以方便操纵这些对象.<br>             <input type=""/> type就是一属性.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         DOM在封装标记型文档时,有三层模型<br>         DOM1: 针对HTML文档<br>         DOM2: 针对XML文档<br>         DOM3: 针对XML文档</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         DHTML: <br>             1.1 HTML XHTML XML 这些都是标记型文档<br>                 DHTML: 是多个技术的综合体,叫做动态HTML<br>             1.2 html:负责将数据进行标签的封装<br>                 css:负责标签的样式<br>                 dom:负责将标签以及标签中的数据封装成对象<br>                 javascript:负责通过程序设计方式来操作这些对象<br>     2. 标签之间存在层次关系<br>         html<br>             |--head<br>                 |--title<br>                 |--base<br>                 |--meta<br>                 |--link<br>                 |--script<br>                 |--style<br>             |-body<br>                 |--div<br>                 |--form<br>                     |--input<br>                     |--select<br>                 |--span<br>                 |--a<br>                 |--table<br>                     |--tbody<br>                         |--tr<br>                             |--td<br>                             |--th<br>                 |--dl<br>                     |--dt<br>                     |--dd</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         通过上面这个标签层次,可以形象的看成是一个树形结构.<br>         那么我们也称标记型文档,加载进内存的是一棵DOM树<br>         所有的标签以及标签内的数据,都是这棵树上的节点.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         当标记型文档加载进内存,那么内存中就有了一个对应的DOM树.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         DOM对于标记型文档的解析有一个弊端就是文档过大,相对消耗资源<br>             如果DOM树非常大的话,就会暂用非常多的内存...因为DOM会将整个HTML页面作为文档生成DOM树<br>         <br>         对于大型文档可以使用SAX这种解析方式</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         XML文档学习的就是解析方式,如何将文档中的数据获取出来.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     3. 节点类型:<br>         标签行节点: 类型 1<br>         文本型节点: 类型 3</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         节点的关系:<br>         父节点<br>         子节点<br>         兄弟节点<br>             上一个兄弟节点 previousSibling<br>                 //如果该节点标签之上有个空行,则会返回一个text节点,节点的value为" "<br>                 var priviousBrother = node.previousSibling ;<br>             下一个兄弟节点 nextSibling<br>     4. 获取父节点<br>         var parent = node.parentNode ;<br>         var childs = node.childNodes ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         文本节点是有VALUE值的</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     6. <br>         获取节点可以通过节点层次关系来完成</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         也可以通过document对象来完成<br>                 getElementById() ;//如果有多个ID相同的标签,返回的是第一个ID所对应的标签对象<br>                                     //尽量保证ID唯一性,返回的是一个对象<br>                 getElementsByTagName();<br>                                 //通过标签的name属性值获取对象.返回的是一堆对象.其实是一个对象数组<br>                                 //比如radio...或者checkbox...里面多个标签对象,对应的name都是相同的.<br>                 getElementsByName() ;<br>                                 //既没有ID,也没有name时,可以通过标签名来获取节点对象<br>                                 //返回的其实是一堆对象,其实是一个对象数组<br>                                 //大多容器性标签都具备该方法<br>                                 //如div就有</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         document.all ;//获取document中所有标签对象的数组<br>                         //文本,节点间的空白文本不拿<br>         document.all(7) ;//获取all中的第七个</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     7. 按照节点的层次关系,打印节点信息<br>         参见NodeList.html文档</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     8. 获取指定标签下的所有属性<br>         var objDiv = getElementById("divId") <br>         var atts = objDiv.attributes ;//获取指定div里所有的属性</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">     9. window<br>         9.1 在浏览器中有菜单,地址栏,菜单,这个浏览器的窗体本身就是一个对象.</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         9.2 在划分层次的时候,其实是这样的<br>             window<br>             docuemnt<br>                 |--html<br>                     |--head<br>                     |--body</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         9.3 window代表浏览器中一个打开的窗口</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         9.4 window里的对象<br>             window.navigator对象<br>                 window.navigator.appName<br>                 window.navigator.appVersion</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">             window.location对象<br>                 window.location.href<br>                     alert(location.href) ;//打印地址栏里的地址<br>                     window.location.href="http://sina.com.cn" ;//转到这个url</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">         9.5 window里的方法<br>                 window.confirm("确定你是猪的话,就点确定,否则取消") ;<br>                 window.moveBy(x, y) ;//移动多少<br>                 window.moveTo(x, y) ;//移动到<br>                 window.resizeBy() ;<br>                 window.resizeTo() ;<br>                 var text = window.prompt("我是对话框","你要对我说什么") ;<br>                 window.open(地址, 打开方式, 功能, x) ;<br>                 window.setTimeout("函数功能", 时间/毫秒) ;//多少时间后,执行指定函数内容<br>                 iTimerId = window.setInterval("函数功能", 时间/毫秒) ;//m每隔一段时间执行<br>                 clearInterval(iTimerId) ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 window.onload() = function()<br>                 {<br>                     <br>                 }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 window.onunload() = function()<br>                 {<br>                     关闭浏览器之后执行这里<br>                 }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 window.onbeforeunload() = function()<br>                 {<br>                     点下关闭,在浏览器关闭之前执行这里的函数<br>                 }</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 window.focus() ;//让当前页面变成焦点</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">                 window.event.keyCode ;获取当前输入的ascii码的值<br>                 window.event.returnValue ;<br>                 window.event.srcElement ;</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"> 第十六节: <br>     1. 通过点击实现一个展开闭合效果<br>         overflow的使用<br>         类选择器的比较<br>     2. 获取事件源对象的两种方式<br>         2.1 通过event对象的srcElement属性<br>         2.2 将事件源对象通过this传入</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"> 第十八节: 表格操作</p> 
  <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  ---------------------- android培训、java培训、期待与您交流！ ----------------------<br></p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1290179346270593024"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js"></script>
                    <!-- 文章页-底部 动态广告位 -->
                    <div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
                </div>
                <div class="col-md-3">
                    <div class="row" id="ad">
                        <!-- 文章页-右侧1 动态广告位 -->
                        <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_1"> </div>
                        </div>
                        <!-- 文章页-右侧2 动态广告位 -->
                        <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_2"></div>
                        </div>
                        <!-- 文章页-右侧3 动态广告位 -->
                        <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(黑马程序员_毕向东_JavaScript视频教程--学习笔记)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1835509897106649088.htm"
                           title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a>
                        <span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div>
                    </li>
                    <li><a href="/article/1835507248395284480.htm"
                           title="【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数" target="_blank">【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数</a>
                        <span class="text-muted">广龙宇</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%80%E8%B5%B7%E5%AD%A6Rust/1.htm">一起学Rust</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Rust%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">Rust设计模式</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分</div>
                    </li>
                    <li><a href="/article/1835499615491813376.htm"
                           title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a>
                        <span class="text-muted">彩云飘过</span>

                        <div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div>
                    </li>
                    <li><a href="/article/1835498925755297792.htm"
                           title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
                        <span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
                        <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
                    </li>
                    <li><a href="/article/1835496149843275776.htm"
                           title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
                        <span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
                        <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
                    </li>
                    <li><a href="/article/1835496148601761792.htm"
                           title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
                        <span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
                    </li>
                    <li><a href="/article/1835492740536823808.htm"
                           title="node.js学习" target="_blank">node.js学习</a>
                        <span class="text-muted">小猿L</span>
<a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a>
                        <div>node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行</div>
                    </li>
                    <li><a href="/article/1835463091786182656.htm"
                           title="《吹牛大王历险记》读书随笔" target="_blank">《吹牛大王历险记》读书随笔</a>
                        <span class="text-muted">赵炳森</span>

                        <div>这本书的作者是埃·拉斯伯戈·毕尔格。（没查到相关内容，好像他只写过《吹牛大王历险记》。）最让人百思不得其解的是他居然能自己拉自己的辫子出泥潭？！我觉得自己拉自己的辫子只会把自己的辫子拉断，而不会飞出泥潭。（问:图片中底下的屁股为什么插了一根钢针？）屁股底下居然有根钢针？在泥潭应该是滑滑的吧，可是他怎么能夹紧马肚呢？马肚子应该是在马的下方。还有如果能从泥潭里把连人带马都给拽出来的话，他力气肯定很大，</div>
                    </li>
                    <li><a href="/article/1835460528621842432.htm"
                           title="语文主题教学学习笔记之87" target="_blank">语文主题教学学习笔记之87</a>
                        <span class="text-muted">东哥杂谈</span>

                        <div>“语文主题教学”学习笔记之八十七（0125）今天继续学习小学语文主题教学的实践样态。板块三：教学中体现“书艺”味道。作为四大名著之一的《水浒传》，堪称我国文学宝库之经典。对从《水浒传》中摘选的单元，教师就要了解其原生态，即评书体特点。这也要求教师要了解一些常用的评书行话术语，然后在教学时适时地加入一些，让学生体味其文本中原有的特色。学生也要尽可能地通过朗读的方式，而不单是分析讲解的方式进行学习。细</div>
                    </li>
                    <li><a href="/article/1835448239864770560.htm"
                           title="JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）" target="_blank">JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）</a>
                        <span class="text-muted">跳房子的前端</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/1.htm">前端面试</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
                        <div>在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数</div>
                    </li>
                    <li><a href="/article/1835429927567060992.htm"
                           title="《转介绍方法论》学习笔记" target="_blank">《转介绍方法论》学习笔记</a>
                        <span class="text-muted">小可乐的妈妈</span>

                        <div>一、高效转介绍的流程：价值观---执行----方案一）转介绍发生的背景：1、对象：谁向谁转介绍？全员营销，人人参与。①员工的激励政策、客户的转介绍诱因制作客户画像：a信任；支付能力；意愿度；便利度（根据家长具备四个特征的个数分为四类）B性格分类C职业分类D年龄性别②执行：套路，策略，方法，流程2、诱因：为什么要转介绍？认同信任；多方共赢；传递美好；零风险承诺打动人心，超越期待。选择做教育，就是选择</div>
                    </li>
                    <li><a href="/article/1835429581205630976.htm"
                           title="JAVA学习笔记之23种设计模式学习" target="_blank">JAVA学习笔记之23种设计模式学习</a>
                        <span class="text-muted">victorfreedom</span>
<a class="tag" taget="_blank" href="/search/Java%E6%8A%80%E6%9C%AF/1.htm">Java技术</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E7%94%A8%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">常用设计模式</a>
                        <div>博主最近买了《设计模式》这本书来学习，无奈这本书是以C++语言为基础进行说明，整个学习流程下来效率不是很高，虽然有的设计模式通俗易懂，但感觉还是没有充分的掌握了所有的设计模式。于是博主百度了一番，发现有大神写过了这方面的问题，于是博主迅速拿来学习。一、设计模式的分类总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器</div>
                    </li>
                    <li><a href="/article/1835428948339683328.htm"
                           title="JavaScript `Map` 和 `WeakMap`详细解释" target="_blank">JavaScript `Map` 和 `WeakMap`详细解释</a>
                        <span class="text-muted">跳房子的前端</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%8E%9F%E7%94%9F%E6%96%B9%E6%B3%95/1.htm">原生方法</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键</div>
                    </li>
                    <li><a href="/article/1835419870070665216.htm"
                           title="切换淘宝最新npm镜像源是" target="_blank">切换淘宝最新npm镜像源是</a>
                        <span class="text-muted">hai40587</span>
<a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
                        <div>切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库</div>
                    </li>
                    <li><a href="/article/1835406006264360960.htm"
                           title="新能源汽车 BMS 学习笔记篇—BMS 基本定义及分类" target="_blank">新能源汽车 BMS 学习笔记篇—BMS 基本定义及分类</a>
                        <span class="text-muted">WPG大大通</span>
<a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%B1%BD%E8%BD%A6/1.htm">汽车</a><a class="tag" taget="_blank" href="/search/BMS/1.htm">BMS</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E8%83%BD%E6%BA%90/1.htm">新能源</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E6%B1%A0/1.htm">电池</a>
                        <div>一、BMS定义1、概念：BMS（BatteryManagementSystem）即电池管理系统，其管理对象是二次电池（充电电池或蓄电池），其主要目的是电池的利用率，防止电池出现过度充电和过度放电，可应用于电动汽车、电瓶车、机器人、无人机等图片来源：腾讯网https://new.qq.com《标准普尔警告，电动汽车电池生产面临供应链和地缘政治风险》2、四大功能①感知和测量：检测电池的电压、电流、温度</div>
                    </li>
                    <li><a href="/article/1835383919906746368.htm"
                           title="高性能javascript--算法和流程控制" target="_blank">高性能javascript--算法和流程控制</a>
                        <span class="text-muted">海淀萌狗</span>

                        <div>-for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i</div>
                    </li>
                    <li><a href="/article/1835373236217540608.htm"
                           title="360前端星计划-动画可以这么玩" target="_blank">360前端星计划-动画可以这么玩</a>
                        <span class="text-muted">马小蜗</span>

                        <div>动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能</div>
                    </li>
                    <li><a href="/article/1835362538016043008.htm"
                           title="吴恩达深度学习笔记(30)-正则化的解释" target="_blank">吴恩达深度学习笔记(30)-正则化的解释</a>
                        <span class="text-muted">极客Array</span>

                        <div>正则化（Regularization）深度学习可能存在过拟合问题——高方差，有两个解决方法，一个是正则化，另一个是准备更多的数据，这是非常可靠的方法，但你可能无法时时刻刻准备足够多的训练数据或者获取更多数据的成本很高，但正则化通常有助于避免过拟合或减少你的网络误差。如果你怀疑神经网络过度拟合了数据，即存在高方差问题，那么最先想到的方法可能是正则化，另一个解决高方差的方法就是准备更多数据，这也是非常</div>
                    </li>
                    <li><a href="/article/1835360244646113280.htm"
                           title="JavaScript中秋快乐！" target="_blank">JavaScript中秋快乐！</a>
                        <span class="text-muted">Q_w7742</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
                        <div>我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh</div>
                    </li>
                    <li><a href="/article/1835359727924637696.htm"
                           title="Nginx从入门到实践(三)" target="_blank">Nginx从入门到实践(三)</a>
                        <span class="text-muted">听你讲故事啊</span>

                        <div>动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin</div>
                    </li>
                    <li><a href="/article/1835356591562518528.htm"
                           title="个人学习笔记7-6：动手学深度学习pytorch版-李沐" target="_blank">个人学习笔记7-6：动手学深度学习pytorch版-李沐</a>
                        <span class="text-muted">浪子L</span>
<a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a>
                        <div>#人工智能##深度学习##语义分割##计算机视觉##神经网络#计算机视觉13.11全卷积网络全卷积网络（fullyconvolutionalnetwork，FCN）采用卷积神经网络实现了从图像像素到像素类别的变换。引入l转置卷积（transposedconvolution）实现的，输出的类别预测与输入图像在像素级别上具有一一对应关系：通道维的输出即该位置对应像素的类别预测。13.11.1构造模型下</div>
                    </li>
                    <li><a href="/article/1835354700392787968.htm"
                           title="Nginx的使用场景：构建高效、可扩展的Web架构" target="_blank">Nginx的使用场景：构建高效、可扩展的Web架构</a>
                        <span class="text-muted">张某布响丸辣</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
                        <div>Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin</div>
                    </li>
                    <li><a href="/article/1835354447627251712.htm"
                           title="前端知识点" target="_blank">前端知识点</a>
                        <span class="text-muted">ZhangTao_zata</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div>
                    </li>
                    <li><a href="/article/1835331376895848448.htm"
                           title="【JS】前端文件读取FileReader操作总结" target="_blank">【JS】前端文件读取FileReader操作总结</a>
                        <span class="text-muted">程序员-张师傅</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi</div>
                    </li>
                    <li><a href="/article/1835302697079762944.htm"
                           title="golang学习笔记--MPG模型" target="_blank">golang学习笔记--MPG模型</a>
                        <span class="text-muted">xxzed</span>
<a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">学习笔记</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a>
                        <div>MPG模式：M（Machine）：操作系统的主线程P（Processor）：协程执行需要的资源（上下文context），可以看作一个局部的调度器，使go代码在一个线程上跑，他是实现从N：1到N：M映射的关键G（Goroutine）：协程，有自己的栈。包含指令指针（instructionpointer）和其它信息（正在等待的channel等等），用于调度。一个P下面可以有多个G1、当前程序有三个M,</div>
                    </li>
                    <li><a href="/article/1835299364118032384.htm"
                           title="碎片化学习笔记分享" target="_blank">碎片化学习笔记分享</a>
                        <span class="text-muted">剑客写作</span>

                        <div>现在生活节奏很快，学习力成为了我们拥有的最大财富。碎片化学习是最好的。首先，不要太过自信，学会虚心学习，是我们面对现实的好方法，才能够常保新鲜。平时我们要拥有什么工具呢？1.思维导图2.写在印象笔记里3.听书，消燥耳机4.教学输出5.录音笔里面最好的方式就是教学输出法，记忆里最好。当输出时我们集中精力记忆里最好。有人认为缩短睡眠时间来学习，其实最好的方式是保持最好的睡眠，记忆力会更好。剥夺睡眠，会</div>
                    </li>
                    <li><a href="/article/1835298981362626560.htm"
                           title="webstorm报错TypeError: this.cliEngine is not a constructor" target="_blank">webstorm报错TypeError: this.cliEngine is not a constructor</a>
                        <span class="text-muted">Blue_Color</span>

                        <div>点击Details在控制台会显示报错的位置TypeError:this.cliEngineisnotaconstructoratESLintPlugin.invokeESLint(/Applications/RubyMine.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:97:</div>
                    </li>
                    <li><a href="/article/1835296397365178368.htm"
                           title="创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几" target="_blank">创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几</a>
                        <span class="text-muted">uthRaman</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
                        <div>前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=</div>
                    </li>
                    <li><a href="/article/1835293121953492992.htm"
                           title="了解 UNPKG：前端开发者的包管理利器" target="_blank">了解 UNPKG：前端开发者的包管理利器</a>
                        <span class="text-muted">小于负无穷</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
                        <div>在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n</div>
                    </li>
                    <li><a href="/article/1835263005990940672.htm"
                           title="第319章 夏雪的顾虑" target="_blank">第319章 夏雪的顾虑</a>
                        <span class="text-muted">脚本儿</span>

                        <div>“以南向东这群人的性格，肯定会去报仇的，你不会也要跟去吧？”“嗯！”牧原点点头，“昨晚我已经答应杰哥了！”“什么时候？”“可能是春节后吧，具体的时间还没确定！”“你为什么总喜欢掺合这些事啊！”夏雪吼道，“你就不能踏踏实实地学习吗？别忘了，你就是个学生，现在最重要的事情是什么！”“夏雪，我知道你是为了我好！不过有些事情，我是不能不做的！”“我并没有拦着，我只是想提醒你，有些事情太危险了，不适合现在做</div>
                    </li>
                                <li><a href="/article/14.htm"
                                       title="Spring4.1新特性——综述" target="_blank">Spring4.1新特性——综述</a>
                                    <span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a>
                                    <div>目录 
Spring4.1新特性——综述 
Spring4.1新特性——Spring核心部分及其他 
Spring4.1新特性——Spring缓存框架增强 
Spring4.1新特性——异步调用和事件机制的异常处理 
Spring4.1新特性——数据库集成测试脚本初始化 
Spring4.1新特性——Spring MVC增强 
Spring4.1新特性——页面自动化测试框架Spring MVC T</div>
                                </li>
                                <li><a href="/article/141.htm"
                                       title="Schema与数据类型优化" target="_blank">Schema与数据类型优化</a>
                                    <span class="text-muted">annan211</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                                    <div>

目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。
在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出
很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。

选择优化的数据类型
 1 更小的通常更好
   更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，</div>
                                </li>
                                <li><a href="/article/268.htm"
                                       title="第一节 HTML概要学习" target="_blank">第一节 HTML概要学习</a>
                                    <span class="text-muted">chenke</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                                    <div>第一节 HTML概要学习 
 
1. 什么是HTML 
 
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 
 
打开记事本 输入一下内</div>
                                </li>
                                <li><a href="/article/395.htm"
                                       title="MyEclipse里部分习惯的更改" target="_blank">MyEclipse里部分习惯的更改</a>
                                    <span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
                                    <div>继续补充中---------------------- 
 
 
 
1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist--> 
     Activation triggers for java的右侧“.”就可以改变常用的快捷键 
 
选中 Text </div>
                                </li>
                                <li><a href="/article/522.htm"
                                       title="近一个月的面试总结" target="_blank">近一个月的面试总结</a>
                                    <span class="text-muted">cugfy</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
                                    <div>本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 
 
 
前言 
      打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 </div>
                                </li>
                                <li><a href="/article/649.htm"
                                       title="HTML5一个小迷宫游戏" target="_blank">HTML5一个小迷宫游戏</a>
                                    <span class="text-muted">357029540</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
                                    <div>     通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ 
 
<html> 
 <head> 
 <title>创建运行迷宫</title> 
 <script type="text/javascript"</div>
                                </li>
                                <li><a href="/article/776.htm"
                                       title="10步教你上传githib数据" target="_blank">10步教你上传githib数据</a>
                                    <span class="text-muted">张亚雄</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
                                    <div>官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 
操作过程（查看本目录下有哪些文件NO.1）ls 
（跳转到子目录NO.2）cd+空格+目录 
（继续NO.3）ls 
（匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） 
（查看文件</div>
                                </li>
                                <li><a href="/article/903.htm"
                                       title="MongoDB常用操作命令大全" target="_blank">MongoDB常用操作命令大全</a>
                                    <span class="text-muted">adminjun</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E5%91%BD%E4%BB%A4/1.htm">操作命令</a>
                                    <div>成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令   如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。   
一</div>
                                </li>
                                <li><a href="/article/1030.htm"
                                       title="bat调用jar包并传入多个参数" target="_blank">bat调用jar包并传入多个参数</a>
                                    <span class="text-muted">aijuans</span>

                                    <div>下面的主程序是通过eclipse写的： 
1.在Main函数接收bat文件传递的参数（String[] args） 
 如：   String ip =args[0];          String user=args[1];       &nbs</div>
                                </li>
                                <li><a href="/article/1157.htm"
                                       title="Java中对类的主动引用和被动引用" target="_blank">Java中对类的主动引用和被动引用</a>
                                    <span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%BB%E5%8A%A8%E5%BC%95%E7%94%A8/1.htm">主动引用</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E7%B1%BB%E7%9A%84%E5%BC%95%E7%94%A8/1.htm">对类的引用</a><a class="tag" taget="_blank" href="/search/%E8%A2%AB%E5%8A%A8%E5%BC%95%E7%94%A8/1.htm">被动引用</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%88%9D%E5%A7%8B%E5%8C%96/1.htm">类初始化</a>
                                    <div>  
在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne</div>
                                </li>
                                <li><a href="/article/1284.htm"
                                       title="导出数据库 提示 outfile disabled" target="_blank">导出数据库 提示 outfile disabled</a>
                                    <span class="text-muted">BigBird2012</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                                    <div>在windows控制台下，登陆mysql，备份数据库： 
  
mysql>mysqldump -u root -p test test > D:\test.sql 
使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 
注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报</div>
                                </li>
                                <li><a href="/article/1411.htm"
                                       title="Javascript 中的 && 和 ||" target="_blank">Javascript 中的 && 和 ||</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%26%26/1.htm">&&</a><a class="tag" taget="_blank" href="/search/%7C%7C/1.htm">||</a>
                                    <div>        准备两个对象用于下面的讨论 
var alice = {
    name: "alice",
    toString: function () {
        return this.name;
    }
}
var smith = {
    name: "smith",
 </div>
                                </li>
                                <li><a href="/article/1538.htm"
                                       title="[Zookeeper学习笔记之四]Zookeeper Client Library会话重建" target="_blank">[Zookeeper学习笔记之四]Zookeeper Client Library会话重建</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a>
                                    <div>为了说明问题，先来看个简单的示例代码： 
  
package com.tom.zookeeper.book;

import com.tom.Host;
import org.apache.zookeeper.WatchedEvent;
import org.apache.zookeeper.ZooKeeper;
import org.apache.zookeeper.Wat</div>
                                </li>
                                <li><a href="/article/1665.htm"
                                       title="【Scala十一】Scala核心五：case模式匹配" target="_blank">【Scala十一】Scala核心五：case模式匹配</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
                                    <div>package spark.examples.scala.grammars.caseclasses

object CaseClass_Test00 {

  def simpleMatch(arg: Any) = arg match {
    case v: Int => "This is an Int"
    case v: (Int, String)</div>
                                </li>
                                <li><a href="/article/1792.htm"
                                       title="运维的一些面试题" target="_blank">运维的一些面试题</a>
                                    <span class="text-muted">yuxianhua</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
                                    <div>1、Linux挂载Winodws共享文件夹 
  
mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass
或
mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win 
  
 </div>
                                </li>
                                <li><a href="/article/1919.htm"
                                       title="Java lang包-Boolean" target="_blank">Java lang包-Boolean</a>
                                    <span class="text-muted">BrokenDreams</span>
<a class="tag" taget="_blank" href="/search/boolean/1.htm">boolean</a>
                                    <div>         Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 
 

public final class Boolean implements java.io.Serializable,
                                      </div>
                                </li>
                                <li><a href="/article/2046.htm"
                                       title="读《研磨设计模式》-代码笔记-命令模式-Command" target="_blank">读《研磨设计模式》-代码笔记-命令模式-Command</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
                                    <div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 


import java.util.ArrayList;
import java.util.Collection;
import java.util.List;

/**
 * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装</div>
                                </li>
                                <li><a href="/article/2173.htm"
                                       title="matlab下GPU编程笔记" target="_blank">matlab下GPU编程笔记</a>
                                    <span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a>
                                    <div>不多说，直接上代码 
 
gpuDevice   %   查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。
g=gpuDevice(1);    %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU
reset(g)  %也可以清空GPU中数据。

a=1;
a=gpuArray(a);    %将a从CPU移到GPU中
onGP</div>
                                </li>
                                <li><a href="/article/2300.htm"
                                       title="SVN安装过程" target="_blank">SVN安装过程</a>
                                    <span class="text-muted">crabdave</span>
<a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a>
                                    <div>SVN安装过程 
  
subversion-1.6.12 
  
./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/</div>
                                </li>
                                <li><a href="/article/2427.htm"
                                       title="sql　行列转换" target="_blank">sql　行列转换</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E5%88%97%E8%BD%AC%E6%8D%A2/1.htm">行列转换</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E8%BD%AC%E5%88%97/1.htm">行转列</a><a class="tag" taget="_blank" href="/search/%E5%88%97%E8%BD%AC%E8%A1%8C/1.htm">列转行</a>
                                    <div>行转列的思想是通过case when 来实现 
列转行的思想是通过union all 来实现 
 
下面具体例子： 
 
假设有张学生成绩表(tb)如下: 
Name Subject Result 
张三 语文　　74 
张三 数学　　83 
张三 物理　　93 
李四 语文　　74 
李四 数学　　84 
李四 物理　　94 
*/ 
/* 
想变成 
姓名   &</div>
                                </li>
                                <li><a href="/article/2554.htm"
                                       title="MySQL--主从配置" target="_blank">MySQL--主从配置</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                                    <div>   linux下的mysql主从配置：   说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低，   Master的版本肯定不能高于Slave版本。（版本向下兼容）   
   mysql1  : 192.168.100.1    //master   mysq</div>
                                </li>
                                <li><a href="/article/2681.htm"
                                       title="关于yii 数据库添加新字段之后model类的修改" target="_blank">关于yii 数据库添加新字段之后model类的修改</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Model/1.htm">Model</a>
                                    <div>rules: 
array('新字段','safe','on'=>'search') 
1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 
2、array('新字段', 'numerical'),//如果是数字的话 
3、array('新字段', 'length', 'max'=>100),//如果是文本 
1、2、3适当的最少要加一条，新字段才会被</div>
                                </li>
                                <li><a href="/article/2808.htm"
                                       title="sublime text3 中文乱码解决" target="_blank">sublime text3 中文乱码解决</a>
                                    <span class="text-muted">dyy_gusi</span>
<a class="tag" taget="_blank" href="/search/Sublime+Text/1.htm">Sublime Text</a>
                                    <div>sublime text3中文乱码解决 
原因：缺少转换为UTF-8的插件 
目的：安装ConvertToUTF8插件包 
第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： 
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927</div>
                                </li>
                                <li><a href="/article/2935.htm"
                                       title="概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM" target="_blank">概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM</a>
                                    <span class="text-muted">geeksun</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
                                    <div>CGI 
CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 
CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI 
FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不</div>
                                </li>
                                <li><a href="/article/3062.htm"
                                       title="Git push 报错 "error: failed to push some refs to " 解决" target="_blank">Git push 报错 "error: failed to push some refs to " 解决</a>
                                    <span class="text-muted">hongtoushizi</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
                                    <div>Git push 报错 "error: failed to push some refs to " . 
此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 
由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 
解决方案： 
1： git pull    
2：</div>
                                </li>
                                <li><a href="/article/3189.htm"
                                       title="第四章 Lua模块开发" target="_blank">第四章 Lua模块开发</a>
                                    <span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a>
                                    <div>在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初</div>
                                </li>
                                <li><a href="/article/3316.htm"
                                       title="java.lang.reflect.Proxy" target="_blank">java.lang.reflect.Proxy</a>
                                    <span class="text-muted">liyonghui160com</span>

                                    <div>  
1.简介 
  
Proxy 提供用于创建动态代理类和实例的静态方法 
（1）动态代理类的属性 
 
 代理类是公共的、最终的，而不是抽象的 
 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 
 代理类扩展 java.lang.reflect.Proxy  
 代理类会按同一顺序准确地实现其创建时指定的接口</div>
                                </li>
                                <li><a href="/article/3443.htm"
                                       title="Java中getResourceAsStream的用法" target="_blank">Java中getResourceAsStream的用法</a>
                                    <span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。   　　2. Class.getClassLoader.get</div>
                                </li>
                                <li><a href="/article/3570.htm"
                                       title="spring 包官方下载地址（非maven）" target="_blank">spring 包官方下载地址（非maven）</a>
                                    <span class="text-muted">sinnk</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
                                    <div>SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径: 
  
 http://repo.springsource.org/libs-release-local/org/springframework/spring/ 
  
s</div>
                                </li>
                                <li><a href="/article/3697.htm"
                                       title="Oracle学习笔记(7) 开发PLSQL子程序和包" target="_blank">Oracle学习笔记(7) 开发PLSQL子程序和包</a>
                                    <span class="text-muted">vipbooks</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a>
                                    <div>    哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！ 
     这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！ 
    编程时使用的工具是PLSQL</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类：</strong>
            <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
                href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
                href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
                href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
                href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
                href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
                href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
                href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
                href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
        </div>
    </div>
</div>
<footer id="footer" class="mb30 mt30">
    <div class="container">
        <div class="footBglm">
            <a target="_blank" href="/">首页</a> -
            <a target="_blank" href="/custom/about.htm">关于我们</a> -
            <a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
            <a target="_blank" href="/sitemap.txt">Sitemap</a> -
            <a target="_blank" href="/custom/delete.htm">侵权投诉</a>
        </div>
        <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!--            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
        </div>
    </div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>





</body>

</html><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>