K8000越野电动绞盘 G9000越野电动绞盘 N12000专业电动绞盘 N15000工业电动绞盘 H12000工业液压绞盘 H15000工业液压绞盘 K5000P便携式电动绞盘
K8000 越野绞盘 G9000 4WD绞盘 N12000 专业绞盘 N15000 救援绞盘 H12000 工业绞盘 H15000 工业绞盘 K5000P 便携式绞盘

Web前端开发的基本内容

排行榜 收藏 打印 发给朋友 举报 来源: Hi-era.com   发布者:网络转载
热度383票  浏览20次 时间:2017年5月18日 16:48
工业绞盘
这是一个看脸的时代,不论是WebPage还是WebAPP,后端的利索有趣更需要美观高效实用的前端来提高美好体验,比如沉浸阅读与响应式前端。

以下从概念与工具的角度罗列一下Web前端开发的基本内容。

Web前端开发是从WEB1.0时代的网页美工演变而来的,Web前端开发技术包括三个要素:HTML、CSS和JavaScript。在具体工作中,前端UI工程师(Front-end Engineer)通常又分成前端UI工程师(负责HTML+CSS)和前端JS工程师(负责JavaScript)。


HTTP,HyperText Transfer Protocol

超文本传输协议是互联网上应用最为广泛的一种网络协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。

HTML,Hypertext Marked Language

超文本标记语言,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。HTML4.01 是常见的版本。

HTML5

万维网的核心语言、标准通用标记语言下的一个应用HTML的第五次重大修改。TML5的设计目的是为了在移动设备上支持多媒体。

XHTML,The Extensible HyperText Markup Language

在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。

XML,The Extensible Markup Language

可扩展标记语言,是一种用于标记电子文件使其具有结构性的标记语言。XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。

CSS,Cascading Style Sheets

层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

DIV

DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。

JavaScript

JavaScript是一种属于网络的直译式脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

jQuery

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

node.js

Node.js是一个基于Chrome JavaScript运行时建立的平台,用于方便地搭建响应速度快、易于扩展的网络应用。

DOM,Document Object Model

文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口,定义了访问HTML和XML文档的标准。

DOM提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。DOM将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将web页面和脚本或程序语言连接起来。



前端开发框架是各种Web前端应用程序开发解决方案的叫法,早期的如Adobe Flex(Apache Flex)、Microsoft Silverlight、Yahoo! UI Library等。但前端开发的流派很多,各类开源方案更是五花八门,流行程度和工程寿命随时更新排位,需要根据前端工程师的知识基础、爱好以及工程需求确定。目前的前端开发框架通常是集成TML、CSS及JavaScript框架功能的一体化布置工具,以下简要介绍两款。


Sencha

Sencha是由Ext JS、jQTouch以及Raphael三个项目合并而成的一个开源项目。Sencha Touch是全球领先的应用程序开发框架,其设计旨在充分利用HTML5、CSS3 和Javascript来实现最高级别的功能、灵活性和优化。Sencha Touch是针对下一代具有触摸屏设备的跨平台框架。


Bootstrap

Bootstrap是最受欢迎的一组用于网站和网络应用程序开发的开源前端框架,包括HTML、CSS及JavaScript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展,旨在使动态网页和Web应用的开发更加容易,用于开发响应式布局、移动设备优先的WEB项目。

Bootstrap原名Twitter Blueprint,由Twitter的Mark Otto和Jacob Thornton编写,本意是制作一套可以保持一致性的工具和框架。在Bootstrap之前,开发界面需要使用不同的代码库,这样很容易导致不一致的问题,从而增加了维护的负担。

下面引用@qiu-deqing推荐的Web前端开发基本开发工具(https://github.com/qiu-deqing/

恰当的工具能有效提高学习效率,将重点放在知识本身,在出现问题时能快速定位并 解决问题,以下是个人觉得必备的前端开发工具:

文本编辑器:推荐Sublime Text,支持各种插件、主题、设置,使用方便
浏览器:推荐Google Chrome,更新快,对前端各种标准提供了非常好的支持
调试工具:推荐Chrome自带的Chrome develop tools,可以轻松查看DOM结构、样式,通过控制台输出调试信息,调试javascript,查看网络等
辅助工具:PhotoShop编辑图片、取色,fireworks量尺寸,AlloyDesigner对比尺寸,以上面提到的Chrome develop tools。
TAG: 前端开发 响应式布局
顶:44 踩:23
对本文中的事件或人物打分:
当前平均分:-1 (102次打分)
对本篇资讯内容的质量打分:
当前平均分:-0.61 (104次打分)
【已经有110人表态】
30票
感动
8票
路过
8票
高兴
7票
难过
20票
搞笑
17票
愤怒
11票
无聊
9票
同情
上一篇 下一篇
工业电动绞盘液压绞盘汇总

欣宇时代

    消防绞盘

欣宇时代

    拓松汽车户外网


    中国汽车绞盘网


    中国宠物医师网