4.29 css,js,mysql本周学习简单总结

CSS

1.css有三种样式书写

1>每个html标签中有style属性

2>内部样式在head标签中书写style标签,书写css代码

3>外部样式

①在css文件下书写好携带.css的文件

②将该.css文件导入html页面中

<link href = "css/xx.css" rel = "stylesheet">

2.css内部样式选择器

1>标签选择器

2>类选择器

3>id选择器前三个的优先级 id>类>标签

4>并集选择器

5>子元素选择器

6>通配选择器 *

7>伪类选择器: 描述一个元素的经历状态

①link 鼠标未触碰的状态

②hover 鼠标悬浮或者经过的状态

③active 鼠标点击但未松开的状态

④visited 鼠标点击并且松开的状态

注: ④必须在②③之前

3.文本样式

1>color 三种方式(单词,十六进制,rgb)

2>text-align 文本水平对齐方式

3>text-decoration 设置文本修饰

none(去掉划线) / underline(下划线) / overline(上划线) / line-through(中划线)

4>text-transform 文本中的大小写字母

capitalize(首字母大写) / lowercase(全部小写) / uppercase(全部大写)

5>text-index 文本第一行缩进

6>text-shadow: _px _px ; 文本阴影(水平阴影垂直阴影)

7>letter-spacing 字符间距

8>line-height 行之间的间距

4.字体样式

1>font-family 类型

2>font-size 大小

3>font-style:italic 斜体

5.列表样式

1>list-style-type 列表前指定的标记类型

2>list-style-image:url(图片地址); 指定标记为该图片

6.表格样式

1>border:边框大小边框样式边框颜色

2>width height

3>border-collapse:collapse; 单元格和边框合

7.背景样式

1>background-color 颜色

2>background-image 背景图片

3>background-repeat 背景图片如何重复

no-repeta(不重复) / repeat-x(x轴重复) / repeat-y(y轴重复)

4>background-position 设置图片起始位置

5>background-fixed 这是图片固定,不随滚动条移动

8.浮动属性

float left(左浮动) / right(右浮动) / both(不浮动)

将浮动框向左(右)浮动,一旦移动,就脱落当前"文档流",表现为这个 div 不存在,其他框会发生位置变化

9.盒子属性

一般使用div + css 进行页面布局,每个部分都可以看成一个div盒子

margin(外边距,默认0) / border(边框) / padding(内边距,默认0)

10.定位属性 position

1>relative 相对定位(针对该元素原来位置定位)

2>absolute 绝对定位(针对该元素的父元素位置定位)

3>fixed 固定定位(始终固定位置,不随滚动条移动)

javascript

js是弱类型语言,语法结构非常不严谨

1.使用方式

1>内部方式 head标签中指定script标签书写js代码

2>外部方式 js文件中书写好携带.js的代码文件,在html中导入该文件

2.常用的输出函数

1>document.write() 浏览器直接输出

2>console.log() 控制台输出

3>window.alert() 弹框显示,window可以省略

3.定义变量

1>使用var定义

2>一个变量可以重复定义,后值会覆盖掉前值

3>var可以定义任何数据类型

创建对象: var 对象名 = new js内置对象();

4.运算符

1>算术运算符 +,-,*,/,%

2>比较运算符 <,<=,>,>=,!=,==

3>逻辑运算符 &,|,! (与,或,非) &&,||

4>三目运算符 (表达式)?true结果:false结果

5.流程控制语句

1>顺序结构

2>选择结构

①if语句 ②switch语句

注:switch语句结束条件:遇见break结束或者程序默认执行末尾

3>循环结构

①for ②while ③do-while

注:do-while,即使条件不成立,循环体至少执行一次

6.内置对象 Date(表示当前日期对象)

创建: var xx = new Date() ;

1>xx.getFullYear() 年 (getYear获取的是当前年份距1900之间的差距)

2>xx.getMonth()+1 月 (获取的是整数0~11,所有+1)

3>xx.getDate() 日

4>xx.getHours() 时

5>xx.getMinutes() 分

6>xx.getSeconds() 秒

7.内置对象 String

创建: var xx = new String() ;

1>xx.charAt(索引) 获取索引处的字符

2>xx.concat() 拼接字符串

3>xx.fontcolor() 给字符串标记颜色

4>xx.indexOf() 获取当前字符串在原字符串xx中第一次出现时的索引

8.定义函数

1>function 函数名(形参){ xxxx,直接输出 } ;

