07 2015 档案

document.write
摘要：在载人页面后，浏览器输出流自动关闭；在此之后，任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流。它将清除当前 页面内容(包括源文档的任何变量或值)。所以，在页面还没加载完毕之前，使用document.write()来输出，都不会清楚当前页面内容的。参考：http:... 阅读全文
posted @ 2015-07-28 11:11 simonbaker 阅读(188) 评论(0) 推荐(0)
js代码--根据经纬度计算距离
摘要：原网页地址：http://www.storyday.com/wp-content/uploads/2008/09/latlung_dis.html 经纬度距离计算小工具 ... 阅读全文
posted @ 2015-07-24 14:28 simonbaker 阅读(558) 评论(0) 推荐(0)
[转]根据两点经纬度计算距离
摘要：根据两点经纬度计算距离这些经纬线是怎样定出来的呢？地球是在不停地绕地轴旋转（地轴是一根通过地球南北两极和地球中心的假想线），在地球中腰画一个与地轴垂直的大圆圈，使圈上的每一点都和南北两极的距离相等，这个圆圈就叫作“赤道”。在赤道的南北两边，画出许多和赤道平行的圆圈，就是“纬圈”；构成这些圆圈的线段，... 阅读全文
posted @ 2015-07-24 14:27 simonbaker 阅读(441) 评论(0) 推荐(0)
JS通过经纬度计算两个地方的距离
摘要：1 主要原理：Lat1 Lung1 表示A点纬度和经度，Lat2 Lung2 表示B点纬度和经度；a=Lat1 – Lat2 为两点纬度之差 b=Lung1 -Lung2 为两点经度之差；6378.137为地球半径，单位为公里；计算出来的结果单位为公里；2 JS主要代码部分：var radLat1 ... 阅读全文
posted @ 2015-07-24 14:25 simonbaker 阅读(26164) 评论(2) 推荐(0)
substring和substr小结
摘要：substring1 substring 方法用于提取字符串中介于两个指定下标之间的字符2 substring(start,end)开始和结束的位置，从零开始的索引 end：字符串下标，结束符是不包括该下标的。比如substring(0,3)，那就是从下标0开始，截取到下标为3的前一位(不包括下标... 阅读全文
posted @ 2015-07-23 11:28 simonbaker 阅读(9653) 评论(0) 推荐(1)
[转]JavaScript文件操作(2)-FileReader
摘要：在上篇文章中,我介绍了在JavaScript操作文件，重点讲了如何取得File对象。 这些对象包含的文件的元数据在上传或者拖放到浏览器中时可以获取到。有了文件当然接下来就是读取文件了。FileReaderFileReader功能很简单: 从文件中读取数据和保存到JS变量中。此API特意设计成跟XML... 阅读全文
posted @ 2015-07-22 16:50 simonbaker 阅读(803) 评论(0) 推荐(0)
JS上传图片-通过FileReader获取图片的base64
摘要：下面文章，我想要的是：FileReader这个对象，可以借助FileReader来获取上传图片的base64，就可以在客户端显示该图片了。同时，还可以把该图片的base64发送到服务端，保存起来。在XMLHttpRequest Level2出台之前，大多数的异步上传图片都是利用iframe去实现的。... 阅读全文
posted @ 2015-07-22 16:31 simonbaker 阅读(38659) 评论(1) 推荐(1)
[转]Mac技巧——让Mac轻松访问Windows网络共享
摘要：Mac技巧——让Mac轻松访问Windows网络共享用Mac（MacBook Pro）有段时间了，用一个字概括，那就是“爽”！当然，也有不爽的时候，比如说键盘键位变了，用eclipse的快捷键让我手指键位扭曲；想看avi、看mkv，还需要下解码器，即便是能看了，也会卡，甚至因为解码器工作有问题导致片... 阅读全文
posted @ 2015-07-22 11:25 simonbaker 阅读(747) 评论(0) 推荐(0)
[转]Failed to run the WC DB work queue associated with 错误的解决
摘要：svn checkout 代码是出现如标题的错误，提示我clean up ，clean up失败，于是网上搜到了这一clean up 失败的解决方法，clean up 后再进入代码update 就可以了 svn提交遇到恶心的问题，可能是因为上次cleanup中断后，进入死循环了。 错误如下： 解决方 阅读全文
posted @ 2015-07-22 11:22 simonbaker 阅读(1551) 评论(0) 推荐(0)
boobmarklet
摘要：bookmarklet ，一般都称呼为小书签。它是一段 JavaScript 脚本，一般网络上的小书签都是一个链接，它的安装非常简单，只需要把链接拖到你的收藏夹里。利用它，可以实现一些页面优化、性能调试等便利性的工作。另一方面，网址是有长度限制的。IE的最长网址不能超过2083个字符（IE6不能超过... 阅读全文
posted @ 2015-07-20 14:34 simonbaker 阅读(203) 评论(0) 推荐(0)
[转]addEventListener的第三个参数
摘要：如果要把HTML元素的事件与某个函数绑定起来，可以有下面三种方法，以最常见的“点击”事件为例。方法一：直接在对应的HTML元素标签上绑定函数?1ClickMe!方法二：在JavaScript代码里面指定元素的“onclick”方法?123varbtn=document.getElementById(... 阅读全文
posted @ 2015-07-16 16:50 simonbaker 阅读(289) 评论(0) 推荐(0)
[转]ECMAScript5 Object的新属性方法
摘要：虽然说现在并不是所有的浏览器都已经支持ECMAScript5的新特性，但相比于ECMAScript4而言ECMAScript5被广大浏览器厂商广泛接受，目前主流的浏览器中只有低版本的IE不支持，其它都或多或少的支持了ECMAScript5的新特性，其中重中之重自然是一切对象的基类型——ObjectO... 阅读全文
posted @ 2015-07-16 15:23 simonbaker 阅读(194) 评论(0) 推荐(0)
[转]JavaScript的实例化与继承：请停止使用new关键字
摘要：JavaScript中的new关键字可以实现实例化和继承的工作，但个人认为使用new关键字并非是最佳的实践，还可以有更友好一些的实现。本文将介绍使用new关键字有什么问题，然后介绍如何对与new相关联的一系列面向对象操作进行封装，以便提供更快捷的、更易让人理解的实现方式。传统的实例化与继承假设我们有... 阅读全文
posted @ 2015-07-16 15:17 simonbaker 阅读(281) 评论(0) 推荐(0)
[转]让我们再聊聊浏览器资源加载优化
摘要：作者李光毅发布于 2014年6月27日几乎每一个前端程序员都知道应该把script标签放在页面底部。关于这个经典的论述可以追溯到Nicholas的High Performance Javasript这本书的第一章Loading and Execution中，他之所以建议这么做是因为：Put all ... 阅读全文
posted @ 2015-07-16 14:55 simonbaker 阅读(382) 评论(0) 推荐(0)
[转]从onload和DOMContentLoaded谈起
摘要：这篇文章是对这一两年内几篇dom ready文章的汇总（文章的最后会标注参考文章），因为浏览器进化的关系，可能他们现在的行为与本文所谈到的一些行为不相符。我也并没有一一去验证，所以本文仅供参考，在具体开发中还是要以实践结果为准。当onload事件触发时，页面上所有的DOM，样式表，脚本，图片，fla... 阅读全文
posted @ 2015-07-16 14:14 simonbaker 阅读(258) 评论(0) 推荐(0)
[转]Javascript高性能动画与页面渲染
摘要：No setTimeout, No setInterval作者李光毅发布于 2014年4月30日如果你不得不使用setTimeout或者setInterval来实现动画，那么原因只能是你需要精确的控制动画。但我认为至少在现在这个时间点，高级浏览器、甚至手机浏览器的普及程度足够让你有理由有条件在实现动... 阅读全文
posted @ 2015-07-16 13:42 simonbaker 阅读(450) 评论(0) 推荐(0)
[转]BFC 神奇背后的原理
摘要：BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spe... 阅读全文
posted @ 2015-07-16 09:54 simonbaker 阅读(231) 评论(0) 推荐(0)
[转] 编写高效的 CSS 选择器
摘要：高效的CSS已经不是一个新的话题了，也不是我一个非得重拾的话题，但它却是我在Sky公司工作之时，所感兴趣的，关注已久的话题。有很多人都忘记了，或在简单的说没有意识到，CSS在我们手中，既能很高效，也可以变得很低能。这很容易被忘记，尤其是当你意识到你会的太少，CSS代码效率很低的时候。下面的规则只真正... 阅读全文
posted @ 2015-07-14 17:59 simonbaker 阅读(193) 评论(0) 推荐(0)
浏览器是怎样工作的：渲染引擎，HTML解析
摘要：渲染引擎渲染引擎的职责是……渲染，也就是把请求的内容显示到浏览器屏幕上。默认情况下渲染引擎可以显示HTML，XML文档以及图片。 通过插件（浏览器扩展）它可以显示其它类型文档。比如使用PDF viewer插件显示PDF文件。我们会在一个专门的章节讨论插件与扩展。在这一节我们将专注渲染引擎的主要用途—... 阅读全文
posted @ 2015-07-14 17:53 simonbaker 阅读(544) 评论(0) 推荐(0)
sublime插件insertDate显示ISO时间
摘要：1 下载insertDate插件以及安装完毕2 把光标放在想插入ISO时间的地方3 按住：alt+f5，之后，在sublime下面的Date format string输入：iso。之后按enter就行。 阅读全文
posted @ 2015-07-13 17:37 simonbaker 阅读(260) 评论(0) 推荐(0)
《十日谈》摘要1
摘要：【职业生涯】前2年是学习技能的阶段，这个阶段主要精力放在专业技能的提升上，2年内起码要赶上平均水平，即所谓“中级“，在这个阶段的人通常对软技能不怎么关 注，沟通能力达不到平均水平，基本上是来啥活干啥活，干不完就加班的这种，对需求的合理性不甚理解，对项目也没什么把控，尽管在技能上有提高的空间，也不 是... 阅读全文
posted @ 2015-07-10 11:32 simonbaker 阅读(297) 评论(0) 推荐(0)
@拔赤：前端开发十日谈
摘要：一直想写这篇“十日谈”，聊聊我对Web前端开发的体会，顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术，我想，通过技术的历练，得到的反思应当更重要。我一直认为自己是“初级”前端开发工程师，一方面我入道尚浅，只有短短几年，另一方面我自知对技术的钻研并不深入，可能是由于环境的原因，当然最重 要的是，... 阅读全文
posted @ 2015-07-10 11:21 simonbaker 阅读(353) 评论(0) 推荐(0)
window系统的HOST详解
摘要：很多用户都知道在Window系统中有个Hosts文件（没有后缀名），在Windows 98系统下该文件在Windows目录，在Windows 2000/XP系统中位于C\Winnt\System32\Drivers\Etc目录中。该文件其实是一个纯文本的文件，用普通的文本编辑软件如记事本等都能... 阅读全文
posted @ 2015-07-10 10:25 simonbaker 阅读(1841) 评论(0) 推荐(0)
transition插件
摘要：$("#box").transition({ opacity: 0.1, scale: 0.3 }); $("#box").transition({ opacity: 0.1, scale: 0.3 }, 500); // 动画时长 $("#box").transition({ ... 阅读全文
posted @ 2015-07-08 14:07 simonbaker 阅读(405) 评论(0) 推荐(0)
js中Math.random()生成指定范围数值的随机数
摘要：Math.random函数就不像php的rand函数一样可以生成指数范围的数据了，math.random只是生成了一个伪随机数，之后还要经过我们处理才行哦。今天有又网友问到我 JavaScript 怎么生成指定范围数值随机数。Math.random() 这个方法相信大家都知道，是用来生成随机数的。不... 阅读全文
posted @ 2015-07-08 10:47 simonbaker 阅读(3548) 评论(0) 推荐(0)