前端【学习心得】电商网站前端架构#2 前端技术基础

课程地址:http://www.imooc.com/learn/186 讲师:远人

课程基础: html css js ,做过一些项目。

语言基础:HTML/HTML5 CSS/CSS3 JAVASCRIPT

 HTML/HTML5: 超文本标记语言,我们开发web应用的基础,它是一门标记语言,告诉浏览器如何显示内容。HTML5是HTML的进化版本,新增了一些标签。
CSS/CSS3: 层叠样式表,用来描述我们的应用如何呈现给用户(外观界面)。 CSS3是CSS2.1的进化版本,增加了一些新语法,但兼容性问题较多。
JAVASCRIPT: 脚本语言(ECMAScript ),用于浏览器或者其他类似宿主环境编程用,拥有处理网页内容的能力(DOM)以及跟浏览器交互的能力(BOM)。

基本框架类库 jQuery requirejs seajs backbone angular
这些基本框架都是 js框架,外加一些UI类框架来处理用户界面。
jQuery 使用率很高的一个基础框架 提供操作dom的能力和其他一些函数。
require/seajs 模块化函数库 提供模块加载能力等。
backbone mvc类框架,将数据跟界面分开,帮你建立复杂的web应用,尤其是大量数据渲染。
angular mv*框架,免去dom操作痕迹,双向数据绑定,让你更轻松的更专注的做逻辑处理与数据处理

设计模式

 利用 一些设计模式( 继承/ 重用) 可以更好发挥程序的作用。   

性能优化 http cache / local cache /compress /DOM render

 http cache :http 缓存,可以帮助节省带宽 等。
 local cache: 本地存储 html5 api可以帮助我们实现本地存储
 compress :  压缩文件,尽量压缩应该压缩的文体,以减少传输压力 和提升打开页面速度
DOM render:  渲染技巧类,利用DOM 渲染的特性,优化我们的javascript程序和页面结构,尽可能的做到性能最优。

其他: Restful API / 自动化 (grunt ) 跨终端适配 代码托管

RESTful API : 符合REST原则的接口设计

自动化(grunt): 前端自动化工具的应用,帮助提升战斗力

跨终端适配: 面向多端的前端开发 ,各尺寸pad 各尺寸手机 自适应技术或者响应式 如何开发~。

代码托管: svn git 等。

原文地址:https://www.cnblogs.com/iyueyao/p/4113577.html