差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
后一修订版
前一修订版
信息传输软件信息技术服务:软件和信息技术服务业:软件开发:前端开发 [2019/10/10 22:18]
Qnner [简介]
信息传输软件信息技术服务:软件和信息技术服务业:软件开发:前端开发 [2020/02/02 17:48] (当前版本)
Faker [标准]
行 1: 行 1:
 ====== 简介 ====== ====== 简介 ======
  
-限于早期 Web 浏览器的定位与功能,20 世纪 90 年代 Web 诞生至 21 世纪初,网页主要用于展示,最常见的方式是通过 Photoshop、Fireworks、Dreamweaver 等软件精心排版,并辅助以一些基的 JavaScript 和css ​段来完成一些简单交互效果。后期,Flash 等浏览器增强插件平台曾以引入外部可执行组件的方式大大丰富了网页的能力和表现力,一度成为网页开发的主流。但前端技术更新迭代较快, 一些技术如Flash将其他技术取代+限于早期 Web 浏览器的定位与功能,20 世纪 90 年代 Web 诞生至 21 世纪初,网页主要用于展示,最常见的方式是使用HTML(HyperText Markup Language, 超文标记语言)将文字,​图,​影音资源组织在一起进行展示,​ 并使用JavaScript,​ CSS(Cascading Style Sheets, 层叠样式表)完成一些更高级功能。后期,Flash 等浏览器增强插件平台曾以引入外部可执行组件的方式大大丰富了网页的能力和表现力,一度成为网页开发的主流。但已被渐淘汰, 不主流浏览器支持(如Chrome已不支持)
  
  
行 7: 行 7:
  
 ====== 评判标准 ====== ====== 评判标准 ======
 +前端开发是通过创建网页页面或App等前端可视界面呈现给用户的过程,通过各种技术,来呈现用户最直接感受的画面。 
 +简单来说,任何肉眼看到的、可以交互的界面,都可以说成前端页面,甚至游戏的画面,都可以说成是前端画面。抽象一点,你即使用的是DOS命令,输入的全是文字指令,这个界面也可以称之为前端。但是随着技术的发展,前端的定义也越来越趋于模糊,因为现在很多的前端框架都可以实现深度的交互甚至是逻辑。有些逻辑的处理甚至只用前端技术就可以实现繁杂的页面交互。比如angluar框架等等。 
 +随着时代的发展,前端开发也出现了自动化、工程化、模块化等新的定义。
  
 ====== 种类 ====== ====== 种类 ======
行 35: 行 37:
  
 ======工作流程====== ======工作流程======
-  - 由UI 的设计人员设计出每个页面的每个控件样式、颜色和布局+  ​- 由产品确认页面功能与大概的页面格式(页面原型)。 
 +  ​- 由UI 的设计人员根据原型设计出每个页面的每个控件样式、颜色和布局
   - 前端程序员根据设计用HTML 写出网页的所有下拉菜单、导航栏等控件以及文字内容   - 前端程序员根据设计用HTML 写出网页的所有下拉菜单、导航栏等控件以及文字内容
   - 前端程序员根据设计使用样式层叠表(CSS)   - 前端程序员根据设计使用样式层叠表(CSS)
行 46: 行 49:
  
 ====== 经营设计 ====== ====== 经营设计 ======
-一、根据用户需求 ​ UI设计师设计其相应的页面交给前端程序员  ​ +  - 根据用户需求 ​ UI设计师设计其相应的页面交给前端程序员 
- +  根据市场需求制作相应需求的画面及设计
-二、根据市场需求制作相应需求的画面及设计+
 =====需求分析===== =====需求分析=====
-一、根据用户需求,制作各个页面相应板块功能。 +  - 根据用户需求,制作各个页面相应板块功能。 
- +  ​- ​据相应市场,制作需求的功能 如:阅读,放大,保存,转发等类
-二、据相应市场,制作需求的功能 如:阅读,放大,保存,转发等类+
 =====目标界定===== =====目标界定=====
