小猕儿 - 博客园

媒体查询器（转）@media screen and

摘要： CSS3 Media Queries 让网页更好的支持移动设备发表于 2012 年 2 月 1 日 CSS3的Media Queries可以查询设备的屏幕尺寸颜色等信息，我们就可以根据不同的设备来写CSS，让网页在不同设备上有更好的用户体验。本站做了一些尝试，有兴趣的朋友可以缩放网页窗口看下效果。下面简单介绍一下基本用法： /* 基本语法 */ @media screen and (min-width:1024px) and (max-width:1280px){ body{padding:1em;} } /* 常用类型 */ 类型解释 ... 阅读全文

posted @ 2013-07-29 16:26 小猕儿阅读(1567) 评论(0) 推荐(0) 编辑

javascript解决URL (转)

摘要： URL在大多数时候都是后端程序员关心的事情，但有的时候前端程序员也需要与之打交道，可能很多人都做过的一件事就是通过对 href 属性的写操作达到跳转页面的目的，不过这并不是今天要讨论的全部话题。对于 URL，我们需要了解更多，因为我们的开发中可能会需要提取URL的部分信息来做不同的事情，事实上这也是与后端交互的一种独特的方式，当然这肯定是安全的，当请求被返回，关于 url 的信息就被记录在了 Window 对象的 Location 属性中，取值的结果并不随着用户手动修改地址栏中的字符而发生任何改变，这一点是很重要的。了解了这些内容，那么我们从下面这张图开始吧：不要被那些色块迷惑了，图片中间那阅读全文

posted @ 2013-07-09 15:23 小猕儿阅读(288) 评论(0) 推荐(0) 编辑

使用 js 处理 html entities（转）

摘要：有的时候我们可能不得不使用 js 来处理 html entities，例如把 > 这样的内容转化成 > 符号，或者是相反的操作。如果你不幸遇到了这样的需求，下面的内容也许会有所帮助。unescapeHtmlEntities 的实现非常简单，创建一个节点元素，然后将字符串写入这个元素的 innerHTML 属性，最后返回这个元素的文本内容。调用下面的函数时传参'>'，得到的结果将会是'>'function unescapeHtmlEntities(str) {var tempEle = document.createElement(&quo 阅读全文

posted @ 2013-07-09 15:07 小猕儿阅读(796) 评论(0) 推荐(0) 编辑

FileReader详解与实例---读取并显示图像文件

摘要：在这之前的 web 应用程序中，实现这个效果的通常做法是将用户选择的图像文件传送至后端，后端对其进行存储，再将 URL 返回到前端，前端通过这个 URL 来显示图像。 FileReader 的突破在于使得 JavaScript 拥有了处理文件的能力，它可以异步地读取存储在用户电脑中的文件，这里所指的文件，对于 JavaScript 来说是一个 File 对象，FileReader 读取文件的全部方法皆依赖于此，对于 File 对象还不是很了解的话，请先阅读《HTML5 中 File 对象初探》，这是本文的基础。1. 能力检测与创建实例检测一个浏览器是否支持 FileReader 很容易做到，支阅读全文

posted @ 2013-07-09 14:44 小猕儿阅读(299) 评论(0) 推荐(0) 编辑

HTML5中File对象初探

摘要：参考地址：http://www.jsmix.com/blog/html5/html5-file-pre-test.html 阅读全文

posted @ 2013-07-09 13:31 小猕儿阅读(405) 评论(0) 推荐(0) 编辑

createTextRange和createRange的一些用法（重点）

摘要：一、返回createTextRange的text和htmlText二、获取指定文本框中的选中的文字：只响应第一个文本框三、页面文本倒序查找abababababababa四、聚焦控件后把光标放到最后五、得到文本框内光标位置六、控制input框内光标位置七、选中文本框中的一段文字八、控制文本框内光标的移动" onclick=go(1)>九、取光标位置点击textarea sdfsdfsdfsdfsdfsdfsdf 阅读全文

posted @ 2013-07-02 18:43 小猕儿阅读(2291) 评论(0) 推荐(0) 编辑

document.selection.createRange方法（转）

摘要： document.selection.createRange() 根据当前文字选择返回 TextRange 对象，或根据控件选择返回 ControlRange 对象。配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。实例一：哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步，我们才能赚大钱！实例二：就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹出一个对话框，对话框的信息就是你选中的文字哪位老大能解决的呀?请多多帮忙!!!谢谢就是现在文本域里有一段文字，当你选种其中几个字后点击一个按钮或者链接会弹. 阅读全文

posted @ 2013-07-02 17:34 小猕儿阅读(580) 评论(0) 推荐(0) 编辑