自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 解决移动端overflow:scroll元素内部1px元素不显示方法

问题:移动端解决1px问题惯用方法是利用scale的方法缩放达到绝对的1px效果,然而android手机浏览器会有一个问题,就是overflow:scroll元素内部1px元素不显示解决方案:不使用scale方法实现,转而使用渐变的思想来实现,不用多说贴代码吧,懂的人自然懂 哈哈.split-border{ position: absolute; top: 0px; width: 1

2017-11-25 13:04:27 1178

原创 修改input默认placeholder的默认样式

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff; } input:-moz-placeholder, textarea:-moz-placeholder { color: #fff; } input::-moz-placeholder, textarea:

2017-04-30 23:12:07 13023

原创 ServiceWorker详解

原生App拥有web应用通常所不具备的离线体验,定时的默默更新,消息通知推送等功能。而新的Service Worker标准让在web app上拥有这些功能成为可能。

2017-01-15 23:47:05 19391

转载 Webpack入门

原文地址http://www.jianshu.com/p/42e11515c10f写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpac

2016-11-30 10:23:46 663

转载 前端攻防篇-CSRF攻击及防御

一.CSRF是什么?  CSRF(Cross-site request forgery),中文名称:跨站请求伪造,也被称为:one click attack/session riding,缩写为:CSRF/XSRF。二.CSRF可以做什么?  你这可以这么理解CSRF攻击:攻击者盗用了你的身份,以你的名义发送恶意请求。CSRF能够做的事情包括:以你名义发送邮件,发消息,盗取

2016-11-09 10:46:35 4425

转载 前端攻防篇-XSS攻击及防御

本文来自:高爽|Coder,原文地址:http://blog.csdn.net/ghsau/article/details/17027893,转载请注明。       XSS又称CSS,全称Cross SiteScript,跨站脚本攻击,是Web程序中常见的漏洞,XSS属于被动式且用于客户端的攻击方式,所以容易被忽略其危害性。其原理是攻击者向有XSS漏洞的网站中输入(传入)恶意的HTML代码,

2016-11-09 10:39:53 2676

原创 ES6-let篇

块级作用域变量声明let1.不存在变量提升let不像var那样会发生“变量提升”现象。所以,变量一定要在声明后使用,否则报错。console.log(foo); // 输出undefinedconsole.log(bar); // 报错ReferenceErrorvar foo = 2;let bar = 2;上面代码中,变量foo用var命令声明,会发生变量提升,即脚本开

2016-11-08 21:11:33 353

原创 CSS实现经典三栏布局(两侧定宽,中间自适应)

html代码:css代码: #left{ float: left; width:100px; height: 100px; background-color: #00A5FF; } #right{ float: right; width:100px; h

2016-10-31 23:58:17 993

转载 两列布局——左侧宽度固定,右侧宽度自适应的两种方法

今天做了一个练习,要求用两种方法来实现左侧宽度固定、右侧宽度自适应的两列布局。一开始我以为会很简单,毕竟只是练习,但是我写出了一种方法之后却没能顺利的写出第二种方法。对于网上的一些解决方法我还是不太满意,于是自己继续琢磨着,问问一些前辈,希望得到一些思路。终于,皇天不负有心人,在自己翻译的一篇关于BFC的文章上,我找到了解决的方法。  关于左侧宽度固定,右侧宽度自适应两列布局的一种很常用的

2016-10-31 23:44:19 550

原创 理解instanceof实现原理

instanceof原理 照惯例,我们先来看一段代码: function Cat(){} Cat.prototype = {} function Dog(){} Dog.prototype ={} var dog1 = new Dog(); alert(dog1 instanceof Dog);//true alert(dog1 instanceof Object);//t

2016-10-19 10:37:54 944

原创 NodeList集合跟Array数组的区别

首先来看看什么是NodeList,NodeList跟arguments都不是普通的数组,他们有数组的一些基本属性但是又不完全是数组。下面是在Mozilla上面找到的定义:This is a commonly used type which is a collection of nodes returned by   getElementsByTagName, getElementsByTagN

2016-10-19 09:53:32 6216

原创 原生js--事件类型

1、表单事件:submit事件reset事件click事件change事件focus事件(不冒泡) (IE和ES5支持冒泡的focusin)blur事件(不冒泡) (IE和ES5支持冒泡的focusout)input事件(ES5 textinput提供更方便的获取输入文字的方案) 2、Window事件load事件

2016-10-18 23:18:37 400

转载 Web 网页通信之长连接、长轮询

基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询?用通俗易懂的话来说,就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的,只是我们人眼无法分辨是否停止,它只是一种快速的停下然后又立即开始连接而已。

2016-10-18 23:04:14 597

转载 HTML5 data-* 自定义属性

在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题,而且关于Attribute和Property的区别也让人十分头痛,在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。读写方式

2016-10-14 22:14:46 427

转载 javascript单线程

JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如[javascript]setTimeout( function(){ alert(’你好!’); } , 0); setInterval( callbackFunction , 100); setT

2016-10-13 18:06:19 198

转载 JavaScript正则表达式下——相关方法

上篇博客JavaScript 正则表达式上——基本语法介绍了JavaScript正则表达式的语法,有了这些基本知识,可以看看正则表达式在JavaScript的应用了,在一切开始之前,看看RegExp实例的几个属性 RegExp实例对象有五个属性global:是否全局搜索,默认是falseignoreCase:是否大小写敏感,默认是falsemultiline:多行搜索,默认

2016-10-12 21:38:51 192

转载 JavaScript 正则表达式上——基本语法

定义JavaScript种正则表达式有两种定义方式,定义一个匹配类似  的字符串1. 构造函数var reg=new RegExp(']+%>','g');2. 字面量var reg=/]%>/g;g: global,全文搜索,默认搜索到第一个结果接停止i: ingore case,忽略大小写,默认大小写敏感m: multiple lines

