我最犀利蛮鬼-CSDN博客

原创移动端样式全面适配（基于webpack+vue为例）

该适配方案基于webpack和vue来阐述，但是原理基本大同小异，并不局限于webpack+vue为方便阐述，直接以vue-cli搭建的脚手架项目开始该项目引入一个插件postcss-px2rem配合使用，当然该插件也可以自己写1.快速搭建好一个项目vue init webpack my-project安装好依赖之后，就算创建项目成功，此时把项目跑起来npm run dev2.引...

2018-09-30 20:34:53 7454

原创 SwitchHosts不能及时生效的解决方案

SwitchHosts是一个管理、切换多个 hosts 方案的工具。它是一个免费开源软件。平时我们在开发的时候，到了自测这一步，都要将代码放到测试机上。这时候就可以将网站的资源位置转到测试机的IP上去，从而可以在互联网访问正常的网站的时候，加载自己测试机上的资源。 1. 问题我们在开启SwitchHosts相应的IP转换的时候：（1）浏览器上要改变的内容并没有生效； ...

2018-05-17 13:41:15 13279 1

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

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

2018-04-18 10:27:12 22612

原创移动端轮播图原生实现

slidebanner.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="vie

2018-09-29 15:44:10 2641 2

原创 JS高性能随机算法

举例，从一个数组中随机抽取若干元素且不重复// 样本数组var exampleArr = [];// 目标数组var randomArr = [];// 制造样本for (var i = 1; i <= 150; i++) { exampleArr.push(i)}// 抽取数据for (var j = 0; j < 4; j++) { ...

2018-05-17 11:27:02 1806

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

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

2018-04-22 18:32:31 1204

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

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

2018-04-19 15:49:17 1612

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

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

2018-04-16 18:08:51 1866

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

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

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

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

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

2018-04-09 16:30:35 153

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

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

2018-04-09 16:08:12 1421

原创 bootstrap最基础的知识应用

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

2018-04-09 15:42:19 647

原创 CSS重要知识点汇总

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

2018-04-09 15:24:19 1821

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

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

2018-04-08 18:22:20 2298

原创 HTML5易漏知识点锦集

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

2018-04-04 18:35:13 515

原创 HTML基础知识要点锦集

HTML基础知识要点锦集本文通过对w3schoolHTML基础教程，整理出比较常见的却又容易遗忘或者忽略的HTML相关知识点。本文的标题顺序与w3school中的HTML基础教程标题顺序保持一致。适合翻阅和复习。1.HTML 基础(1) 图像的名称和尺寸是以属性的形式提供的一般我们以为要用样式去操作宽高，但是图片是有直接可用的属性去指定的。<img src="...

2018-03-23 16:45:15 291

原创浏览器缓存机制图解流程总结

一、浏览器缓存机制流程二、相关术语的解释1.Etag 2.Last-Modified 3.Expires 4.Cache-control

2017-08-04 15:29:15 2215

原创用CSS对DIV画三角形

用CSS对DIV画三角形

2017-07-21 16:09:57 1866

原创 JS事件和CSS媒体查询对同一元素操作样式发生冲突解决方案

JS事件和CSS媒体查询对同一元素操作样式发生冲突解决方案；媒体查询针对不同的屏幕宽度大小对某元素调整样式，而JS事件针对不同的操作对某元素进行操作，当JS事件和媒体查询针对的是同一元素进行样式改变的操作时，会出现一个问题，就是当JS改变了该元素的样式之后，当媒体查询再次满足时，该元素应该被媒体查询改变的样式却没有生效，该元素依然保持着JS事件改变后的样式。

2017-07-21 15:50:18 2342