迷茫的小飞侠

摘要： @font-face存在的问题： 1、不同浏览器支持不同格式 2、Firefox默认情况下不允许跨域font-face，除非你可以添加“Access-Control-Allow-Origin” header to the font. 一个暂时的解决方案： 1、去fontsquirrel.com下载需 阅读全文

摘要： 程序的离线缓存由一个叫做manifest的文本文件控制，把需要离线缓存的文件列在里面即可，这个列表还可以控制需要缓存的情况，甚至当用户从缓存地址进入到没有缓存的地址应该显示什么 当浏览器下载解析了manifest文件之后，就会换取这些资源并且保存起来无网络使用 ，格式如下： CACHE MANIFE 阅读全文

摘要： 添加移除函数(removeEventListener)时三个参数保持一致，否则会失败，而且不会有错误提示 var btn = document.getElementById(“myBtn”); btn.addEventListener(“click”, function(){ alert(this. 阅读全文

摘要： IE (11 and under) 会触发input事件即使placeholder的值改变了，甚至会在一些和input无关的动作时触发input事件，例如focusing 在一个表单控件，select等 IE9对input 事件实现混乱，按backspace键、delete键或者cut不会触发 ie 阅读全文

摘要： 错误时Error（）的实例，当你明确知道错误出现之后应该怎么处理才try catch语句，catch 错误的目的是避免浏览器用默认的方式去处理错误，而throw error的目的是提供更多关于错误的信息。 function divide(num1, num2){ if (typeof num1 != 阅读全文

摘要： font-face自定义字体，iconfont就是把各种图片做成字体。iconfont优势： 字体文件小，一般20-50kb； 容易编辑和维护，尺寸和颜色可以用css来控制； 透明完全兼容IE6； http://www.qianduan.net/zai-shuo-iconfont-he-font-f 阅读全文

摘要： 元素中的 aria-label用来命名一个元素 它的值可以是任何字符 读屏软件就会读出aria-label里的内容 <div role=”form” aria-labelledby=”form-title”> <span id=” form-title”>使用手机号码注册</span> <form> 阅读全文

摘要： range可以无视node节点范围来选择需要的部分 创建一个range的时候，类似创建了一个fragment ，但是在range里面即使像上面那样格式残缺的片段，能够自动识别缺少的结构，因此才能恢复并且进行一系列javascript Dom交互 上图中的range会把Dom结构修改成： <p><b> 阅读全文

摘要： 任何一个node节点都可以作为遍历的根（traversal root），然后遍历该节点本身以及后代元素，不能遍历祖先或者兄弟元素，方向可以反转 <div id=”div1”> <p><b>Hello</b> world!</p> <ul> <li>List item 1</li> <li>List 阅读全文

摘要： 它的表现类似position:relative和position:fixed的合体，当目标区域在屏幕中可见时，它的行为就像position:relative; 而当页面滚动超出目标区域时，它的表现就像position:fixed，它会固定在目标位置。 .sticky { position: -web 阅读全文