2016-10-12 21:37:57 198

原创 ie浏览器flash player不能用的解决方案

输入以下命令:32位系统:先输入 cd C:\Windows\System32\Macromed\Flash 后按下回车键在输入 regsvr32 Flash.ocx 后按下回车键64位系统:先输入 cd C:\Windows\SysWOW64\Macromed\Flash 后按下回车键在输入 regsvr32 Flash.ocx 后按下回车键会提示DllRegiste

2016-10-08 22:40:32 11308 1

转载 Session机制详解

虽然session机制在web应用程序中被采用已经很长时间了,但是仍然有很多人不清楚session机制的本质,以至不能正确的应用这一技术。本文将详细讨论session的工作机制并且对在Java web application中应用session机制时常见的问题作出解答。    一、术语session     在我的经验里,session这个词被滥用的程度大概仅次于transacti

2016-10-08 11:14:02 502

原创 javascript实现继承的几种方式

原文地址:http://www.jb51.net/article/81766.htm前言:大多OO语言都支持两种继承方式: 接口继承和实现继承 ,而ECMAScript中无法实现接口继承,ECMAScript只支持实现继承,而且其实现继承主要是依靠 原型链 来实现。1.原型链基本思想:利用原型让一个引用类型继承另外一个引用类型的属性和方法。构造函数,原型,实例之间的

2016-09-30 21:04:55 1171

转载 TCP连接的11种状态变迁

转自:http://blog.csdn.net/engrossment/article/details/81044821、先上图:2、全部11种状态    2.1、客户端独有的:(1)SYN_SENT (2)FIN_WAIT1 (3)FIN_WAIT2 (4)CLOSING (5)TIME_WAIT 。    2.2、服务器独有的:(1)LI

2016-09-07 10:47:51 322

转载 对js里bind函数的理解

对js里bind函数的理解先写一段测试用例:function tt(){alert(arguments.callee == tt);alert(this);}var i = "1";var i1 = tt.bind(i);window.i1();输出是:true 1根据输出,我的理解是:函数经过bind后,会生成一个本地函数i1,i1里会有一

2016-08-20 16:10:20 475

转载 jquery的$.extend和$.fn.extend作用及区别

