摘要: 背景: 在最近项目中,碰到一个问题:有一个可编辑的div需要双击时可编辑,blur或者回车时将编辑结果保存。你可能注意到双击时,文字会被选中,可编辑区域不会focus到光标位置。考虑到兼容性问题,写了如下代码。做个备份,以备不时之需。js: 1 function getMouseEventCaretRange(evt) { 2 3 var range, x = evt.clientX, y = evt.clientY; 4 5 // Try the simple IE way first 6 if (document.body.cr... 阅读全文
posted @ 2013-07-27 22:15 城池 阅读(862) 评论(0) 推荐(1) 编辑
摘要: 以下内容为原创翻译,翻译不对的地方还请原谅,凑合着看吧。原文网址是:来源:http://www.alexatnet.com/articles/model-view-controller-mvc-javascript这篇文章主要讲述了 js中的 mvc 设计模式。实现目标截图:我之所以喜欢javascript是因为它可以称之为世界上最灵活的语言。通过javascript,开发者可以通过面向对象或者面向过程的方式创建应用程序。它可以支持任何我所知道的程序设计风格以及程序技术。我曾经见识过面向过程,面向对象以及面向方面的程序片段。开发者甚至可以使用函数式编程技术来创建应用程序我写这篇文章的目的是通过 阅读全文
posted @ 2013-07-06 16:21 城池 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 简单的抓取程序#!/usr/bin/env python#-*- coding:utf-8 -*-import sysimport urllib2wp = urllib2.urlopen('http://lvyou.baidu.com')content = wp.read()fp = open('index.html','w')fp.write(content)fp.close()通过抓取的内容可以进行内容的提取。这个还需要学习 阅读全文
posted @ 2013-05-24 10:17 城池 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 读写文件 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/--># ! /usr/bin/python # -*- coding: utf8 -*- spath = " D:/download/baa.txt " f = open(spath, " w " ) # Opens file for writing.Creates this file doesn't exist. f.write( &qu 阅读全文
posted @ 2013-05-17 00:20 城池 阅读(508) 评论(0) 推荐(0) 编辑
摘要: win7 + cygwin + nodejs很详细的安装步骤【推荐】win7下安装node.js详细步骤1.下载cygwin:http://cygwin.com/setup.exe2.安装cygwin几个要点:(1)Install from Internet,安装程序在后面步骤会下载大量文件。(2)Root Directory,是Cygwin的安装目录。(3)Local Package Directory,是存放所有下载文件的目录,子目录名即下载镜像网址,子目录下的release目录存放的就是所下载的包。(4)选择连接方式:可以直接连接(Direct Connection),也可以使用代理(P 阅读全文
posted @ 2013-03-19 08:56 城池 阅读(657) 评论(0) 推荐(0) 编辑
摘要: 网页中包含的资源(图片、js、css、iframe等)引起的http请求基本上都来源于同一个域名,有的网站对静态资源文件使用了独立的无cookie域名。YSlow提倡的高性能网站准则中有一条“reduce DNS lookups”,减少域名数量以便减少域名解析所需要的时间,但是,有的情况下,适当的增加网页中使用的域名数却可以提升网页的速度。首先,我们来看一个例子:图片下载被阻塞:http://blog.tugai.net/performance/sharding_dominant_domain/block_download.html在这个例子中,网页包含12张图片,每张图片加载需要4秒钟。以下 阅读全文
posted @ 2013-03-09 23:11 城池 阅读(554) 评论(0) 推荐(0) 编辑
摘要: 通过之前几篇性能指标分析系列的文章可以发现,无论是对于哪个性能指标来说,脚本的影响都是最大的。实际的线上监控数据(图1)也确实能够论证这一 点,例如某个页面DOM Ready的时间在4.1s左右,而外链脚本的加载和执行则消耗了2.8s左右,比例高达68.74%。也就是说假如该页面没有脚本的话,页面的DOM Ready时间将会大大缩短。实际的页面中,脚本在加强和提高交互体验方面又是不可或缺的,因此需要从脚本的合理使用方式着手来改善脚本的使用对整体页面 性能的影响。 按照Javascript的加载方式大概可以分为即时加载和动态加载两类,即时加载指的是在页面中直接使用标签引入资源,随 着页面的解析而 阅读全文
posted @ 2013-03-07 10:54 城池 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 在我们日常进行web开发时,经常需要进行第三方接口调用。在js中有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略)。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制,即JavaScript只能访问与包含它的文档在同一域下的内容。一.哪些条件下属于跨域主域相同,子域不同 :如map.baidu.com 以及 baike.baidu.com主域不同:如:baidu.com以及 weibo.com端口不同:http://lvyou.baidu.com 以及 https://lvyou.baidu.com:8088协议不同:https://lvy 阅读全文
posted @ 2013-02-23 22:41 城池 阅读(360) 评论(0) 推荐(0) 编辑
摘要: 一.摘要本文总结了如何为使用IIS托管的网站启用Gzip压缩, 从而减少网页网络传输大小, 提高用户显示页面的速度.二.前言.本文的知识点是从互联网收集整理, 主要来源于中文wiki. 使用YSlow检测网站启用了哪些优化时, Gzip是十分关键的一项. 启动Gip压缩将立竿见影的减少页面的网络传输大小.三.HTTP压缩概述HTTP 压缩是在Web服务器和浏览器间传输压缩文本内容的方法。HTTP压缩采用通用的压缩算法如gzip等压缩HTML、JavaScript或CSS文件。 压缩的最大好处就是降低了网络传输的数据量,从而提高客户端浏览器的访问速度。当然,同时也会增加一点点服务器的负担。Gzi 阅读全文
posted @ 2013-02-23 18:10 城池 阅读(259) 评论(1) 推荐(0) 编辑
摘要: 浏览器缓存机制浏览器缓存机制,其实主要就是HTTP协议定义的缓存机制(如:Expires;Cache-control等)。但是也有非HTTP协议定义的缓存机制,如使用HTML Meta标签,Web开发者可以在HTML页面的<head>节点中加入<meta>标签,代码如下:html code<META HTTP-EQUIV="Pragma" CONTENT="no-cache">上述代码的作用是告诉浏览器当前页面不被缓存,每次访问都需要去服务器拉取。使用上很简单,但只有部分浏览器可以支持,而且所有缓存代理服务器都不支持, 阅读全文
posted @ 2013-02-23 17:50 城池 阅读(159) 评论(0) 推荐(0) 编辑