单独调用,直接输出

2>function 函数名(形参){ xxxx return 结果} ;

赋值调用

var 变量 = 函数名(实参) ; 注:形参中不能带var,直接写参数名称

9.内置对象 Array

js中数组对象不存在角标越界,元素可以不断扩容

1>var xx = new Array() ; 不指定长度

2>var xx = new Array(size) ; 指定数组长度

3>var xx = new Array([元素1,元素2,...]) ; 简化: var xx = [元素1,元素2,...] ;

注:不管js还是java,数组都有一个length属性,获取数组长度

10.自定义对象和定义函数相同,形参不能带var

1>定义:

function 对象名(属性1,属性2,...){

this.xx = 属性1 ....

this.方法名 = function(){}

} ;

创建: var 对象名 = new 对象(实参1,实参2,...) ;

2>定义:

function 对象名(){}

创建: var 对象名 = new 对象() ;

追加属性: 对象名.变量 = xx ;

追加方法: 对象名.变量 = function(xx){} ;

3>利用js内置对象 Object

创建: var 对象名 = new Object() ;

追加属性: 对象名.变量 = xx ;

追加方法: 对象名.变量 = function(xx){} ;

4>json数据格式(字面量值的方式) 解析速度非常快

创建: var 对象名 = {"key1":value1,"key2":value2,...}

注:其中的键值对之间是用 "," 隔开

11.补充

1>innerHTML 和 innerText

任何标签中都有这两个属性,表示设置标签的文本内容

2>定时器

①window.setInterval("xx",毫秒值) 每过这个毫秒值,执行xx

②window.setTimeout("xx",毫秒值) 经过这个毫秒值,执行xx

3>常用的dom操作

①document.getElementById("id属性值")

②document.getElementsByClassName("同名的class属性值")

③document.getElementsByName("同名的name属性值")

④document.getElementsByTaName("同名的标签名称")

注:这些是获取标签,可以将其赋值给变量xx,那么xx.value获取标签上的文本内容

4>常用事件

①点击 click(单击) / dblclick(双击)

②焦点 focus(获取焦点) / blur (失去焦点)

③选项卡变化事件,一般用在select下拉菜单中 change

mysql

数据库: 存储数据的仓库

1.存储数据的方式

1>变量存储临时变量

2>数组存储长度固定

3>集合存储需要不断创建集合对象,对内存不友好

4>IO流存储读写过程耗时

5>数据库永久性/效率高/里面涉及数据库锁的概念,数据安全

2.库的操作

数据库本身在磁盘上进行存储,其本质是一个文件夹(目录)

1>show databases ; 查看所有库

2>create database xx ; 创建一个xx库

create database if exists xx ; 如果不存在xx,创建它

3>show create database xx ; 查询创建的数据库默认字符集

4>alter database xx default character set gbk/utf8 ;

修改数据库的字符集

5>drop database xx ; 删除xx库

drop database if exists xx ; 如果存在xx库,删除它

3.表的操作

常用数据类型 (int,varchar,datetime,tempstamp,double)

整数,字符串,日期时间,时间戳,小数

use 库名 ; 创建表之前要指定库名

1>create table xx(

字段名1 字段类型1,字段名2 字段类型2,...

) ;

2>show tables ; 查询库中所有表

3>desc xx ; 查询xx表的结构

4>alter table xx change 原字段名新字段名字段类型 ; 修改xx表中某个字段名

5>alter table xx modify 字段名新字段类型 ; 修改xx表中某个字段类型

6>alter table xx add 字段名字段类型 ; 给xx表添加字段名+类型

7>alter table xx drop 字段名 ; 删除xx表中某个字段

8>alter table 新xx like 原xx ; 将xx表复制给新xx表

9>alter table xx rename to 新xx ; 将xx表名修改为新xx

10>drop table xx ; 删除xx表

drop table if exists xx ; 如果存在xx表,删除它

4.数据库的操作语句

1>插入数据

①insert into xx values(值1,值2,...) ;

②insert into xx valuse(值1,值2,...),(值1,值2,..)... ;

③insert into xx (字段1,字段2,...) valuse(值1,值2,...) ;

未插入部分字段的值为null

2>修改数据

①update xx set 字段名 = 值 where 字段名 = xx ;

②update xx set 字段名1 = 值1,字段名2 = 值2... where 字段名 = xx ;

③update xx set 字段名 = 值 ; 批量修改,一般不用

3>删除数据

