柱哥的博客

止于心得分享

排序:
默认
按更新时间
按访问量

移动端样式全面适配(基于webpack+vue为例)

该适配方案基于webpack和vue来阐述,但是原理基本大同小异,并不局限于webpack+vue 为方便阐述,直接以vue-cli搭建的脚手架项目开始 该项目引入一个插件postcss-px2rem配合使用,当然该插件也可以自己写 1.快速搭建好一个项目 vue init web...

2018-09-30 20:34:53

阅读数:164

评论数:0

移动端轮播图原生实现

slidebanner.html <!DOCTYPE html> <html lang="en"> &a...

2018-09-29 15:44:10

阅读数:31

评论数:2

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

SwitchHosts是一个管理、切换多个 hosts 方案的工具。 它是一个免费开源软件。平时我们在开发的时候,到了自测这一步,都要将代码放到测试机上。这时候就可以将网站的资源位置转到测试机的IP上去,从而可以在互联网访问正常的网站的时候,加载自己测试机上的资源。 1. 问题 ...

2018-05-17 13:41:15

阅读数:715

评论数:0

JS高性能随机算法

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

2018-05-17 11:27:02

阅读数:182

评论数:0

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

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

2018-04-22 18:32:31

阅读数:318

评论数:0

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

主要判断世界五大主流浏览器内核,其中IE浏览器可以精确到版本号(IE5-IE11,同时考虑了兼容模式),同时支持判断国内大部分套壳浏览器 function browerType() { var ua = navigator.userAgent.toLocaleLowerCas...

2018-04-19 15:49:17

阅读数:156

评论数:0

内容安全策略(CSP)详解

内容安全策略(CSP),其核心思想十分简单:网站通过发送一个 CSP 头部,来告诉浏览器什么是被授权执行的与什么是需要被禁止的。其被誉为专门为解决XSS攻击而生的神器。 1.CSP是什么 CSP指的是内容安全策略,为了缓解很大一部分潜在的跨站脚本问题,浏览器的扩展程序系统引入了内容安全...

2018-04-18 10:27:12

阅读数:856

评论数:0

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

url() 函数中的路径应该加引号吗? 加不加引号,各有各的说话,也有说加不加都没所谓的,但是其内在是有一定的区别的,主要体现的地方如下面所描述,我们应该根据业务的需要来指定规范 1.建议不加引号 (1)低系列 IE 不兼容带有引号的写法; (2)如无必要,省略 url 中的引号(...

2018-04-16 18:08:51

阅读数:186

评论数:0

web安全(客户端篇)详细攻防图

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

2018-04-10 18:25:45

阅读数:124

评论数:0

利用Hexo在GitHub搭建个人的Blog

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

2018-04-09 16:30:35

阅读数:23

评论数:0

利用gulp来对less编译成css

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

2018-04-09 16:08:12

阅读数:110

评论数:0

bootstrap最基础的知识应用

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

2018-04-09 15:42:19

阅读数:233

评论数:0

CSS重要知识点汇总

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

2018-04-09 15:24:19

阅读数:218

评论数:0

最全最精准的IE浏览器判断和国内套壳浏览器判断(360,QQ,搜狗,百度等)

仅针对IE浏览器和国内主流套壳浏览器进行判断,不对其他浏览器进行判断 IE判断说明:判断浏览器的目的在于根据不同的浏览器作出不同的后台响应,而最主要针对的无非是CSS样式代码,而IE浏览器坑很多,它同时具备文档模式和浏览器模式(用户代理字符串),IE浏览器的文档模式不同则其对应的渲染引...

2018-04-08 18:22:20

阅读数:225

评论数:0

HTML5易漏知识点锦集

本文通过对w3schoolHTML5基础教程,整理出比较常见的却又容易遗忘或者忽略的HTML5相关知识点。本文的标题顺序与w3school中的HTML5基础教程标题顺序保持一致。适合翻阅和复习。 1.HTML 5 视频 (1)视频格式 当前,video 元素支持三种视频格式: ...

2018-04-04 18:35:13

阅读数:205

评论数:0

HTML基础知识要点锦集

HTML基础知识要点锦集 本文通过对w3schoolHTML基础教程,整理出比较常见的却又容易遗忘或者忽略的HTML相关知识点。本文的标题顺序与w3school中的HTML基础教程标题顺序保持一致。适合翻阅和复习。 1.HTML 基础 (1) 图像的名称和尺寸是以属性的形式提供的 ...

2018-03-23 16:45:15

阅读数:71

评论数:0

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

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

2017-08-04 15:29:15

阅读数:1051

评论数:0

用CSS对DIV画三角形

用CSS对DIV画三角形

2017-07-21 16:09:57

阅读数:283

评论数:0

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

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

2017-07-21 15:50:18

阅读数:932

评论数:0

JQuery的toggle()方法把元素隐藏了的解决方案

JQuery的toggle()方法把元素隐藏了的解决方案 JQuery的toggle()本来是用来切换几种状态之间的变化的,但是我们在使用的时候,遇到了一种情况就是被绑定toggle()的元素被隐藏了,根本没有达到我们要的效果,本文将解释这种情况的原因。

2017-07-20 15:53:10

阅读数:2805

评论数:1

提示
确定要删除当前文章?
取消 删除
关闭
关闭