浅谈CDN、SEO、XSS、CSRF

时间 2019-12-20

标签浅谈 cdn seo xss csrf 栏目网络硬件繁體版

原文原文链接

CDN

什么是CDN

初学Web开发的时候，多多少少都会听过这个名词->CDN。php

CDN在我没接触以前，它给个人印象是用来优化网络请求的，我第一次用到CDN的时候是在找JS文件时。当时找不到相对应的JS文件下载地址(以前通常我都是把JS下载下来，而后在项目中引用的。PS:固然了，我以为大部分初学者都同样)css

找着找着发现了这个网站：http://www.bootcdn.cn/，发现它这个搜索引擎收录了不少的JS文件，直接在项目中引入它的地址就好了！html

后来，在购买服务器的时候也发现了广告：CDN加速之类的...git

当时以为还没用到，就无论它了。github

今天，在整理笔记的时候又看到了CDN这个名词了，因而决定去好好学习一番。web

那么我讲了一大堆，CDN究竟是什么？浏览器

CDN的全称是Content Delivery Network，即内容分发网络。安全

为何要使用CDN？

从我上面的经历而言，CDN确定是可以加快咱们的访问网站的速度的(由于有CDN服务器卖)，那JS引入绝对的路径和咱们本身下载下来，使用相对路径引入有什么区别呢？？？服务器

在咱们的应用中，咱们通常采用：应用服务器和资源服务器进行分离的方式微信

应用服务器主要是咱们的代码（JS、CSS不放在应用服务器上)
资源服务器主要是一些静态的资源，而CDN就是做为咱们的资源服务器了。

CDN主要用于存储JS、CSS文件，可以加快咱们获取JS、CSS的内容

参考资料：

SEO

什么是SEO

SEO（search engine optimization 搜索引擎优化）
SEM（search engine marketing 搜索引擎营销）
SEM包括搜索引擎优化(SEO)、付费排名、精准广告以及付费收录，SEM包括SEO和竞价，SEO也是SEM的一种方式。
SEM要钱的(简单理解：百度的广告就是SEM)、SEO不用钱的(本身配置提升搜索引擎的权重)

SEO是一种技术，主要是用于提升网站浏览量而作的优化手段

为何须要SEO？

咱们搜一下Java微信公众号：

发现排名是有前后的，博客园、CSDN都是靠前的。但是平台那么多，还有开源中国啊、简书啊等等平台为啥就排不到前面呢？就是SEO没有博客园、CSDN作得好

想要提升在搜索引擎的权重(本身的网站排得更前)就须要学习SEO。

提升权重的方法

那么提升在搜索引擎的权重有什么办法的呢？？能够看下面的图：

固然了，跟咱们编写的代码质量也是有很大的关系的：

A、title标题：强调重点
B、meta keywords关键词：列举几个关键词
C、meta description网页描述：高度归纳网页的内容
以上信息不要堆积、重复

语义话代码（HTML 标签有本身的意义，在适当的位置用适当的标签）：

一、h1~h6 多用于标题
二、ul 多用于无序列表
三、ol 多用于有序列表
四、dl 用于定义数据列表
五、em、strong 表示强调
div、span 是 html 标签中最没有语义的

有利搜索引擎:

一、a：访问外部连接时要加上 rel="nofollow"，告诉搜索引擎外部连接无需追踪，加上 title 说明
二、h1：搜索引擎外认为 h1 最重要，使用 css 调整，网页正文标题用 h1，副标题用 h2，其余不要乱用 h 标签
三、br 用于文本间的换行，用在 p 内，也能够用  表示空行
四、caption：表格标题
五、img：使用 title、alt 说明
六、<em>表示强调，的权重仅次于,若是只想表示加粗斜体，建议使用,表示强调则使用
七、重要内容 HTML 代码放在最前面（使用 css 改变布局）
八、重要内容不要用 JS 输出（搜索引擎看不懂 JS）
九、尽可能少使用 iframe 框架（搜索引擎不喜欢）
十、谨慎使用 display:none（搜索引擎会过滤掉其内容，设置 z-index 代替）
十一、精简代码

页面结构：

结构布局优化：用扁平化结构（层次结构超过三层小蜘蛛就不肯意爬了）
控制首页连接数量（中小网站100之内，页面导航、底部导航、锚文字连接等）
扁平化的目录层次（小蜘蛛跳转3次能够到达网站内任何一个内页，网站的设计主页、栏目、内容页，不要用纵线性的结构）
导航seo优化（头部、底部、内容部分，主导航、副导航、分类导航，尽可能用文字，面包屑导航，在每一个网站上留下面包屑，使用户能够了解网站组织形式，放于正文的左上方）
内容页面的布局细节
- 左面正文，右面热门文章、相关文章，下面是版权信息及连接，栏目排布：首页123456789下拉选择最赞）
网站的加载速度会影响小蜘蛛的爬行，页面最好不要超过100k

参考资料：

XSS

什么是XSS？

跨站脚本（cross site script）为了不与样式css混淆，因此简称为XSS。

XSS是一种常常出如今web应用中的计算机安全漏洞，也是web中最主流的攻击方式。那么什么是XSS呢？

XSS是指恶意攻击者利用网站没有对用户提交数据进行转义处理或者过滤不足的缺点，进而添加一些代码，嵌入到web页面中去。使别的用户访问都会执行相应的嵌入代码。

XSS跟SQL注入是相似的，它攻击有两种方式：

反射型
存储型

XSS攻击的危害是很大的，注入script能够执行任何的JS代码(意味着能够获取cookie等信息了)，注入style能够把页面所有弄崩

防范XSS攻击

最重要的是：不要相信客户端发送过来的任何数据！

评论功能就最容易发生XSS攻击了

防范XSS攻击可简单分红三个步骤：

编码(对特殊的字符进行编码,<,',>等特殊字符
过滤(过滤掉一切可能被调用的属性，标签。好比：onclick,onerror,iframe等等)

encode.js：可使用https://github.com/mathiasbynens/he 中的he.js
domParse：能够用 https://github.com/blowsie/Pure-JavaScript-HTML5-Parser

参考资料：

CSRF

什么是CSRF

CSRF的全名为Cross-site request forgery，它的中文名为跨站请求伪造（伪造跨站请求【这样读顺口一点】）
CSRF是一种夹持用户在已经登录的web应用程序上执行非本意的操做的攻击方式。相比于XSS，CSRF是利用了系统对页面浏览器的信任，XSS则利用了系统对用户的信任。
CSRF攻击是源于Web的隐式身份验证机制！Web的身份验证机制虽然能够保证一个请求是来自于某个用户的浏览器，但却没法保证该请求是用户批准发送的

来源：http://www.cnblogs.com/phpstudy2015-6/p/6771239.html

防护CSRF攻击

抵御CSRF攻击的关键在于：在请求中放入攻击者所不能伪造的信息，而且该信息不存在于Cookie之中。

那么咱们在提交表单时添加一个token并验证就好了，很简单

参考资料：

若是文章有错的地方欢迎指正，你们互相交流。习惯在微信看技术文章，想要获取更多的Java资源的同窗，能够关注微信公众号:Java3y