①delete from xx where 字段名 = 值 ; 删除指定记录

②delete from xx ;

truncate table xx ; 删除全表记录

不同点:第一种只删数据,不删表,不影响自增长约束id,下次增长从之前基础上自增,第二种删除表,建立新表,会影响自增长约束的id,下次增长从1重新开始自增

4>查询数据

select * from xx ; 查询全表数据,一般自用

①select 字段1,字段2,... from xx ;

select s.字段1 "别名1",s.字段2 "别名2",...from xx s ;

全表查询,可使用as给字段和表名起别名,其中as可以省略

②select s.字段 "别名" from xx s ;

查询指定字段

③select * from xx where 字段名 =(<,>)yy ;

查询某字段的值是否为(小于,大于)yy的数据所有信息

注:多个条件可用逻辑符号逻辑或者 and 和 or 逻辑

如果某个字段为null,使用where 字段名 id null

④模糊查询where like "%x%" "_" "%_x%"

字段中有x字符字段中是一个字符字段中第二个字符是x

⑤聚合函数select 聚合函数(字段名) from xx ;

其中,聚合函数: count sum avg max min

注:带条件查询可以和聚合函数查询一起使用

⑥排序查询 order by

asc:升序(默认) desc:降序

⑦分组查询 groud by

select 字段列表 from xx group by 分组字段 ;

注:where要在groud by之前使用,groud by 后不能接聚合函数,只能接筛选查询的having,筛选查询相当于额外条件,可接聚合函数

⑧分页查询 limit 起始行数(当前页码-1)*每页显示条数

select 字段列表 from xx limit 起始行数,每页显示条数;

5.数据库的备份和还原

1>命令行方式

备份:不用登录mysql,在dos控制台

mysqldump -uroot -p密码库名 ->磁盘某个文件夹备份为xx.sql文件

还原:登录mysql,创建新库,use 库名

source 本地磁盘上保存的xx.sql文件路径

2>图形界面化 sqlYog工具

备份:选中库,右键,备份(backup/export 导出)->->选中本地磁盘路径,xx.sql

还原:建库,选中,右键->import(导入)->选第二个执行本地sql脚本即可

6.数据库约束默认约束default

某个字段没有插入值,值就是默认约束的值

4.29 css,js,mysql本周学习简单总结相关推荐

图书馆管理系统代码源码（php+css+js+mysql）完整的代码源码
图书馆管理系统代码源码(php+css+js+mysql) 完整的代码源码,系统使用B/S架构. 优化过的界面,拥有管理员和普通用户,普通用户可注册登录,管理员可登录,功能齐全. 管理员可管理普通用户 ...
HTML+CSS+JS+MYSQL入门总结：
HTML+CSS+JS+MYSQL入门总结: HTML: 概念:最基础的网页开发语言--->Hyper Text Markup Language超文本标记语言 *超文本:用超链接的方法,将各种不 ...
会议室预定系统代码源码（php+css+js+mysql）完整的代码源码
会议室预定系统代码源码(php+css+js+mysql) 完整的代码源码,系统使用B/S架构. 优化过的界面,由管理员进行预定会议室操作. 推荐使用phpstudy+ navicat搭建和管理项目! ...
centos7 docker删除端口映射_centos7安装docker，结合docker安装mysql，学习简单使用
需要快速安装centos7的可以结合上一遍文章vagrant结合virtualbox让你直接在cmd窗口操作linux系统centos7 地址:https://www.toutiao.com/i685 ...
HTML+CSS+JS实现 ❤️基于Javascript简单计算器特效❤️
用HTML+CSS+JS做一个漂亮简单的公司网站（JavaScript期末大作业）
用HTML+CSS+JS做一个漂亮简单的游戏网页——全屏游戏美术大赛作品(4个滚动页面)
html css js 完整案例,html+css+js实例
[实例简介] 用html+css+js做的一个简单小网页,可以作为初学者的参考资料. [实例截图] [核心代码] travel └── travel ├── css.css ├── images │ ...
原生HTML+CSS+JS制作自己的导航主页（前端大作业，源码+步骤详解）
文章目录前言一.插入背景二.头部 1.导航栏 2. 优化导航栏 3 时间 4. 搜索框三.主体四.底部五.背景泡沫球特效六.note小便签七.全部代码 1. index.html 2. ...

4.29 css,js,mysql本周学习简单总结

CSS

javascript

mysql

4.29 css,js,mysql本周学习简单总结相关推荐

最新文章

热门文章