web前端开发职能

职能

web前端工程师主要是利用HTML CSS 及JS等WBE技术及与后端配合，实现网页页面的呈现、具备交互的功能以满足用户的需求.

常见简称

PM：项目经理
PD：产品经理
UE：交互设计师、视觉设计师
RD：后端工程师、前端工程师、无线工程师
QA：测试工程师
OP：运维工程师

互联网公司产品流程

项目经理提出需求,开会审核
设计定稿
前端工程师和后端工程师进行开发
进行自测、联调、测试（满足冒烟测试、回归测试）
上线
上线观察—项目总结

编辑器

sublime编辑器

>>sublime使用

markdowm常用语法

Markdown是一种轻量级的「标记语言」而且轻松的导出 HTML、PDF 和本身的 .md 文件，用起来非常方便。
常用语法

# 一级标题 h1
## 二级标题 h2
### 三级标题 h3
#### 四级标题 h4
##### 五级标题 h5
这是段落 p
- 无序列表
- 无序列表
- 无序列表
1. 有序列表
2. 有序列表
3. 有序列表
`var a = 1`
[链接文字](http://www.baidu.com)
![](http://www.baidu.com/imgs/a.png)
> 引用
| 表头 | 表头 | 表头 |
| --- | --- | ---  |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |

>>markdowm官网

GitHub+hexo(博客)

本博客

>>手把手教你用Hexo+Github 搭建属于自己的博客

VPN

Green

>>Green官网

编程基础

二进制的单位

1位(bit):0或1
1字节(byte):00000000-11111111(例如十进制0-9转化字节就是00000000-99999999)
1KB(kilobyte):1024byte
1MB(Megabyte):1024byte x 1024byte

计算机存数据

123(原文)
495051(编码)
001100010011001000110011(二进制)
313233(十六进制)

键盘上的字符

字符集-简单的ASCII

字符集-容纳全球语言的字符集Unicode

遇到问题

如何才能区别Unicode和ASCII？
计算机怎么知道三个字节表示一个符号，而不是分别表示三个符号呢
资源浪费
英文字母只用一个字节表示就够了，如果Unicode统一规定，每个符号用四个字节表示，那么每个英文字母前都必然有3个字节是0，这对于存储来说是极大的浪费，文本文件的大小会因此大出二三倍

解决办法-字符编码

字符集只规定了字符对应的数字，却没有规定如何存储
字符编码是字符集的存储方式

举例

已知”严”的unicode是4E25（100111000100101）

根据上表，格式是”1110xxxx 10xxxxxx 10xxxxxx”

从后向前填入格式中的x，多出的位补0

得到了”严”的UTF-8编码是”11100100 10111000 10100101”，转换成十六进制就是E4B8A5