摘要： 不断更新。说明：主要记录html5中的一些注意点或知识点，尽量不涉及具体语法信息。一、CANVAS：检测：try{ document.createElement("canvas").getContext("2d"); console.log("support");}catch(e){ console.log("not support");}典型应用：热力图、玻璃窗（全页玻璃窗，引导或记录用户行为）、游戏等玻璃窗使用注意： 1. canvas的position:absolute; 必须指定大小，否则为0 2... 阅读全文

摘要： 先吐槽一下博客园的编辑器，太不好用了，一旦粘贴个表格进来就会卡死，每次都要用html编辑器写，不爽！关于javascript的类型检测，早在实习的时候就应该总结，一直拖到现在，当时因为这个问题还出了线上bug。今天回顾《编写可维护的javascript》第八章“避免空比较”，里面详细说明了javascript中各种类型比较问题，现在想来当时的代码基本把所有的忌讳都犯了一遍，就那么上线了简直对不起党和人民。。。 类型检测类型检测方法检测对象检测结果缺点备注原始值typeof字符串string 数字number 布尔值boolean undefinedundefined null... 阅读全文

摘要： 原文请参考：https://developers.google.com/speed/docs/best-practices/rendering?hl=zh-CN的“Parallelize downloads across hostnames”部分。概览从两个不同主机名获得资源能够提高下载并行度。详解HTTP 1.1规范(section8.1.4)指明：浏览器应允许每个主机名（hostname）可以支持至少两个并发连接（尽管新的浏览器支持更多的并发数：列表请参考Browserscope）。如果一个HTML文档包含的资源引用（如CSS，Javascript，图片等）比主机允许的最大并发数多，浏览器 阅读全文

摘要： 以下均为转载，转载自webApp赵海洋1、移动前端工作的那些事---前言篇(2012-12-05 11:32:28)2、移动前端工作的那些事---UE/UI架构原型搭建和前端设计之前端设计(2012-12-06 09:46)3、移动前端工作的那些事---UE/UI架构原型搭建和前端设计之结构示意图(2012-12-07 10:24)4、移动前端工作的那些事---前端制作篇之css3简要介绍(2012-12-11 11:39)5、移动前端工作的那些事---前端制作篇之meta标签篇(2012-12-13 11:01)6、移动前端工作的那些事---前端制作篇之link标签篇(2012-12-18 阅读全文

摘要： 今天教师节，陪老师喝点小酒，回来难得抽空，整理一下实习阶段的那些零零碎碎却很有用的知识。1、关于页面中嵌入js代码（1）有时为了精确控制代码执行顺序流，会将js代码嵌入到网页之中。优点：改变代码触发顺序很容易。（2）这种情况如果采用事件触发的形式，会依赖于之前触发的事件，导致不易于维护。js代码写在jsp代码里，昨天的结论是错误滴--a、 减少请求次数b、 异步请求全部css和js，可能会造成网站页面内容已经出来，但是页面的样式及基本的js操作都不用，疵了一般~~c、 比如header这种公共模块，它的更新如果将css和js单独拿出来，可能会造成版本号的问题d、 一些服务器的变量在jsp中更好 阅读全文

摘要： Quick Tip: Detect CSS3 Support in Browsers with JavaScript Jeffrey Way on Nov 15th 2010 步骤 1 首先我们要确定我们想如何调用 函数。在这里我们会简化我们的方法调用如下： if ( supports('textS 阅读全文

摘要： 今天在写代码的时候使用了inline-block，但是很意外的在IE6/7下此属性不给力~~但是由于我既需要他是个内联数据，又要设置它的宽度设置block，所以只能使用inline-block。所以解决方案有两种：（1）先让其成为内联数据，即先是元素，再设置inline即可生效，此时会触发IE的layout产生相似效果。 （2）直接设置为inline，再利用zoom来触发layout来实现类似效果。div { width:400px; height:200px; *display:inline; *zoom:1; } （2）先触发lay-out，再设置为inline。但必须在两... 阅读全文

摘要： 1、bind()事件绑定。多个事件会链式累加，而不会覆盖。即$("div").bind("click",funtion(){alert("test1")});$("div").bind("click",funtion(){alert("test2")});最后的结果会出现两次弹窗， test1，test2.对于存在默认事件的标准DOM事件，则会首先触发DOM事件，然后再触发用户绑定的事件。2、trigger()事件触发。会触发 全部 绑定的事件，即上例中绑定的test1、te 阅读全文

摘要： 一、地图绘制主要分为两种情况：1.中国大陆区（不包括港澳台）2.国际地图二、从百度、谷歌地图上来讲，可能会涉及到三种坐标系：1.中国国家测绘局测绘的坐标系GCJ02，这个坐标系为了国家安全考虑，对实际地理坐标进行了加密偏移。2.百度 BD-09坐标系，是对1.的偏移3.Google 采用一般的GPS坐标系，即WGS84三、不同域名对于坐标系的判断1、ditu.google.cn 。 这个域名会认为国家测绘的GCJ02为标准正确地图。中国大陆区偏移的位置会覆盖其他地区，空白地区会自动补白。所以这种地图可能会对港澳台地区或者中国的周边国家进行覆盖，即找不到被覆盖的地区。2、maps.google. 阅读全文

摘要： javascript存在两种拷贝：浅拷贝、深拷贝。它们最大的区别在于引用类型的拷贝上：浅拷贝复制的是引用（指针），深拷贝复制的是里面的数据。由于以上原因，在下例中 浅拷贝修改的值影响了声明的对象a。var a = {};var b= a; //浅拷贝b.testStr = "我被改变了！";alert(a.testStr); //显示"我被改变了"；说明b的改变同时对a造成了影响所以，为了避免这种情况，在javascript需要考虑可能进行深拷贝的类型有： Object{}、String、Array[];同时可能对深拷贝的判断造成影响的数据类型有unde 阅读全文