黑马程序员技术交流社区

标题: 【石家庄校区】课堂笔记 [打印本页]

---

作者: 6qijichu    时间: 2018-1-23 15:45
标题: 【石家庄校区】课堂笔记

               课堂笔记

           第一天
      HTML 概述：
    标签语言：指的是通过一组标签的形式描述事物的一门语言
   超文本：比普通的文本更强大
     作用：
       是用来制作页面（静态页面）
     在设计网站页面的时候使用html
html的使用：的创建：一个html文件，拓展名
  html
图片标签:<img>
     属性:
          src        :图片的来源.
          width        :图片的宽度.     100px     px代表像素
          height:图片的高度.
          alt        :图片找不到显示的内容.
  图片的引入的路径问题:
     路径：相对路径.
         如果引入的图片和html文件在同一级路径。
                        * 直接写文件名或者./文件名
              <img src="cs10006.jpg" />
              <img src="./cs10006.jpg" />
        如果引入的图片在html文件的上一级路径。
             <img src="../cs10006.jpg" />
         如果引入的图片在html文件的下一级路径。
             <img src="img/cs10006.jpg" />
html的超级链接：
href：链接的路径。
target：打开的方式。
html的表格标签：
<table>
   GET方式和POST方式的区别?
               GET:数据会显示到地址栏中.GET方式提交是有大小的限制.
              POST:数据不会显示到地址栏中.POST方式提交的是没有大小限制.
HTML中表单元素：
<input type=”text”>        :文本框.


name        :表单元素的名称.必须有name属性，然后后台才可以接收数据.
value        :单选按钮的默认值.
checked:单选按钮默认被选中.
<input type=”button”>:普通按钮.没有任何功能的按钮
<input type=”submit”>:提交按钮.


<input type=”reset”>:重置按钮.


<input type=”file”>        :文件上传的表单项.


<input type=”hidden”>:隐藏字段.


<input type=”image”>:图片按钮


<select>:下拉列表.
<textarea>:文本域.


display属性：控制元素的显示方式。
    bock--显示的，none--隐藏的。inline--显示到一行。
                  day02
  css概述：
    指层叠样式表
    外部样式表可以极大提高工作效率使用范围


    多个样式定义可层叠为一
  
  使用范围
  任何网站都会使用去美化页面！！！
css的基本语法通常包含两个部分：选择器和声明
  选择器：属性：属性值；属性：属性值。

1. 元素选择器：div{  }
2.ID选择器：   #div{  }
3.类选择器： .div{  }
   
css 的样式：
背景：
backgroud-image ：把图片设置为背景。
文本：
text-align 对其元素中的文本
line-height 设置行高。
word spacing :设置字间距。


字体：
font-size ：设置字体的尺寸。


css中的定位：
position 属性设置定位
relative 相对定位
absolute ：绝对定位。


伪类：
  a：hover{color blue} 鼠标移动到连接上。
  a：visited { color blue}已访问的链接


    第三天
  js的通常开发步骤：
触发一个函数，定义一个函数。获取事件
  获得操作对象的控制权。
  修改要操作的对象的属性或值。


定义函数：
function 函数名称（）
//函数体
}
window.onload = function（）{
}        
常用事件 onclick, ondblclick,onmouseout, onmouseout, onload......        
js 的引入方式：页面内直接编写js代码，js代码需要使用<script></script>.


获得页面中的元素：
  document.getElementById（“”）；


setInterval(); *setInterval("change()",5000);每隔多少毫秒执行某个表达式.


