灰灰你想干什么-CSDN博客

转载手机/移动前端开发需要注意的20个要点

贤心按：移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的pc上，并不需要你掌握额外的技术，然而你在pc web上那一套在多数情况下并不适用于手机web，你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地，这里面有足够高大上的技术等着你去驾驭，在这方面，你可以欣喜地说：让ie见鬼去吧。1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta

2016-11-18 16:19:00 213

转载移动端性能优化

移动性能要考虑Android低端机与2G网络场景下性能注意！发布前必要检查项所有图片必须有进行过压缩考虑适度的有损压缩，如转化为80%质量的jpg图片考虑把大图切成多张小图，常见在banner图过大的场景加载性能优化, 达到打开足够快数据离线化，考虑将数据缓存在 localStorage初始请求资源数注意！图片使用CSS Sprites 或 DataU

2016-11-18 16:16:23 338

转载 IE与FF的JS兼容性都知道哪些

一、函数和方法差异1. getYear()方法【分析说明】先看一下以下代码：[javascript] view plain copyvar year=new Date().getYear(); document.write(year); 　　在IE中得到的日期是"2010"，在Firefox中看到的日期是"

2016-10-04 17:41:03 685

转载 window.name实现的跨域数据传输

如a.com网站想通过JS获取b.com网站的数据。1 在a.com网站添加一个空HTML页。名称为：http://a.com/null.html2 在a.com网站需要获取数据页面(如：http://a.com/getDomainData.html)内容如下：DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr

2016-10-04 09:20:43 195

转载 Meta标签详解

Meta标签详解，在网上转的，希望对大家有用　　引言　　您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种：　　　　●　在搜索引擎中登录自己的个人网站　　　　●　在知名网站加入你个人网站的链接　　●　在论坛中发帖子宣传你的个人网站　　很多人却忽视了HTML标签M

2016-10-02 17:34:01 196

原创打开一个新的网页

一、window.open（）window.open(URL,name,features,replace)参数描述URL一个可选的字符串，声明了要在新窗口中显示的文档的 URL。如果省略了这个参数，或者它的值是空字符串，那么新窗口就不会显示任何文档。name一个可选的字符串，该字符串是一个由逗号分隔的特征列表，其中

2016-09-21 20:26:46 359

转载从输入网址到显示网页的全过程分析

作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。本文将更深入的研究当你输入一个网址的时候，后台到底发生了一件件什么样的事～1. 首先嘛，你得在浏览器里输入要网址:2. 浏览器查找域名的IP地址导航的第一步是通过访问的域名找出其IP地址。DNS查找过程如下：

2016-09-18 19:56:00 1003

原创如何实现两边定宽中间响应式布局

方法1：这个是从博客里找来的方法，使用float 布局 DIV+CSS实现两边固定宽度,中间自适应宽度 .content{width:100%;height:800px;background-color:blue;} #main{ width:540px;

2016-09-11 00:11:15 497

转载 javascript正则表达式

1. 正则表达式规则1.1 普通字符字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号，都是"普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。举例1：表达式 "c"，在匹配字符串 "abcde" 时，匹配结果是：成功；匹配到的内容是："c"；匹配到的位置是：开始于2，结束于3。（注：下标从0开始还是从1开始，因当前编程

2016-09-05 14:28:13 187

转载 js正则表达式符号和一些练习题

正则表达式中的特殊字符字符含意\ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。 ^ 匹配一个输入或一行的开头，/^a/匹配"an

2016-09-05 11:28:19 764

转载 css网格

CSS Grid现在已经被W3C纳入到CSS3的一个布局模块当中，被称为CSS Grid Layout Module。而我们较为熟悉的还是将其想像成网格或者栅格，也就是早期的960gs。不管是网格还是栅格或者现在的CSS Grid Layout Module，我想掌握这些技术对于我们将来在Web项目中实现布局只有好处没有坏处。那么从今天开始我将和大家一起探讨CSS中的网格布局。为什

2016-08-25 09:46:18 367

异步模式在web编程中变得越来越重要，对于web主流语言Javascript来说，这种模式实现起来不是很利索，为此，许多Javascript库（比如 jQuery和Dojo）添加了一种称为promise的抽象（有时也称之为deferred）。通过这些库，开发人员能够在实际编程中使用 promise模式。IE官方博客最近发表了一篇文章，详细讲述了如何使用XMLHttpRequest2来实践promi

2016-08-02 16:10:39 419

转载 css sprites

这段时间有几次接触到了css sprites的概念，一个就是在用css做滑动门的时候，另外一个就是在用YSlow分析网站性能的时候，于是对css sprites这个概念产生了浓厚的兴趣。在网上查找了很多的资料，但可惜的是大部分都是只言片语，其中很多都是直接翻译国外的资料，也有直接推荐国外的资料网站，无奈英语没有过关，基本上没有理解到什么css sprites，更别谈如何使用了。最后还是在蓝