文章原地址:http://blog.sina.com.cn/s/blog_7c5d61f30101da1k.htmljQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend();jQuery.extend();虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便。jQuery便是一个封装得非常好的类,比如我们用 语

2016-08-15 16:52:17 205

转载 很多网站的内容储存用多个域名的好处

主要是节省带宽。 问题里的“网站的内容”,其实指的是网站的图片,或者视频,或者js,css。 举例说一下: twitter 的主站 http://twitter.com ,用户的每次访问,都会带上自己的cookie ,挺大的。假如twitter 的图片放在主站域名下,那么用户每次访问图片时,request header 里就会带有自己的cookie ,header 里的co

2016-08-14 22:23:14 3206

转载 osi模型和tcp udp的比较

1.网络模型OSI七层模型7 应用层:允许访问网络资源。 通信单位:报文(指的是TCP/IP协议里广义的应用层 ) 6 表示层:数据的转换,加密,压缩  5 会话层:建立,管理,终止会话  4 运输层:提供可靠的进程到进程的交付和差错恢复。  3 网络层:从源到终点传送分组,提供网络互联。通信单位 数据报 2 数据链路层:将比特组织成帧结构,提供逐跳交付。通

2016-08-14 11:08:06 599

原创 jQuery mouseover与mouseenter,mouseout与mouseleave的区别

mouseover(原生js事件)与mouseenter(jquery扩展事件)mouseover(原生js事件)不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。mouseenter(jquery扩展事件)只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。mouseout(原生js事件)与mouseleave(jquery扩展事

2016-08-14 10:17:44 292

转载 javascript深入理解js闭包

原地址:http://www.jb51.net/article/24101.htm一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码  var n=999;  function f1()

2016-08-09 14:19:46 194

转载 HTTP协议详解

转自: http://www.cnblogs.com/li0803/archive/2008/11/03/1324746.html引言HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版,HTTP/1.1的规范化工作正在进行之中

2016-08-08 15:59:33 254

转载 浅谈a伪类选择器的书写顺序

首先先声明一下标签a伪类选择器的正确书写顺序如下a:link a:visited a:hover a:active 为什么必须得按顺序呢?  这个问题可以这样来解答。  首先注意关键的两点:1.这4个伪类特指度相同。2.一个链接可能同时处于多种状态,即同时属于多个伪类。  好,现在来详细剖析。  未点击链接前,link伪类长期处于激活状态,鼠

2016-07-26 16:09:45 2806

转载 浅谈前端与SEO

SEO(Search Engine Optimization)搜索引擎优化,是为了增加页面在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为。SEO有一条不变的准则就是它永远都在变,因为没有一沉不变的优化方案可供大家套用。但我们仍然可以发现一些基础的或是被人们工人的规律来进行网站的SEO。从宏观的角度来说,我认为SEO有三条最重要的规律,那就是原创的内容、高质量的外部链接和适度的优化

2016-07-19 16:14:12 2633

转载 去除inline-block之间的间距

去除inline-block元素间间距的N种方法一、现象描述真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子: 间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题:.space a { display: inli

2016-07-10 16:22:30 275

原创 垂直居中问题

垂直居中问题使用verticaldiv style="width: 100px;height:500px;background-color: #0000FF;display: table-cell;vertical-align:middle"> div style="width:50px;height: 50px;background-color: #66aa33;" >div>

2016-07-10 16:20:25 249

翻译 json对象两个方法的解析

json对象有两个方法:stringify()和parse()。在最简单的情况下,这两个方法分别用于把js对象序列化为json对象和把json对象解析为原生js对象。例如:代码如下:function init(){var book={title:"JavaScript高级程序设计",authors:["Nicholas C. Zakas"],ed

2016-06-03 17:47:29 4439

原创 textarea 在浏览器中固定大小和禁止拖动

HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,但大小在浏览器中(firefox、chrome)还是可以调节的,使用 CSS 的 height 和 width 属性效果和rows cols定义的效果相同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下两个样式禁用拖动,

2016-06-03 16:15:07 42334

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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