Fe 思维导图模板_ProcessOn思维导图、流程图

安全

前端安全

XSS 漏洞

CSRF 漏洞

会话劫持

拒绝服务

后端安全

SQL 注入

XPath注入

cgi命令执行

权限控制

SESSION 与 COOKIE

IP 地址

验证码

表单重复提交

报头

请求参数

上传文件

缓存技术

浏览器缓存

Http缓存

协商缓存

Last-Modified/If-Modified-Since

Last-Modified

If-Modified-Since

Etag/If-None-Match

Etag

If-None-Match

强缓存

Expires

Cache-Control

websql

indexDB

Cookie

localstorage

sessionstorage

application cache

cacheStorage

flash缓存

CDN缓存

访问过程

1)、用户向浏览器提供要访问的域名；

2)、浏览器调用域名解析库对域名进行解析，由于CDN对域名解析过程进行了调整，所以解析函数库一般得到的是该域名对应的CNAME记录，为了得到实际IP地址，浏览器需要再次对获得的CNAME域名进行解析以得到实际的IP地址；在此过程中，使用的全局负载均衡DNS解析，如根据地理位置信息解析对应的IP地址，使得用户能就近访问。

3)、此次解析得到CDN缓存服务器的IP地址，浏览器在得到实际的IP地址以后，向缓存服务器发出访问请求；

4)、若请求文件并未修改，返回304（充当服务器的角色）。若当前文件已过期，则缓存服务器根据浏览器提供的要访问的域名，通过Cache内部专用DNS解析得到此域名的实际IP地址，再由缓存服务器向此实际IP地址提交访问请求；

5)、缓存服务器从实际IP地址得得到内容以后，一方面在本地进行保存，以备以后使用，二方面把获取的数据返回给客户端，完成数据服务过程；

6)、客户端得到由缓存服务器返回的数据以后显示出来并完成整个浏览的数据请求过程。

云服务

七牛云

网易蜂巢

阿里云服务

腾讯云

百度云

......

代理服务器缓存

nginx

离线缓存

引入manifest文件

.mainfest文件编写

缓存状态

主动更新缓存

缓存相关的事件

updateready事件

progress事件

checking事件

downloading事件

updatereadey事件

obsolete事件

cached事件

error事件

noupdate事件

WEB服务器

Nginx

最大连接数

Max_client=worker_processes*worker_connections

负载均衡

upstream backend

正向代理

resolver

反向代理

proxy_pass

跨域访问

location

Apache

lighttpd

HTTP状态码

消息

成功

重定向

请求错误

服务器错误

调试

Fiddler2

Chrome Developer Tools

FireBug

JSON格式校验

微信web开发者工具

weinre

版本控制

svn

git

Git服务器

私有

gitlab

ubuntu

postgresql

公开

GitCafe

Coding

开源中国社区

Bitbucket

GitHub

Git客户端

Git BASH

GitHub for Desktop

Source Tree

TortoiseGit

repo

Visual Studio Code

IDE集成 - Xcode

Eclipse - Egit

cvs

编辑工具

Sublime Text

插件

Package Control

Emmet

html5

jQuery

javascript-API-Completions

JSFormat

SublimeLinter

BracketHighlighter

Alignment

Ctags

DocBlockr

SideBarEnhancements

HBuilder

JetBrains WebStorm

Adobe Dreamweaver CS6

插件

jQuery插件库

UI

背景

对话框和灯箱

筛选及排序

反馈

弹出层

悬停

布局

图表

加载

圆边

滚动

标签

文本链接

工具提示

网络类型

输入

拾色器

定制和风格

日期和时间

拖和放

通用输入

自动完成

密码

投票率

搜索

选择框

快捷键

触摸

丰富的输入

上传

验证

媒体

音频和视频

幻灯片和轮播图

图片展示

图像

地图

滑块和旋转

Tabs

导航<br>

水平导航

垂直导航

文件数

分页

手风琴菜单

其他导航

其他

动画效果

浏览器调整

移动

独立的部件

杂项

游戏

jQuery之家

jQuery库

瀑布流

视觉差滚动效果

菜单和导航

幻灯片和轮播图

图片效果

表单

工具提示

表格

评分和星级

选项卡

手风琴

LightBox和对话框

文本和超链接

布局和界面

日期时间选择器

颜色选择器

图表

按钮和图标

工具类

HTML5库

Canvas

SVG

动画

游戏

模板

音频视频播放器

CSS3库

animation

transform

transition

动画

导航菜单

UI界面设计

资料库

Font Awesome

前端教程

jQuery在线文档

xxxxxxxxxxxxxx

框架/组件/流程

JS

Angular

React

Vue

CSS

Kube

组件

Amaze UI

Lay UI

Frozen UI<br>

Flat UI

Bootstrap

流程

构建/打包

Gulp

Grunt

webpack

CSS预处理器

Sass

Less

Stylus

HTML/HTML5

规范

HTML

标签