HTTP协议

  1. 超文本传输协议（Hyper Text Transfer Protocol）。
  2. 互联网上应用最广泛的一种网络协议。
  3. 设计HTTP的目的就是为了提供一种发布和接收HTML页面的方法。
  4. HTTP就是用于从服务器传输超文本到本地浏览器的传输协议。
  • HTTP协议的简单工作过程
    1. 浏览器首先通过网络访问服务器80端口和服务器建立连接。
    2. 浏览器像服务器发送请求命令，并将自己的一些信息发送给浏览器，这些信息不明确显示出来。
  • 发送请求时，HTTP协议可以通过多种方法进行请求的发送。
    • GET方法：用来请求、访问已经被URL标识的资源。我们在地址栏中输入的内容，默认使用GET方式传输。
  1. 服务器收到客户端发送的请求以后，服务器会回应客户端发送的请求。
  2. 返回的状态码：
    • 200 表示成功
    • 403 访问被拒绝
    • 404 页面没找到
    1. 关闭客户端和服务器之间的连接

      URL

      我们在浏览器的地址栏路面输入的网站地址就叫做URL（uniform resource locator）统一资源定位符

https://www.lmonkey.com:8181/index/page/java.html?p=pname&u=username&pwd=abc

  • https:// 协议
  • www.lmonkey.com 域名
  • :8181 端口
  • index/目录
  • page/目录
  • java.html 文件
  • ？表示传入的参数
  • p 参数名
  • = 参数值 pname

  • & 表示继续传入参数。

    域名

    域名就是一个名字，主要用来方便记忆服务器地址 127.0.0.1 www.lmonkey.com jd.com so.com

    常看到的协议

  • https:// 带有安全套接的协议 传输是加密的。

  • ftp:// 文件传输协议。
  • file:/// 本地文件协议

    CDN

    content deliver network 内容分发网络

    驼峰命名法

    变量名的首字母小写，每一个单词的开头字母大写，其余字母小写
    1. maxWidth
    2. className

    性能测试

    最慢不能过3s

    措施

    压缩资源

    压缩代码

    比如：index.css压缩成为index.min.css

配置webstorm代码的压缩

1、yuicompressor
2、打开webstorm，file - settings - tools - file watchers
3、加号选择 YUI comopressor CSS
4、配置好yuicompressor的文件路径

css sprite

懒加载

练习：按钮

下载版本

奇数版本一般都是开发版本
偶数版本是稳定版本

无论前端还是后台工程师，工作内容都是开发软件

软件开发流程

image.png

常见概念 - 图2

接口

实质是一个个请求地址，前端向地址发送请求，会返回数据
vue等框架作用就是把接口数据加载出来

进制

  • 十进制
    • 满10进1
    • 0 1 2 3 4 5 6 7 8 9 10 11 … …
    • 十进制中单位数字有10个0-9
  • 二进制
    • 满2进1
    • 0 1 10 11 100 101 110 111 …
    • 二进制中单位数字有两个 0和1
  • 八进制
    • 满8进1
    • 0 1 2 3 4 5 6 7 10 11 12 13 … 17 20 21
  • 十六进制
    • 满16进1
    • 由于十六进制满16进1，单位数字必须要有16个，所以在十六进制中引入几个特殊符号表示10 11 12 13 14 15 这些特殊符号有a b c d e f
    • 0 1 2 3 4 5 6 7 8 9 a b c d e f 10 11 12 13 14 15 … 19 1a 1b 1c 1d 1f 1e 1f 20
    • 十六进制里共有十六个数 0-f

最常用的是十进制和十六进制
计算机底层是二进制，都是以二进制的形式保存的
中国 —> 10101010100000001

可将计算机的内存想象成一个个小格，小格中可以存0或者1
一个小格大小是1bit（位）
8bit = 1byte（字节）
1024byte = 1kb（千字节）
1024kb = 1mb（兆字节）
1024mb = 1gb
1024gb = 1tb
…

  • 我们所创建的文本文件最终需要存储到磁盘中
    • 文本文件需要转换成二进制数据才能存储到磁盘中

当我们打开一个文本文件时，需要将二进制转换为字符

像素

一个像素一个点

语法糖

语法糖（Syntactic sugar），也译为糖衣语法，是由英国计算机科学家彼得·约翰·兰达（Peter J. Landin）发明的一个术语，指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。
https://baike.baidu.com/item/%E8%AF%AD%E6%B3%95%E7%B3%96/5247005
image.png

API

application program interface
应用程序接口
接口，用户能看见叫接口，比如，键盘对用户来说是接口
UI，user inerface 用户接口，UI设计，设计布局，按钮这些就是设计接口
w3cschool离线文档，zeal

耦合/解耦

耦合：代码之间的关系过于紧密，修改一个必须要同时修改其他代码
解耦：降低代码之间的耦合