setTimeout(“change()”,5000);隔多少毫秒执行一个该表达式.
     id选择器
     用法:$(“#id”)
     类选择器
     用法:$(“.类名”)
     元素选择器
     用法:$(“元素名称”)
     通配符选择器
     用法:$(“*”)
     并列选择器
     用法:$(“选择器,选择器,选择器”)
window.onload和$(document).ready(function(){});区别?
         onload页面加载完成后才会执行.执行一次
         ready在页面的DOM树绘制完成就会执行.执行多次.
     JS对象与JQuery对象的转换.
         JS-->JQuery: $(JS的对象)
         JQuery-->JS: JQ对象.get(0), JQ对象[0]
          第五天
     JQuery：
JQuery的概述：是一个轻量级的JavaScript的类库.对JS进行封装.
常见的JS的框架：
     JQuery，ExtJS，DWR，Prototype...
JQuery的使用:
     引入JQuery的JS.
     window.onload和$(document).ready(function(){});区别?
         onload页面加载完成后才会执行.执行一次
         ready在页面的DOM树绘制完成就会执行.执行多次.
     JS对象与JQuery对象的转换.
         JS-->JQuery: $(JS的对象)
         JQuery-->JS: JQ对象.get(0), JQ对象[0]


JQuery的选择器：(*****)
     基本选择器：
         ID选择器，类选择器，元素选择器，通配符选择器，选择器并列.
     层级选择器：
         空格 ,> ,+ ,~
     过滤:
         :first,:last,:eq(),:even,:odd...
     属性选择器:
         [属性名],[属性名=’属性值’]...
    * 表单选择器:
        * :input,:text,:password,:radio...
     可见性:
  
     表单对象属性：
         :checked,:selected,:enable,:disable
* JQuery实现效果:
     show(),hide(),slideDown(),slideUp(),fadeIn(),fadeOut(),animate()
* JQuery样式操作:
     css();
* JQuery属性操作的方法:
     attr(),removeAttr(),prop(),removeProp(),html(),text(),val(),addClass(),removeClass()
* JQuery文档处理:
     append(),appendTo(),insertBefore(),insertAfter(),remove(),clone(),replaceAll()
* JQuery的事件:
     click(),change(),submit(),dblclick(),keyUp(),keyDown()...
     toggler(),hover()        ---进行事件的切换.


  第七天
      数据库的回顾
     关系型数据库：指的是存放的实体之间的关系
     MySQL:免费的小型的数据库，现在被Orcale收购
    crud：增删改查
   mySQL 回顾
  1.2.1.3常用的关系型数据库：
     MySQL                ：免费的小型的数据库,现在被Oracle收购.
     Oracle                ：Oracle公司收费的大型的数据库.
     SQLServer        ：微软公司收费中型的数据库.
     DB2                        ：IBM公司收费的大型的数据库.
     SyBase                ：SyBase公司收费的数据库.已经被淘汰.PowerDesigner数据建模的工具.
     SQLite                ：小型的嵌入式的数据库.
     Java程序中经常使用的数据库
    MySQL
    Oracle
    sql  ：结构化查询语言
  DDL:数据定义语言
     create,alter,drop...
   DML:数据操纵语言
     update,insert,delete
   DCL:数据控制语言
     grant,if..
   DQL:数据查询语言
     select
sql的特点：非过程性语言：一条语句就会有一个运行的结果


数据类型:
Java类型:                                MySQL:
  byte/short/int/long        tinyint/smallint/int/bigint
  String                                        char/varchar
   区别:  char是固定长度的字符串,varchar可变长度的字符串.
        
float                                        float
double                                        double
BigDemal                                decimal
boolean                                bit
Date                                        date/time/datetime/timestamp
         datetime和timestamp都是既有日期又有时间的日期类型
    区别: datetime需要使用外部传入的日期.如果没传这个值就是Null.
          timestamp会使用系统当前的时间作为这个值的默认值.
单表约束：
     主键约束：primary key (默认就是唯一非空的)
     唯一约束：unique
     非空约束：not null
响应式的HTML,CSS,JS的框架.
响应式设计：
     设计一套页面,适配不同的设备,在手机,PAD,PC端都能够正常浏览.
响应式原理：
     使用CSS3的媒体查询,根据屏幕的分辨率匹配不用的样式.
        第八天

   SQL对数据库中表的记录的操作：
     update,insert,delete
     Select ... From ... Where ... Group by ... Having ... Order by ...;
SQL的多表设计：
     一对多：在多的一方创建外键执向一的一方的主键.
     多对多：创建中间表,至少两个字段作为外键执向多对多双方的主键.
     一对一：唯一外键对应,主键对应.
SQL的多表的查询：
     连接查询：
         交叉连接:
        内连接：
             显式内连接：inner join
             隐式内连接：
         外连接
             左外连接：left outer join
             右外连接：right outer join

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2