deng131
- 浏览: 662431 次
- 性别:
- 来自: 深圳
-
最新评论
-
zhouyicang：
为嘛人气不够，这么好的文章，我找了几十篇博客，才找到这篇解惑了 ...
HTML 块级元素/内联元素 -
young7：
不错，解惑了
HTML 块级元素/内联元素 -
lvjin948：
获取浏览器语言的完美方案。http://blog.csdn.n ...
JavaScript获取浏览器语言类型 -
tarena_hhh：
我用了css优化工具，发现他的顺序有很大不一样？？？？？
CSS属性书写顺序及命名规则 -
deng131：
谢谢你的提醒，是有个地方写错了
javascript事件绑定addEventListener,attachEvent
文章列表
由于IE下position：fixed无效，所以需要寻找一种合适的方法及实现的原理，记录下。
参考：
http://ljj284860475.blog.163.com/blog/static/81423862009102713414312/
http://www.jb51.net/css/32163.html
http://www.qianduan.net/fix-ie6-dont-support-position-fixed-bug.html
http://flex.desizen.com/ie6-position-fixed/
http://blog.istef.info/2008/04/ ...
面试中遇到一个算法题：在数组中找出小于6且离数字6最近元素？
思考方案1：
var a = [1,7,6,9,4], max = '', m = [[],[]];
var index = a.indexOf(6);
for(var i=0, l = a.length; i< l;i++){
if(a[i] < 6){
var inx = index-i;
(inx > 0 ? m[0] : m[1]).push(inx);
}
if(i == l-1) {
if(m[0].pop() ...
怪癖模式、标准模式和准标准分别表示为Q、S和A。当浏览器仅有两种模式时，如果表格单元格的行高和Mozilla的标准模式表现一致时，标准模式标记为“S”，如果表格单元格的行高和Mozilla的准标准模式表现一致时，则标记为“A”。
浏览器的模式选择，有三个：
Quirks Mode, Standards Mode, Almost Standards Mode
性能 Q>A>S，其中IE的Q模式不支持css2.1，但性能最好，比其他模式快很多很多.
IE很重要，性能很重要，对用户来说，最好的模式就是Q, 对开发者而言，最好的模式是S。
参考：
http://hsivonen.i ...
性能黄金法则(Performance Golden Rule)：
只有10%-20%的最终用户响应时间花在了下载HTML文档上。其余的80%-90%时间花在了下载页面中的所有组件上。
transform属性： 用来变换某个指定的元素，
transition属性： 使元素以一种缓动的效果呈现出来.
animation属性：使元素实现动画效果.
参考：
http://liangqi.me/tag/html5-css3-2
http://www.slideshare.net/RandyJin/css3-transition
http://webdesignerwall.com/trends/47-amazing-css3-animation-demos
今天在公司团队敏捷开发培训中培训老师说到的这个词，特地网上google搜索下什么是灰度发布?
百度百科上的定义是：
灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。灰度发布可以保证整体系统的稳定，在初始灰度的时候就可以发现、调整问题，以保证其影响度。
那么灰度发布有那些作用呐？
* 及早获得用户的意见反馈，完善产品功能，提升产品质量
* 让用户参与产品测试，加强与用户互动
* 降低产品升级所影响的用户范围
参考：
htt ...
经常遇到页面显示文字乱码问题，大多数是由于字符编码问题导致。
通常设置<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
在页面<head>头指定字符charset=utf-8等编码方式。
Always declare the encoding of your document. Use the HTTP header if you can. Always use an in-document declaration too.
Setting th ...
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
device-width：视图宽度与设备同宽。
<link rel="apple-touch-icon" href="/yourIcon.png"/>
指定在iPhone主屏上所显示的图标为yourIcon.png
<link rel="apple-touch-startup-image&quo ...
开发中遇到问题：业务希望关闭浏览器后后台能够得到用户已经离开系统操作消息，因为这个消息将会触发在其他业务系统中功能，所以在实时性上有要求。
需求分析：
1：js通过绑定onbeforeunload事件在触发时候调用ajax发送请求到服务器，但是实际上页面对象已经释放了，那么在ajax还没有发送成功时候变被终止了。
window.onbeforeunload = function(){
$.ajax('',{});
}
2：现在做法是通过ajax方式定时发送请求到服务器，但是在多用户情况下这样会给服务器压力。
setInterval(functi ...
通常iframe的name可以是link或者form的target，将link或form打开到这个iframe上。
在js中一般采用
var iframe = document.createElement('iframe');
iframe.setAttribute('name', 'node') or iframe.name ="node"
创建iframe,但是在不同浏览器上就出现问题了，ie6中iframe.setAttribute('name', 'node');中方式无法创建，在FF中可以创建name.
直接google解决IE方法
var iframe ...
代理服务器来接受外部的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给外部的请求连接的客户端，此时代理服务器对外就表现为一个服务器。
反向代理一般作用：
1：减轻源服务器负载
2：保障源服务器安全
3：对源服务器进行负载均衡(Load Balance)。
一般反向代理置于源服务器的前端，配备大容量的内存和高速磁盘，缓存客户的请求，所以反向代理又称为服务器加速(Server accelerate)。源服务器一般不再和客户直接通讯，当客户请求没有缓存的内容或者动态内容时，反向代理向源服务器发送请求，然后把回应转发给客 户，在这种情况下，反向代理服务器通常要为一个请求 ...
WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了使用ws或wss协议的单个的TCP套接字，可用于任意的客户端和服务器程序。 WebSocket目前由W3C进行标准化。WebSocket已经受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等浏览器的支持,WebSocket的产生是用于双向推送消息。
// 创建一个socket实例
var socket = new WebSocket('ws://localhost:8080');
// 打开Socket
socket.onopen = function(event) {
...
希望达到效果是页面第一次载入以后，如果在次刷新页或者进入下一个页面，则css，js和图片都不会再次加载。
网上代码：
window.onload = function () {
var i = 0, max = 0, o = null,
// list of stuff to preload
preload = [
'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.png',
'http://tools. ...
记得以前面试时候遇到过类似问题： js中','操作符优先级问题。
//original
var a = (7, 5);
//apply group
var a = 5;
for ( var i=2, r=[0,1]; i<15; r.push(r[i-1] + r[i-2]), i++);{}
r //"0,1,1,2,3,5,8,13,21,34,55,89,144,233,377"
同时页比较了使用 && 和 || 不同
//(LHE: left hand expression, RHE right hand expression)
...
以前ext项目中遇到问题在此记录下.
javascript:void(alert("1:2:3".split(/(:)/)));
上述代码在IE上输出[1,2,3],FF输出["1", ":", "2", ":", "3"]
很早老外对此解决方法：
/* Cross-Browser Split 1.0.1
(c) Steven Levithan <stevenlevithan.com>; MIT License
An ECMA-compliant, uni ...