前后端认知
- 前后端认知
- 前端是不能操作数据库的
- 前端相对数据库进行任何操作, 都要把信息告诉后端
- 由后端进行数据库操作
- 把操作的信息反馈给前端
- 了解服务器
- 就是一台在网络 “那一头” 的一台电脑 运行了一些特殊的环境
- http 传输协议, 浏览器会自动帮你添加 80 端口号
- https 传输协议, 浏览器会自动帮你添加 443 端口号
- 服务器环境
- WAMP: windows + apache + mysql + php
- MAMP: Mac OS + apache + mysql + php
- LAMP: Linux + apache + mysql + php
- PHP
- php 是一个后端语言
- php 基础语法
- 数据库
PHP操作MySql
<?php
// 0. 处理中文乱码
header('content-type: text/html;charset=utf-8;');
// 1. 建立和数据库的连接
$link = mysqli_connect('localhost', 'root', 'root', 'test2');
// 2. 执行 sql 语句
$res = mysqli_query($link, 'SELECT * FROM `users`');
// 3. 解析结果
$data = mysqli_fetch_all($res, MYSQL_ASSOC);
print_r($data);
// 4. 断开连接
mysqli_close($link);
?>
传输协议
一个 http 请求的步骤‘’
1. 建立连接
2. 前端 发送请求
3. 后端 返回响应
4. 断开连接
+ 注意:
- 这个请求只能由前端发起
-> 四个步骤一个都不能少
+ 例子: 前端想和后端说两次事情
-> 建立连接 -> 说第一个事情 -> 后端把第一个事情做完反馈结果 -> 断开连接
-> 建立连接 -> 说第二个事情 -> 后端把第二个事情做完反馈结果 -> 断开连接
建立连接
+ 基于 TCP/IP 协议的三次握手
+ 目的: 保证前后端可以正常通信
=> 前后端都直到对方可以正常收发消息
断开连接
+ 基于 TCP/IP 协议的四次挥手
+ 保证相互都不在进行通讯了
总结: 一个 http 请求
1. 建立连接 -> 三次握手 -> 微信问一下, 你能不能收到
2. 前端发送请求 -> 请求报文的形式 -> 给你写一个信, 把我要说的话写在里面
3. 后端返回响应 -> 响应报文的形式 -> 给前端回一个信, 把要说的话写在里面
4. 断开连接 -> 四次挥手
cookie 的特点
1. 按照域名存储
+ 你在哪一个域名下存储的内容, 就在哪一个域名下使用
+ 其他域名都用不了
+ 和资源路径地址没有关系
2. 存储大小有限制
+ 4KB 左右
+ 50 条左右
+ 或者的关系
3. 时效性
+ 默认是会话级别的时效性(关闭浏览器就没有了)
+ 可以手动设置, 七天后, 两个小时以后
4. 请求自动携带
+ 当你的 cookie 空间里面有内容的时候
+ 只要是当前域名下的任意一个请求, 都会自动携带 cookie 放在请求头里面
=> cookie 里面有多少自动携带多少
+ 如果 cookie 空间中没有内容, 就不会携带了
5. 前后端操作
+ 前端可以通过 js 操作 cookie 空间进行增删改查
+ 后端也可以通过任何后端语言进行 cookie 空间的增删改查
ajax
- 发送 ajax 请求
- 跨域的解决方案
- jsonp
- cors
- 代理(服务器代理)
回调函数以及回调地狱的解决方法
- Promise
- 解决回调地狱的方案之一
- 把回调地狱写的优雅的方案之一
async / await 语法
js高应用
- 闭包
- 继承
- 设计模式
– 单例模式
– 组合模式
–观察者模式
jQuery
-
jQuery 的使用
-
jQuery 的选择器
-
jQuery 的特殊选择器
-
jQuery 的筛选器
-
jQuery 操作文本内容
-
jQuery 操作元素类名
-
jQuery 操作元素样式
-
jQuery 操作元素属性
-
jQuery 绑定事件
-
jQuery 的节点操作
- 创建节点
- 插入节点
- 删除节点
- 替换节点
- 克隆节点
-
jQuery 获取元素尺寸
-
jQuery 获取元素位置
-
jQuery 获取卷去的尺寸
-
jQuery 函数
-
jQuery 里面的动画
- 标准动画
- 折叠动画
- 渐隐渐显动画
- 综合动画
- 停止动画
-
jQuery 发送 ajax 请求
-
jQuery 发送一个 jsonp 请求
-
jQuery 的 ajax 全局钩子函数
-
loading 效果
-
jQuery 的多库并存机制
-
jQuery 的插件扩展机制
-
jQuery 的拷贝对象问题
-
jQuery 的插件
-
List item
node.js
- 了解 node
- 安装 node
- 在 node 环境下运行 js 代码
- 常用的 linux 指令
- node 的模块化
- 了解 nrm
- 了解 gulp
- 了解 SASS
- sass 的编译
- gulp 工具编译 sass 文件
git
- 了解 git 和 github
- git 安装
- git 的基本使用流程
- git 分支
- git 冲突问题
- git 可视化工具
项目所用到的
postman 使用
SET 和 MAP 数据结构
localStorage
了解 bootstrap
栅格布局