Fe
2019-04-02 18:03:07 0 举报
AI智能生成
前端技能导图
作者其他创作
大纲/内容
Fe
安全
前端安全
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
导航
水平导航
垂直导航
文件数
分页
手风琴菜单
其他导航
其他
动画效果
浏览器调整
移动
独立的部件
杂项
游戏
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
Flat UI
Bootstrap
流程
构建/打包
Gulp
Grunt
webpack
CSS预处理器
Sass
Less
Stylus
HTML/HTML5
规范
HTML
meta
name属性
Keywords(关键字)
description(网站内容描述)
robots(机器人向导)
author(作者)
generator
COPYRIGHT
revisit-after
http-equiv属性
Expires(期限)
Pragma(cache模式)
Refresh(刷新)
Set-Cookie(cookie设定)
Window-target(显示窗口的设定)
content-Type(显示字符集的设定)
content-Language(显示语言的设定)
Cache-Control指定请求和响应遵循的缓存机制。
http-equiv=\"imagetoolbar\"
Content-Script-Type
属性
事件
视频/音频
画布
文档类型
颜色名
字符集
ASCII
ISO-8859-1
符号
URL 编码
语言代码
方法
HTML5
视频
Video + DOM
音频
拖放
内联 SVG
Canvas vs. SVG
地理定位
Web 存储
应用程序缓存
Web Workers
服务器发送事件
Input 类型
表单元素
表单属性
CSS/CSS3
基础
基础语法
高级语法
派生选择器
id 选择器
类选择器
属性选择器
如何创建 CSS
样式
文本
字体
链接
列表
轮廓
盒模型
盒模型概述
内边距
边框
外边距
外边距合并
定位
定位 (Positioning)
相对定位
绝对定位
浮动
选择器
元素选择器
分组
类选择器详解
ID 选择器详解
属性选择器详解
后代选择器
子元素选择器
相邻兄弟选择器
伪类 (Pseudo-classes)
伪元素 (Pseudo-elements)
高级
水平对齐
尺寸 (Dimension)
分类 (Classification)
导航条
图片库
子主题
媒介类型
注意事项
CSS3
文本效果
2D 转换
3D 转换
过渡
多列
用户界面
Hack
JavaScript
js
使用
输出
语句
注释
变量
数据类型
对象
函数
运算符
比较和逻辑运算符
If...Else 语句
Switch 语句
For 循环
While 循环
Break 和 Continue 语句
错误 - Throw、Try 和 Catch
表单验证
DOM
改变 HTML
改变 CSS
DOM 事件
DOM 元素(节点)
Number 对象
字符串(String)对象
Date(日期)对象
Array(数组)对象
Boolean(逻辑)对象
Math(算数)对象
RegExp 对象
Window
浏览器对象模型
Screen
Location
History
Navigator
消息框
警告框
带有折行的警告框
确认框
提示框
计时
Cookies
Jquery
语法
效果
隐藏和显示
淡入淡出
滑动
停止动画
Callback 函数
Chaining
获得内容和属性
设置内容和属性
添加元素
删除元素
获取并设置 CSS 类
css() 方法
尺寸
遍历
祖先
后代
同胞
过滤
AJAX
AJAX load() 方法
AJAX get() 和 post() 方法
noConflict() 方法
创建 XMLHttpRequest 对象
向服务器发送请求
服务器响应
onreadystatechange 事件
ASP/PHP 请求
数据库实例
XML 实例
JSON
0 条评论
回复 删除
下一页