基本概念

  • 前言
  • 一、前端工程师简介
  • 二、学习内容
  • 1.前端工程师主要都做些什么?
  • 2.需要学习哪些知识?
  • 3.拓展介绍
  • 4.快捷键应用
  • 总结



前言

前端工程师


一、前端工程师简介

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。

二、学习内容

1.前端工程师主要都做些什么?

(1)主要进行网页的制作,app,微信小程序,移动端页面,H5小游戏,特效等。总之,你在网页上看 到的,都离不开前端工程师。
(2) 将后端工程师传输过来的数据显示到网页中
(3)工作交互:
后端工程师
测试
产品经理
UI设计师

2.需要学习哪些知识?

  • html+css 摩天大楼的地基。
  • HTML :(结构)定义网页上有什么内容。
  • CSS:(表现)定义网页上这些内容长什么样。
  • js:(互动)定义网页与用户的互动,以及网页上的特效。

学习三阶段
(1)基础部分:HTML,CSS,JS
(2)进阶部分:jQuery,ajax
(3)高级部分:node js,vue,微信小程序

3.拓展介绍

  • IP:虚拟的网络地址
  • 域名:IP地址的名称
  • 局域网
  • 广域网
  • 服务器
  • ISP:互联网服务提供商(Internet Service Provider),简称ISP。
    移动、联通、电信
  • IPv4
  • IPv6
    IPV6与IPV4是两种完全不同的协议,两者没有办法直接互通。必须要借助其他设备做转换。
  • NAT:(Network Address Translation,网络地址转换)
  • 端口映射:端口映射是NAT的一种,功能是把在公网的地址转翻译成私有地址, 采用路由方式的ADSL宽带路由器拥有一个动态或固定的公网IP,ADSL直接接在HUB或交换机上,所有的电脑共享上网。
  • C/S(client / server)
    优点:
    (1)响应速度快
    (2)安全
    (3)界面操作比较丰富
    缺点:
    (1)开发成本高,不跨平台
    (2)程序需要安装,用户体验不是很好。
    (3)版本升级比较麻烦,维护成本高。
  • B/S:B/S结构(Browser/Server,浏览器/服务器模式),是WEB兴起后的一种网络结构模式,WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上,简化了系统的开发、维护和使用。客户机上只要安装一个浏览器,如Netscape Navigator或Internet Explorer,服务器安装SQL Server、Oracle、MYSQL等数据库。浏览器通过Web Server 同数据库进行数据交互。
    优点:
    (1)开发简单、不用安装任何和专门的软件就能实现任何地方的操作,有web浏览器就行。
    (2)解决了跨平台问题,开发成本低。
    (3)维护成本也比较低。
    缺点:
    (1)最大的缺点就是通信开销大
    (2)系统和数据的安全性较难保障。
    (3)访问速度
    (4)浏览器兼容问题
  • DNS:域名系统(英文:Domain Name System,缩写:DNS)是互联网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库,能够使人更方便地访问互联网。
    域名与IP的对应关系存放到一个服务器上,这个服务器就叫做DNS服务器。
  • 常见的浏览器:
    IE : trident
    firefox : gecko
    chrome:webkit/blink
    Safari:webkit
    opear:persto
    浏览器分为外壳和内核

4.快捷键应用

F5 刷新

ctrl+n:新建文件夹
ctrl+A:全选
ctrl+S:保存
ctrl+X:剪切
ctrl+Z:退回
ctrl+Y:撤销退回

ctrl+(左右)方向键:在英文单词或中文词语间跳跃
ctrl+(上下)方向键:向上或向下换行

ctrl+Home键:鼠标回到文件顶部
ctrl+End键:鼠标回到文件底部

shift+Home:从行尾选中一行
shift+End:从行首选中一行

Home键:起始键,用于将光标移至行开头。浏览网页时,可以返回网页最上端。
End键:结尾键,用于将光标移至结尾。浏览网页时,可以将页面滚至最下方。

Page Up键:向上翻页键。
PageDown键:向下翻页键。

tab 缩进
shift+tab键 向前缩进


总结