165 lines
2.4 KiB
Plaintext
165 lines
2.4 KiB
Plaintext
前端（）
|
||
|
||
页面仔，切图仔 美工 的年代（jquery）
|
||
|
||
web开发方式：
|
||
|
||
后端渲染 80% 1万
|
||
|
||
前端 20% 3千
|
||
|
||
|
||
过渡的年代（mvc）
|
||
|
||
|
||
mvvm （react，vue，angular）
|
||
|
||
|
||
前端
|
||
|
||
html （骨骼 写网页的结构）
|
||
css （皮肤外貌 主要对 html进行美化的）
|
||
JavaScript js （人的思想 可以实现对html和css的控制）
|
||
|
||
屌丝年代：一般表单验证，弹窗，特效
|
||
|
||
高富帅年代：做后端开发，操作系统，桌面开发，移动端（app），pc，h5
|
||
|
||
前端 + 后端（数据库，服务器）
|
||
|
||
|
||
html
|
||
|
||
<> </>
|
||
|
||
|
||
谷歌浏览器
|
||
|
||
百度
|
||
|
||
请求方式
|
||
|
||
get
|
||
www.baidu.com?name=zhangsan&pwd=11111&d=111
|
||
表示从服务器获取一个资源
|
||
|
||
post
|
||
表示向服务器提交一条数据
|
||
|
||
put
|
||
表示向服务器更新一条数据
|
||
|
||
delet
|
||
表示向服务器删除一条数据
|
||
|
||
div 作用？
|
||
|
||
主要是用来实现网页布局划分的
|
||
|
||
标签分类：
|
||
|
||
作用：
|
||
|
||
1：块标签 div p ul h1
|
||
|
||
独占一行的标签
|
||
可以设置宽高
|
||
|
||
2：行标签 a img input
|
||
不独占一行的标签
|
||
可以设置宽高
|
||
|
||
|
||
|
||
|
||
css （层叠样式表）
|
||
|
||
写样式做美化
|
||
|
||
3中写法：
|
||
|
||
1：内联写法
|
||
<p style="color: blue;">212222</p>
|
||
|
||
2：内部写法
|
||
|
||
3：外链写法
|
||
|
||
!important; 改变css的权重
|
||
|
||
选择器
|
||
|
||
选择器类型 {
|
||
属性名: 属性值;
|
||
}
|
||
|
||
1：标签选择器
|
||
2：属性选择器
|
||
|
||
3：id选择器 表示这个类名是唯一的 （基本没啥用）
|
||
要求：在用id的时候最好不要出现重复
|
||
场景：
|
||
用来和js进行交互
|
||
|
||
#名称 {
|
||
|
||
}
|
||
|
||
4：class选择器
|
||
.名称 {
|
||
|
||
}
|
||
|
||
5：全局选择器 * （基本没啥用）
|
||
清除浏览器默认样式的
|
||
|
||
|
||
6：伪类选择器
|
||
|
||
|
||
盒子模型
|
||
|
||
就是现实生活中的 盒子
|
||
|
||
外边距 margin
|
||
|
||
内边距 padding
|
||
|
||
边框 border
|
||
|
||
内容 content
|
||
|
||
计算规则：
|
||
|
||
最终的宽高 = 你写的宽 + 左右边框 + 左右内边距
|
||
你写的高 + 上下边框 + 上下内边距
|
||
|
||
box-sizing: border-box;
|
||
|
||
定位
|
||
|
||
让元素固定在某个位置
|
||
|
||
|
||
相对定位
|
||
1: 如果元素被甚至了相对定位，元素会脱离文档流，原本所在位置不会删除
|
||
|
||
定位参考对象：
|
||
参考以前位置
|
||
|
||
绝对定位（墙头草）.
|
||
|
||
如果元素被设置了绝对定位，元素会脱离文档流，原本所在位置会删除
|
||
|
||
是否有父容器，是否定位
|
||
定位了：
|
||
参考父容器
|
||
|
||
没有定位：
|
||
参考body来定位
|
||
|
||
固定定位
|
||
|
||
如果元素被设置了固定定位，元素会脱离文档流，原本所在位置会删除
|
||
|
||
参考浏览器来定位 |