# web 前端介绍

# web 前端开发做什么

pc 端 web 开发；移动端 web 开发；混合 app 开发；网页游戏/移动端网页游戏开发；网页特效开发；后台开发(node.js)；微信小程序开发等 。ps:由课堂笔记整理，详细文档可到不凡官网咨询老师获取。

# 我们学什么

参照 excel

# 软件架构

# c/s client-server

• 比如 qq /360 / LoL / war3 / 吃鸡
• 数据交互采用特有协议
• 在每台主机上安装
• 更新/迁移 麻烦
• 安全性
• 客户端硬件要求
• 服务端压力相对较小

# b/s broswer-server

• 比如: qq 空间 / 网站后台 / 缴费系统 / 淘宝
• 数据交换 http 协议;https 协议相对安全
• 只需要通过浏览器访问特定的(域名/ip),输入登陆账号密码即可使用
• 更新 主需要服务器更新,客户端浏览器即可使用
• 服务端压力稍微大一点. 一般复杂的计算会通过缓存或者负载均衡等形式缓解服务器压力.客户端只负责渲染.
• 浏览器权限有限,cpu 的资源调配 和 显卡的计算能力

# 电脑基本环境配置

• 常用软件安装

  • ie 浏览器 ie8(特殊,存在兼容问题)和 ie10 等更高级浏览器
  • chrome 浏览器,谷歌.当下最好的浏览器. 速度快,方便调试,集成了手机模拟器.
  • firefox 火狐. 后端程序猿的最爱. 方便调试,但是没有手机模拟器.
  • 360 浏览器,双核. "极速"(chrome 内核)/"兼容"(ie 内核)

• 电脑隐藏文件/ 隐藏后缀名

  • 隐藏文件
  • 隐藏后缀名

• 输入法

  • 关闭输入法的快捷键
  • 中文使用英文标点