- 博客(35)
- 收藏
- 关注
RSS订阅原创 CSS hack实战
!important !important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。默认情况下,CSS规则按级层覆盖，例如在.CSS文件中的定义可以被style标签的定义覆盖，反之则不行。然而,对覆盖平衡而言,加上一个“!important”就优先于正常的CSS规则。 ie7,ie8,firefox,chrome等浏览器下，已经可以识别 !
2013-08-15 12:20:06
672
原创 CSS hack原理
什么是CSS hack 不同的浏览器对W3C规范的支持有差别，因此相同的CSS在不同浏览器下被解析的结果不同，输出的页面效果也就不一致。这就需要CSS hack 来解决浏览器的兼容性问题。这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。CSS Hack 形式 CSS Hack大致有3种表现形式：CSS属性Hack、CSS选择符Hac
2013-08-15 01:05:22
824
原创 藏在IE中的Bug：关于document.getElementById（）方法
Document类型提供了两个方法：document.getElementById（）和getElementsByTagName（）来取得特定的某个或某组元素的引用。 getElementById（）接收要取得元素的ID，若该元素存在则返回该元素，否则则返回null。注意：这里的ID必须与页面中元素的id特性严格匹配，包括大小写。Some textvar div=doc
2013-08-14 22:01:38
9148
原创 跨域资源共享10种方式
JSONPFlash URLLoaderAccess Controlwindow.nameserver proxydocument.domainFIM – Fragment Identitier MessagingFlash LocalConnection
2013-08-14 17:40:57
1101
原创 z-index影响下的层级布局
定义：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。（只能在position：absolute、relative或fixed情况下才生效）该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。默认值：auto继承性：
2013-08-05 17:52:21
2340
原创 Ajax利弊
过多滥用Ajax会怎样？ajax的利弊？参考：:不是，ajax是可以理解为局部刷新，对应某一个事件发送一个http请求。假如你进行快速操作，此时需要刷新的数据差不多等于原先页面那样大的时候，你就要加载比原先多的js代码，发送多的http请求，换成原来就只需一次刷新一次请求，所以在小数据量的时候才有优势，不需要刷新整个页面实现ajax需要编写更多的js代码
2013-08-02 09:15:52
973
原创 浏览器工作原理
DNS解析 1.你在浏览器的地址栏输入了一个网址。由于浏览器具有自动扩展性功能，它会自动帮你填充一些字符，比如当你键入“baidu”的时候帮你填充为“www.baidu.com”。 2.此时检查系统的hosts文件，看看是否有将域名解析为ip地址的记录。我们访问http://localhost就是因为hosts文件里边存在解析为ip地址127.0.0.1的记录
2013-06-12 01:09:56
535
原创 前端优化——海量图片加载
面试百田信息科技的时候，面试官看了我的简历，对我的电子商务策划案感兴趣，就开始发问了：“假如你的网站上有几十甚至几百张图片，如此多的图片你要怎么实现顺畅的加载，而不至于让用户等待时间过长关了页面？” 众所周知，网站的用户体验很重要，如果等待时间过长，用户很大可能会关了这个页面，从而影响网站的停留（这个时间最好别超过4秒） 当时已经开始学Ajax，但是面试的时候却完全
2013-06-08 01:33:47
2286
转载 SASS用法指南
学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专
2013-06-01 12:29:38
570
原创 那些年，我们读过的JavaScript书
这篇帖子旨在描绘前端工程师的修仙练级之路，也作为自己以后汲取知识的一个目标路线。附上读过书籍的一点书评，所以会不断更新初学者：Javascript说到底是架设在HTML架构上的操作，所以必须懂点HTML和CSS知识，以便继续修炼之路入门级：也适合想掌握一些前端技能的非前端工程师。《JavaScript DOM 编程艺术》进阶篇
2013-06-01 02:49:00
659
原创 MySQL insert性能优化
对于一些数据量较大的系统，面临的问题除了是查询效率低下，还有一个很重要的问题就是插入时间长。经过对MySQL的测试，发现一些可以提高insert效率的方法，供大家参考参考。1. 一条SQL语句插入多条数据。 常用的插入语句如：INSERT INTO `insert_table` (`datetime`, `uid`, `content`, `type`) VA
2013-05-30 02:28:39
573
原创 前端开发总结
1、Make Fewer HTTP Requests 众所周知，http请求是要开销的，减少请求数可以提高网页加载速度。常用的方法，合并css，js以及 Image maps和css sprites等。根据功能分开开发，然后通过内部系统对js，css进行分组合并，这样对于浏览器来说是一个请求，但是开发时仍然能还原成多个，方便fiddler调试和性能优化。而css sprites是指只用
2013-05-30 02:16:54
675
转载 关于URL优化的一些经验
URL在搜索结果列表中时显示内容之一。设计网站结构时需要对目录及文件命名系统做事先规划。总的原则是首先从用户体验出发，URL应该清晰友好、方便记忆，然后才考虑URL对排名的影响。具体可以考虑以下几个方面。1）域名的选择 注册域名时，域名中能放关键词最好，但不要为了放关键词把域名弄的很长，更不要为了放关键词，注册带有连词符的域名。 为让域名看得清楚，可以放一个连词符，
2013-05-29 09:45:26
764
转载 详解301重定向及实现方法
一、什么是301重定向 301重定向（或叫301跳转、301转向）是用户或搜索引擎蜘蛛向网站服务器发出访问请求时，服务返回的HTTP数据流中头信息（header）部分状态码的一种，表示本网址永久性转移到另一个地址。其他常见的状态码还包括：200（表示一切正常）；404（网页不存在）；302（临时性转向）；500 （内部程序错误）； 除了301转向，网址转向还有其他方法，如302
2013-05-29 09:42:47
935
转载 2013年互联网江湖格局观
一年的任务结束，终于抽出时间总结并分析一下今年的中国互联网格局与大家分享。 文中的指数、数字全部来源于真实的数据分析，为便于分享，数据分析过程略去，有兴趣的可以和我讨论。 3B大战不了了之，只因那些无处安放的流量 从3Q大战、揭露小米，到现在的3B大战，只有你不敢想的，没有360不敢做的。360当前与百度在搜索上激战正酣，若说360能在PC上挑战和颠覆百度的地位，不是太小
2013-05-19 11:00:37
668
原创 面试问题——Java多线程
0.Java 中多线程同步是什么？ 在多线程程序下，同步能控制对共享资源的访问。如果没有同步，当一个 Java 线程在修改一个共享变量时，另外一个线程正在使用或者更新同一个变量，这样容易导致程序出现错误的结果。1.解释实现多线程的几种方法? Java 线程可以实现 Runnable 接口或者继承 Thread 类来实现，当你打算多重继承时，优先选择实现
2013-05-19 09:57:45
512
原创 css常见兼容性问题
1、 如何定义高度很小的容器？正解：在IE6下无法定义小高度的容器，是因为有一个默认的行高。列举2种解决方案：overflow:hidden或font-size:容器高度px 2、 图片下方出现几像素的空白间隙？正解：将img定义为display:block,或定义父容器为font-size:0 3、 IE6双倍margin的BUG?正
2013-05-10 10:50:49
546
原创 JavaScript中的事件流（IE与Firefox）
1. HTML DOM支持两种事件流：冒泡型事件流和捕获型事件流。捕获型事件流首先发生，两种事件流都会触及DOM中的所有对象。DOM事件流在FireFox中得到广泛支持，即事件发生从document对象开始，也在document对象结束。2. DOM事件流最独特的地方在于文本节点也会触发事件。如果单击HTML中的文本节点，也会触发DOM事件流。IE并不完全支持DOM标准，所以IE中的文本节点并
2013-05-07 16:17:41
941
原创 HTTP协议
什么是HTTP协议协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则，超文本传输协议(HTTP)是一种通信协议，它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器URL详解 URL(Uniform Resource Locator) 地址用于描述一个网络上的资源, 基本格式如下schema://host[:por
2013-04-28 18:34:13
489
转载 技术普及帖：你刚才在淘宝上买了一件东西
你发现快要过年了，于是想给你的女朋友买一件毛衣，你打开了www.taobao.com。这时你的浏览器首先查询DNS服务器，将www.taobao.com转换成ip地址。不过首先你会发现，你在不同的地区或者不同的网络（电信、联通、移动）的情况下，转换后的IP地址很可能是 不一样的，这首先涉及到负载均衡的第一步，通过DNS解析域名时将你的访问分配到不同的入口，同时尽可能保证你所访问的入口是所有入口中可
2013-04-28 17:37:11
417
原创 JavaScript DOM
1. W3C对DOM的定义是：“一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地对文档的内容、结构和样式进行访问和修改。”2. DHTML是"dynamic HTML"（动态HTML）的简称。严格地说，DHTML并不是一项单一的新技术，而死HTML、CSS和JavaScript这三种技术相结合的产物。3. 解析型程序设计语言不需要编译器——它们仅需要解释器。如果编译型程
2013-04-23 18:50:30
559
原创 MySQL 数据类型
数值类型 MySQL 的数值数据类型可以大致划分为两个类别，一个是整数，另一个是浮点数或小数。许多不同的子类型对这些类别中的每一个都是可用的，每个子类型支持不同大小的数据，并且 MySQL 允许我们指定数值字段中的值是否有正负之分或者用零填补。 表列出了各种数值类型以及它们的允许范围和占用的内存空间。类型大小范围（有符号）范围（无符号）用途
2013-03-28 14:00:04
430
转载 互联网协议入门
一、概述 1. 1 五层模型 互联网的实现，分成好几层。每一层都有自己的功能，就像建筑物一样，每一层都靠下一层支持。 用户接触到的，只是最上面的一层，根本没有感觉到下面的层。要理解互联网，必须从最下层开始，自下而上理解每一层的功能。 如何分层有不同的模型，有的模型分七层，有的分四层。我觉得，把互联网分成五层，比较容易解释。 如上图所示，最底
2013-03-28 13:29:43
483
转载 ANSI、GBK、GB2312、UTF-8、GB18030和 UNICODE
很久很久以前，有一群人，他们决定用8个可以开合的晶体管来组合成不同的状态，以表示世界上的万物，他们把这称为”字节”。再后来，他们又做了一些可以处理这些字节的机器，机器开动了，可以用字节来组合出很多状态，状态开始变来变去，他们就把这机器称为”计算机”。 开始计算机只在美国用。八位的字节一共可以组合出256(2的8次方)种不同的状态。他们把其中的编号从0开始的32种状态分别规定了特殊的用途，
2013-02-25 21:46:02
331
转载 浏览器内核之战：孤芳自赏的创新英雄Opera
提起这款来自挪威的浏览器Opera，总令人爱恨交织老魏 谭咏文和Opera软件公司属于特殊的年代，特殊的地方，但是没有任何一种解释，包括语言，音乐或者是记忆，能够说得出他在那里活过的那种感觉。那只是这个世界上一个时间的角落而已。那里，随时随地都有着疯狂的举动。那个时候流行着一种感觉：我们做的任何事情，都是对的，我们是赢家。我想，也许那也算是一种人生的赌注吧。那种不可避免的成功感，
2013-02-22 10:27:08
474
原创 计算机的启动过程
计算机的整个启动过程分成四个阶段。一、第一阶段：BIOS上个世纪70年代初，"只读内存"（read-only memory，缩写为ROM）发明，开机程序被刷入ROM芯片，计算机通电后，第一件事就是读取它。这块芯片里的程序叫做"基本輸出輸入系統"（Basic Input/Output System），简称为BIOS。1.1 硬件自检BIOS程序首先
2013-02-19 21:17:31
362
原创 更改BIOS启动顺序
首先，要进入BIOS设置环境，不同型号的BIOS进入的方式不同，最常见的是开机按DEL键进入（主要是台式机），也有的是按F1、F2、ESC、F11、F12等。（我的acer是按F2的）一打开主机电源，就不断按DEL键，快速按一下松一下。如果等屏幕提示可能来不及，有时候屏幕还没亮呢，提示就已经过去了。不同的BIOS设置方法不同，下面给出两种常见的BIOS设置方法。第一种：1、
2013-02-19 00:49:39
3023
原创 JSP九大内置对象详解
JSP中一共预先定义了9个这样的对象，分别为：request、response、session、application、out、pagecontext、config、page、exception以上的9个内置对象比较常用的是pageContext、request、response、session、application、掌握了这5个内置对象，即可进行程序开发。1、request对象
2013-02-07 00:27:33
326
原创 mysql基本命令
mysqld.exe 和 mysql.exe 有什么区别？mysqld.exe 是MySQL后台程序(即MySQL服务器)。要想使用客户端程序，该程序必须运行，因为客户端通过连接服务器来访问数据库。mysql.exe 是MySQL自带的命令行客户端工具，是交互式输入SQL语句或从文件以批处理模式执行它们的命令行工具。简单来说：mysqld是用来启动mysql数据库的命令，mysql
2013-02-05 18:03:49
531
原创 将Excel数据导入MySql
步骤一：选取要导入的数据块，另外要多出一列，如下图：步骤二：将选中的数据块拷贝到一个新建的表格工作薄，然后“另存为” --->“文本文件(制表符分割)(*.txt)”，假如存到“D:\data.txt”这个位置里。步骤三：根据要导入的数据块用指令create table ();建立MySql数据库和表，然后使用
2013-02-04 16:04:38
436
原创 8594 有重复元素的排列问题
8594 有重复元素的排列问题时间限制:1000MS 内存限制:1000K描述Input第1行是元素个数n，1Output程序运行结束时，将计算出输n个元素的所有不同排列。最后1行中的数是排列总数。Sample Input4aacc Sample Outputaaccacacaccacaaccacaccaa6#in
2013-01-31 18:15:20
1049
原创 10314 The Least Distance（Scau11校赛）
描述Mr. Jeff likes swimming. But in the swimming pool he always swims from a corner to the counter corner in the way as the figure shows, i.e. he swims to the other side and back, then go to the other
2013-01-29 00:16:36
399
原创 统计数字问题
一本书的页码从自然数1 开始顺序编码直到自然数n。书的页码按照通常的习惯编排，每个页码都不含多余的前导数字0。例如，第6 页用数字6 表示，而不是06 或006 等。数字计数问题要求对给定书的总页码n，计算出书的全部页码中分别用到多少次数字0，1， 2，…，9。给定表示书的总页码的10 进制整数n (1≤n≤10^9) 。编程计算书的全部页码中分别用到多少次数字0，1，2，…，9。
2013-01-29 00:05:51
385
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人