web前端：知识架构

web前段知识架构

1.http协议参考图解HTTP

2.w3c协议 www.w3.org/TR

Html、css、JavaScript、Json、xml、websocket

3.ECMAScript JavaScript在其上进行的封装，简称EC

4.框架、类库

a.用于浏览器

jquery 常用API、常用插件

Bootstrap 常用样式、常用插件

fontawesome jcomoon.io fontawesome.github/font-awesome/icons 是世界上最大的图标系统

requirejs seajs

react

b.用于node.js

自带模块 http、url、fs

其他模块 jquery backbone express

5.开发工具

a 编辑器 sublime webstorm

b 效率工具 (测试)

grunt uglify concat cssmin jshint csslint watch qunit(测试)

gulp

c 调试工具

chrome控制台

firebug

d 模块定义

AMD requiresjs

CMD seajs

commmonjs

6.运行环境

a web安全

同源策略、xss跨站点攻击、点击劫持、sql注入....

b 性能优化

压缩、csssprites、合并减少http请求、缓存、CDN、避免重定向......

原文地址：https://www.cnblogs.com/czdbky/p/9741336.html

时间： 2024-10-28 14:36:55

web前端：知识架构的相关文章

Web 前端知识体系精简

Web前端技术由html.css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构.本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍.目的是帮助大家审查自己的知识结构是否完善,如有遗漏或不正确的地方,希望共勉. JAVASCRIPT 篇 0.基础语法 Javascript基础语法包括:变量定义.数据类

web前端知识总结

1. 前言大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html.css.js)的认识--做web前端需要的比这三大块要多得多. 拖了好几个月了,但是由于近期将要参加的某一个活动,我不得不这两天把这个东西整出来. 大家不要害怕,其实下文中的这个知识框架要比草图中的好看的多,草图大家权当没看见. 在看内容之前,先看一下这个知识框架的

web前端知识体系大全

1. 前言大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html.css.js)的认识——做web前端需要的比这三大块要多得多. 拖了好几个月了,但是由于近期将要参加的某一个活动,我不得不这两天把这个东西整出来.说干就干.上午我就开始在办公室画草图,乱七八糟的在那儿理思路. 大家不要害怕,其实下文中的这个知识框架要比草图中的好看的

自己总结的web前端知识体系大全【欢迎补充】

1. 前言大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候.突然有了一个想法. 想把整个web前端开发所须要的知识都之中在一个视图中,形成一个完整的web前端知识体系.目的是想要颠覆人们对于前端仅仅有三大块(html.css.js)的认识--做web前端须要的比这三大块要多得多. 拖了好几个月了,可是因为最近将要參加的某一个活动.我不得不这两天把这个东西整出来. 说干就干. 上午我就開始在办公室画草图,乱七八糟的在那儿理思路. 大家不要害怕.事实上下文中的这个知识框架要比草图

Web前端知识体系精简

Web前端知识技能大汇总

Web前端知识技能大汇总来源:github 发布时间:2015-07-08 阅读次数:3432 28 项目起源还记得@jayli 的这幅前端知识结构图么. 图片的形式具有诸多的不便.缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个GitHub项目.我们可以通过协作的方式来共同维护这个项目.Git的历史记录也可以见证前端行业的一些变迁. 可视化效果前端开发知识结构前端工程师浏览器 IE6/7/8/9/10/11 (Trident) Firefo

WEB前端目录架构-v1.0

============================================================================== 前端目录架构-v1.0(项目级)============================================================================== Project/ ├── css/ │ ├── icon/ │ ├── page/ │ ├── base.css │ ├── reset.css

向着全栈工程师前进！Web前端知识体系精简

Web前端技术由html.CSS和JavaScript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构.本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍.目的是帮助大家审查自己的知识结构是否完善,如有遗漏或不正确的地方,希望共勉. JAVASCRIPT 篇重点:爱创课堂8月份web前端培训课程就要开课: 特针对零基础开