first commit

历届学生/逯帅帅/每日课程/2021-02-25/笔记.txt

@@ -0,0 +1,165 @@
+前端（）
+
+页面仔，切图仔 美工 的年代（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来定位
+
+固定定位
+
+  如果元素被设置了固定定位，元素会脱离文档流，原本所在位置会删除
+
+  参考浏览器来定位