-一、由PC端浏览器展示的前端web网页 +  - 由PC端浏览器展示的前端web网页 
- +  ​- ​由移动端浏览器展示的web网页,基于安卓与iOS有偏差,部分UI设计师会制作不同页面效果 
-二、由移动端浏览器展示的web网页,基于安卓与iOS有偏差,部分UI设计师会制作不同页面效果 +  ​- ​自适应式web前端页面,该页面能良好的适应不同PC端分辨率及移动端分辨率,展示良好的页面效果
- +
-三、自适应式web前端页面,该页面能良好的适应不同PC端分辨率及移动端分辨率,展示良好的页面效果+
 =====总体结构设计===== =====总体结构设计=====
 =====详细结构设计===== =====详细结构设计=====
行 73: 行 72:
 =====  主要语言 ​ =====  =====  主要语言 ​ ===== 
  
-网页的编写通常都是由HTML(超文本标记语言)、CSS(层叠样式表)、JavaScript(一种直译式脚本语言),这三种语言编写完成的。按照业内开发规则通常是HTML负责网页的框架,CSS负责样式,而JavaScript负责网页的相关逻辑。现如,html文件选用html5的规范进行编写,CSS也是使用CSS3的规范,JS的语法也是在逐年的更新,如ES6、ES7等。TypeScript作为一门诞生于JS的语言,既继承了JS的优点同时也在此基础上有了改进,稳定性和严谨性都有了提升,使用TS是未来发展的趋势。+网页的编写通常都是由HTML(超文本标记语言)、CSS(层叠样式表)、JavaScript(一种弱类型的解释型脚本语言),这三种语言编写完成的。按照业内开发规则通常是HTML负责网页的框架,CSS负责样式,而JavaScript负责网页的相关逻辑。现如,html文件选用html5的规范进行编写,CSS也是使用CSS3的规范,JS的语法也是在逐年的更新,如ES6、ES7等。TypeScript作为一门诞生于JS的语言扩展集,既继承了JS的优点同时也在此基础上有了改进,稳定性和严谨性都有了提升,使用TS来开发也是未来发展的趋势。
  
 ===== HTML ===== ===== HTML =====
行 98: 行 97:
 JavaScript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。 JavaScript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
 ======设计和规划====== ======设计和规划======
 +一、UI设计师根据产品需求分析文档,对产品的整体美术风格、交互设计、界面结构、操作流程等做出设计。负责项目中各种交互界面、图标、LOGO、按钮等相关元素的设计与制作。
 ===== 位置与环境 ===== ===== 位置与环境 =====
 ===== 投资与评估 ===== ===== 投资与评估 =====
行 121: 行 121:
  
 ======行业====== ======行业======
 +o2o、社交、教育、智能硬件、游戏、生活服务、自媒体等。
 ===== 国内市场 ===== ===== 国内市场 =====
 ===== 产量 ===== ===== 产量 =====
行 128: 行 129:
 ===== 消费量 ===== ===== 消费量 =====
 ===== 主要公司 ===== ===== 主要公司 =====
 +==== 国内 ====
 +腾讯(深圳)、百度(北京)、阿里巴巴(杭州)、京东(北京)、小米(北京)、网易(杭州)、拼多多(上海)、趣头条(上海)
  
 ======标准====== ======标准======
 这里存放条目相关的国家标准 这里存放条目相关的国家标准
 网页开发实际为前端开发中WEB开发,网页开发标准遵循W3C(World Wide Web Consortium万维网联盟)网页开发标准; 网页开发实际为前端开发中WEB开发,网页开发标准遵循W3C(World Wide Web Consortium万维网联盟)网页开发标准;
 +
 +W3C官方网址:[[https://​www.w3school.com.cn/​]]
 +
 {{:​信息传输软件信息技术服务:​软件和信息技术服务业:​软件开发:​20190601230317897web.jpg?​400|}} {{:​信息传输软件信息技术服务:​软件和信息技术服务业:​软件开发:​20190601230317897web.jpg?​400|}}
  
行 144: 行 150:
   * ECMAScript 标准: [[https://​tc39.es/​ecma262/​]]   * ECMAScript 标准: [[https://​tc39.es/​ecma262/​]]
   * 腾讯网静态资源公共库[[https://​libs.qq.com/​]]   * 腾讯网静态资源公共库[[https://​libs.qq.com/​]]
 +  * Vue.js中文官网:[[https://​cn.vuejs.org/​]]