2016-07-28 15:58:30 210

转载 iframe

一、为什么要少用iframe　iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但我们需要慎重的使用iframe。iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了 1-2 个数量级。　　使用 iframe 的页面一般不会包含太多 iframe，所以创建 DOM 节点所花费的时间不会占很大的比重。但带来一些其它的问题：onload 事

2016-07-28 12:17:24 175

转载 css中的单位详解

（一）绝对单位绝对长度单位分为in（英寸）、cm（厘米）、mm（毫米）、pt（磅）、pc（pica）。其中，in（英寸）、cm（厘米）、mm（毫米）和实际中常用的单位完全相同。重点介绍一下pt（磅）、pc（pica）。 pt（磅）：是标准印刷上常用的单位，72pt的长度为1英寸。 pc（pica）：这也是一个印刷上用的单位，1pc的长度为12磅。绝对长度单位，虽然理解起来很容

2016-07-28 11:23:45 622

转载 CSRF

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

2016-07-28 10:27:46 165

转载 xss

xss攻击入门2013-04-06 14:28 by bangerlee, 84776 阅读, 15 评论, 收藏, 编辑xss表示Cross Site Scripting(跨站脚本攻击)，它与SQL注入攻击类似，SQL注入攻击中以SQL语句作为用户输入，从而达到查询/修改/删除数据的目的，而在xss攻击中，通过插入恶意脚本，实现对用户游览器的控制。xss攻击可以分成两种类型：

2016-07-28 10:14:14 242

转载 BFC块级格式化范围

一、BFC是什么？BFC（Block Formatting Context）直译为“块级格式化范围”。是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到可视化布局的时候，Block Formatting Context提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到

2016-07-01 10:17:45 229

转载清除浮动的方法

作者：潇湘链接：http://www.zhihu.com/question/36716815/answer/68716239来源：知乎以及http://www.iyunlu.com/view/css-xhtml/55.html未清除浮动： lang="en"> charset="UTF-8">clear float*{margin:0;pad

2016-06-30 16:44:47 234

转载 border

1、 style> .triangle{ width: 0; height: 0; border-left:50px solid red; border-bottom:50px solid blue; border-top:50px solid black; border-right:5

2016-06-30 16:23:00 370

转载 :before和:after

:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，最基本的用法如下：#example:before { content: "#"; color: red;}#example:after { content: "$"; color: red;}这段代码会在#exa

2016-06-30 15:49:41 174

转载 exec与match方法的比较

var outCome_exec=pattern.exec(someText);var outCome_matc=someText.match(pattern);What is outCome_exec[1] and outCome_matc[1]? Choice A: true Choice B: false Choice C: null Choice D: We

2016-06-21 10:32:18 249

转载关于 RegExp exec（）方法的学习

在我们的前端里面，经常会用到正则表达式进行检索字符串，刚好javascript里面提供RegExp来支持正则表达式，而RegExp对象的主要方法是exec()。语法RegExpObject.exec(string)参数描述string必需。要检索的字符串。返回值：返回一个数组，其中存放匹配的结果。如果未找到匹配，则返

2016-06-21 10:31:16 533

转载 javascript==和 ===

代码1:[] == [];[] === [];{} == {};{} === {};代码2：var n0 = 123;var n1 = new Number(123);var n2 = new Number(123);var n3 = Number(123);var n4 = Number(123);n0 == n1;n0 == n3;n0 === n1;n0

2016-06-02 11:16:52 168

转载 flex布局教程（实例篇）

作者：阮一峰日期： 2015年7月14日上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局

2016-06-01 15:31:28 400

转载 display:flex属性学习

作者：阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现

2016-06-01 15:14:48 739

转载 javascript的eval（）方法

在初学JS的时候就知道这个函数，却一直没有了解过他的用途，也一直都是睁一只眼闭一只眼，这次来深入地了解一下这个函数的作用。eval的作用其实很简单，就是把一段字符串传递给JS解释器，由Javascript解释器将这段字符串解释成Javascript代码，并且执行他。语法为 eval(string)，string 必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的

2016-05-21 17:36:47 382

转载 e.preventDefault

有时候点击提交按钮会有一些默认事件。比如跳转到别的界面。但是如果没有通过验证的话，就不应该跳转。这时候可以通过设置event.preventDefault(); //阻止默认行为 ( 表单提交 )。下面是案例："text/javascript">$(function(){ $("#sub").bind("click",function(event){

2016-05-09 20:26:39 1975 1

转载事件冒泡与事件捕获

一、什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。打个比方说：你在

2016-05-09 00:39:05 218

qq_22912891的博客