2018年04月_我最犀利蛮鬼

09月 05月 04月 03月

原创内容安全策略（CSP）详解

内容安全策略（CSP），其核心思想十分简单：网站通过发送一个 CSP 头部，来告诉浏览器什么是被授权执行的与什么是需要被禁止的。其被誉为专门为解决XSS攻击而生的神器。

2018-04-18 10:27:12 23314

原创一款清除浏览器样式差异的解决方案

各浏览器默认的样式各不同，所以会影响到我们的开发，因为在每次开发之前应该先对浏览器的默认样式进行一次清除，让每个浏览器保持一致的初始化样式，如下的代码是具有高性能的样式初始化

2018-04-22 18:32:31 1232

原创 JS判断国内外所有主流浏览器类型

主要判断世界五大主流浏览器内核，其中IE浏览器可以精确到版本号（IE5-IE11，同时考虑了兼容模式），同时支持判断国内大部分套壳浏览器function browerType() { var ua = navigator.userAgent.toLocaleLowerCase(); // 判断是否为IE(第一个是正常的IE，第二个是Edge，第三个是IE11) ...

2018-04-19 15:49:17 1652

原创 url() 函数中的路径加引号的利弊

url() 函数中的路径应该加引号吗？加不加引号，各有各的说话，也有说加不加都没所谓的，但是其内在是有一定的区别的，主要体现的地方如下面所描述，我们应该根据业务的需要来指定规范1.建议不加引号（1）低系列 IE 不兼容带有引号的写法；（2）如无必要，省略 url 中的引号（出自《CSS 创作指南（Beta）》）；（3）不写引号完全合法，通常在 CSS 压缩工具中也会去掉...

2018-04-16 18:08:51 1948

原创 web安全（客户端篇）详细攻防图

web安全（客户端篇）详细攻防图解（包括XSS，CSRF，ClickJacking）本文用思维导图的方式简单有力地概括web安全的客户端方面的攻击和防御，主要介绍XSS、CSRF和ClickJacking三种常见的web客户端攻击，参考来自《白帽子讲web安全》一书

2018-04-10 18:25:45 1697 1

原创利用Hexo在GitHub搭建个人的Blog

利用Hexo在GitHub搭建个人的Blog（完整版制服所有坑）本文将详述借用Hexo这个工具在GitHub上搭建个人的Blog（博客），避开百度上的答案参差不齐和各种不可预知的错误，有可能出现的意外错误这里都有详细的解决方案。本文图文结合小白式介绍如何一步一步操作

2018-04-09 16:30:35 177

原创利用gulp来对less编译成css

利用gulp来对less编译成css（操作教程图解）本文旨在介绍借助gulp这个打包工具来将less预编译语言编译成我们正常的css语言的整个基本操作流程。其中还提及到部分底层原理并避开了百度上部分杂七乱八的不完整答案

2018-04-09 16:08:12 1443

原创 bootstrap最基础的知识应用

bootstrap最基础的知识应用（寻找其中需要注意的地方）这是关于bootstrap最基本的知识点，和最常用的知识，还有其中需要注意的地方。我打算通过这个笔记来记录自己从bootstrap中学到过的东西，这是一个库，所以存在极大的记忆性，一般来讲不需要记，需要用的时候，我们可以直接去查找就是，但是，所有东西都是看起来简单，但是用起来的时候，才知道其中的磕磕碰碰。。

2018-04-09 15:42:19 683

原创 CSS重要知识点汇总

CSS重要知识点汇总本文通过对w3school的CSS基础教程，整理出比较常见的却又容易遗忘或者忽略的CSS相关知识点。本文的标题顺序与w3school中的CSS基础教程标题顺序保持一致。适合翻阅和复习。

2018-04-09 15:24:19 1895

原创最全最精准的IE浏览器判断和国内套壳浏览器判断（360，QQ，搜狗，百度等）

仅针对IE浏览器和国内主流套壳浏览器进行判断，不对其他浏览器进行判断 IE判断说明：判断浏览器的目的在于根据不同的浏览器作出不同的后台响应，而最主要针对的无非是CSS样式代码，而IE浏览器坑很多，它同时具备文档模式和浏览器模式（用户代理字符串），IE浏览器的文档模式不同则其对应的渲染引擎不同，CSS样式的显示应该以渲染引擎为参考标准，而不是单纯以用户代理字符串为标准。functi...

2018-04-08 18:22:20 2396

原创 HTML5易漏知识点锦集

本文通过对w3schoolHTML5基础教程，整理出比较常见的却又容易遗忘或者忽略的HTML5相关知识点。本文的标题顺序与w3school中的HTML5基础教程标题顺序保持一致。适合翻阅和复习。1.HTML 5 视频（1）视频格式当前，video 元素支持三种视频格式：（2）一种兼容的做法 video 元素允许多个 source 元素。source 元素可以链接不同的...

2018-04-04 18:35:13 528