visionsky的博客_Web

mysql-proxy 配置使用

为了玩下mysql-proxy实现mysql读写分离：准备了几台服务器：服务器A：ubuntu 192.168.1.4 （mysql 5.5 master）服务器B：ubuntu 192.168.1.2 （mysql 5.5 slave）服务器C：windows 7 192.168.1.3 （mysql 5.5 slave）目标，将这些mysql

职场

mysql

proxy

ubuntu

休闲

原创 2012-04-11 17:19:25 10000+阅读 1点赞 1评论

mysql 5.5主从复制配置

1.主库编辑my.cnf： [mysqld] log-bin=NEW_NAME server-id=1 #配一个唯一的ID编号，1至32。 #设置要进行或不要进行主从复制的数据库名，同时也要在 Slave 上设定。 binlog-do-db=数据库名1 binlog-do-db=数据库名2 binlog-ignore-db

职场

mysql

休闲

主从

5.5

转载精选 2012-04-09 17:13:14 2169 阅读

铁路订票系统的简单设计

其实铁路订票系统面临的技术难点无非就是春运期间可能发生的海量并发业务请求。这个加上一个排队系统就可以轻易解决的。本来我在 weibo 上闲扯两句，这么简单的方案，本以为大家一看就明白的。没想到还是许多人有疑问。好吧，写篇 blog 来解释一下。简单说，我们设置几个网关服务器，用动态 DNS 的方式，把并发的订票请求分摊开。类比现实的话，就是把人分流到不同的购票大厅去。每

职场

设计

休闲

订票

转载精选 2012-03-06 22:22:54 783 阅读

酷壳网陈皓：由12306.cn谈谈网站性能技术

12306.cn网站挂了，被全国人民骂了。我这两天也在思考此事，想以此事来和大家讨论一下网站性能的问题。因为仓促，而且完全基于本人有限的经验和了解，所以，如果有什么问题还请大家一起讨论和指正。（这又是一篇长文，只讨论性能问题，不讨论那些UI、用户体验、或是否把支付和购票下单环节分开的功能性的东西）业务任何技术都离不开业务需求，所以，要说明性能问题，首先还是想

职场

网站

性能

休闲

转载精选 2012-03-06 22:19:19 777 阅读

Browser和Server持续同步的几种方式（jQuery+tornado演示）

在B/S模型的Web应用中，客户端常常需要保持和服务器的持续更新。这种对及时性要求比较高的应用比如：股票价格的查询，实时的商品价格，自动更新的twitter timeline以及基于浏览器的聊天系统（如GTalk）等等。由于近些年AJAX技术的兴起，也出现了多种实现方式。本文将对这几种方式进行说明，并用jQuery+tornado进行演示，需要说明的是，如果对tornado不了解也没有任

职场

服务器

客户端

休闲

Browser

转载精选 2012-01-31 11:02:16 984 阅读

大规模网站架构

目前我们项目采用的支持高并发，高性能的网站结构解决方案，见附件，附件中得基本跟我们的选择如出一辙~

职场

架构

休闲

大规模网站

原创 2011-11-29 15:45:54 1034 阅读 1评论

高性能WEB开发 - 了解CSS的查找匹配原理，让CSS更简洁、高效

用了这么多年的CSS，现在才明白CSS的真正匹配原理，不知道你是否也跟我一样？看1个简单的CSS： DIV#divBox p span.red{color:red;}，按习惯我们对这个CSS 的理解是，浏览器先查找id为divBox的DIV元素，当找到后，再找其下的所有p元素，然后再查找所有span元素，当发现有span的class为red的时候，就应用该style。多么简

职场

休闲

高性能WEB开发

转载精选 2011-11-28 13:34:00 608 阅读

高性能WEB开发 - flush让页面分块,逐步呈现

在处理比较耗时的请求的时候，我们总希望先让用户先看到部分内容，让用户知道系统正在进行处理，而不是无响应。一般大家在处理这种情况，都使用ajax，先把html输出到客户端，然后再用ajax取加载比较耗时的资源。用ajax麻烦的地方是增加了请求数，而且需要写额外的js代码、和js调用的请求接口。正对这种情况，还有一种处理方法，就是让r

职场

休闲

高性能WEB开发

转载精选 2011-11-28 13:32:58 840 阅读

WEB高性能开发 - 疯狂的HTML压缩

前言：上一篇随笔中网友 skyaspnet 问我如何压缩HTML，当时回答是推荐他使用gzip，后来想想，要是能把所有的html，jsp(aspx)在运行前都压缩成1行未免不是一件好事啊。一般我们启动gzip都比较少对html启动gzip，因为现在的html都是动态的，不会使用浏览器缓存，而启

职场

休闲

高性能WEB开发

转载 2011-11-28 13:31:11 434 阅读 1评论

高性能WEB开发 - 该如何加载第三方的JS

很多网站为了获取用户访问网站的统计信息，使用了google-analytics或其他分析网站(下面的讨论中只提google-analytics,简称ga)。注册ga后，ga就会生成一段js脚本，很多人直接把这段js复制到<body>的最后面就完事(包括博客园、CSDN、BlogJava)。可是ga自动生成的这段JS真的就是最合理的吗？

职场

休闲

高性能WEB开发

加载js

转载精选 2011-11-28 13:25:02 946 阅读 1评论

高性能WEB开发 - 页面呈现、重绘、回流

页面呈现流程在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 &nb

职场

休闲

高性能WEB开发

页面呈现

转载精选 2011-11-28 13:23:40 367 阅读

高性能WEB开发 - JS、CSS的合并、压缩、缓存管理

本篇文章主要讨论下目前JS,CSS 合并、压缩、缓存管理存在的一些问题，然后分享下自己项目中用到的1个处理方案，并提供1个实例下载。存在的问题：合并、压缩文件主要有2方面的问题： 1. 每次发布的时候需要运行一下自己写的bat文件或

JS

休闲

压缩

高性能WEB开发

CSS的合并

转载精选 2011-11-28 13:22:32 754 阅读

高性能WEB开发 - 减少请求，响应的数据量

上一篇中我们说到了如何减少请求数，这次说说如何减少请求、响应的数据量(即在网络中传输的数据量)，减少传输的数据量不仅仅可以加快页面加载速度，更可以节约服务器带宽，为你剩不少钱(好像很多机房托管都是按流量算钱的)。 GZIP压缩 gzip是目前所有浏览器都支持的一种压缩格式，IE6需要SP1及以上才支持(别说你还在用IE5,~_~

职场

休闲

高性能WEB开发

转载精选 2011-11-28 13:21:31 769 阅读

高性能WEB开发 - 为什么要减少请求数，如何减少请求数!

http请求头的数据量我们先分析下请求头，看看每次请求都带了那些额外的数据.下面是监控的google的请求头 Host www.google.com.hk User-Agent Mozilla/5.0 (Windows; U; Windows NT

职场

休闲

高性能WEB开发

转载精选 2011-11-28 13:20:16 805 阅读 1点赞

高性能WEB开发 - 图片篇

一、缩小图片大小当图片很多的时候，减少图片大小是提高下载速度最直接的方法。 1. 使用PNG8代替GIF(非动画图片)，因为PNG8在效果一样的情况，图片大小比GIF要小。 2. 用fireworks处理PNG图片，在我们产品中很多PNG图片是美工直接用photoshop导出的，后来让美工用firewor

职场

休闲

高性能WEB开发

转载精选 2011-11-28 13:18:31 730 阅读

高性能WEB开发 - web性能测试工具推荐

本来这篇文章应该在写在前面的，因本人写的无章法，所以比较乱。 WEB性能测试工具主要分为三种，一种是测试页面资源加载速度的，一种是测试页面加载完毕后页面呈现、JS操作速度的，还有一种是总体上对页面进行评价分析，下面分别对这些工具进行介绍，如果谁有更好的工具也请一起分享下。 Firebug: Fir

职场

休闲

高性能WEB开发

转载精选 2011-11-28 13:17:06 583 阅读

高性能WEB开发 - HTTP服务器篇

新产品为了效果，做的比较炫，用了很多的图片和JS，所以前端的性能是很大的问题，分篇记录前端性能优化的一些小经验。第一篇：HTTP服务器因tomcat处理静态资源的速度比较慢，所以首先想到的就是把所有静态资源(JS,CSS,p_w_picpath,swf) 提到单独的服务器，用更加快速的H

职场

休闲

高性能WEB开发

转载精选 2011-11-28 13:15:03 593 阅读

性能驱动下的架构实例

大型WEB互联网应用都是在市场的锤炼中成长的，以前提到过性能需求的驱动对于架构的影响，一个1M PV和一个100M PV的网站肯定是不一样的。这里仅仅给出几个典型的例子，兴许你对此能有收获。初期，只有简单的应用服务器和DB服务器分家，使用简单的Jetty容器，系统的瓶颈在DB侧。简单就是美，网站刚刚运营，不考虑太多，能访问就是王道，给用户提供丰富的内容： &nbs

职场

网站

休闲

影响

互联网应用

转载精选 2011-11-21 14:11:08 461 阅读

CSS 定位页面的 footer

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/x

职场

css

休闲

footer

原创 2011-11-14 10:57:51 877 阅读

Memcached使用点滴 2

可以看到其实pool才是最终连接服务端的配置，看看pool0，它会连接10.2.225.210:13000,10.2.225.210:13001,10.2.225.210:13002这些机器和他们的端口，但是对于使用pool0的mclient0来说它仅仅只是知道有一个叫做mclient0的cache可以保存数据。此时slab就有三个：10.2.22

职场

休闲

Memcached

转载精选 2011-10-11 17:42:21 849 阅读

Jquery Jcrop 插件使用方法

java

职场

休闲

Jquery

Jcrop

转载精选 2011-09-22 17:32:25 3048 阅读

NoSQL数据库探讨- 为什么要用非关系数据库？

随着互联网web2.0网站的兴起，非关系型的数据库现在成了一个极其热门的新领域，非关系数据库产品的发展非常迅速。而传统的关系数据库在应付web2.0网站，特别是超大规模和高并发的SNS类型的web2.0纯动态网站已经显得力不从心，暴露了很多难以克服的问题，例如： 1、High performance - 对数据库高并发读写的需求 web2.0网站要根据用户个性化信息

职场

数据库

休闲

nosql

数据库

转载精选 2011-09-07 10:58:49 956 阅读

Tomcat5集群中的SESSION复制详解

Tomcat 5服务器为集群和SESSION复制提供了集成的支持。本系列的第一篇文章将为大家提供SESSION持久性以及TOMCAT集群中SESSION复制的内在工作机制一个概要认识。我将会讨论SESSION复制在TOMCAT5中是怎样进行的以及跨越多集群节点的SESSION持久性的复制机制。在第2部分，我会详细讨论一个带有SESSION复制功能的TOMCAT集群的安装例子，并且比

复制

Tomcat

SESSION

集群

休闲

转载精选 2011-06-27 16:34:42 879 阅读

JavaScript可否多线程? 深入理解JavaScript定时机制

JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如 setTimeout( function(){ alert(’你好!’); } , 0); setInterval( callbackFunction , 100); 认为setTim

职场

JavaScript

js

休闲

定时机制

转载精选 2011-05-12 13:49:36 985 阅读 1点赞

异步加载google map api

一般来说，加载Javascript地图API只要您在页面包含一个加载API的<script>标记，执行应用程序之后，加载所需的脚本就已经被下载了。不过，虽然Javascript已经被解析，您的浏览器可能不呈页面的其他内容。在大多数情况下，这种延迟并不明显，但您可能希望在加载页面完毕后加载地图API Javascript代码。您可以根据需要加载地图API的Javascript。这是

职场

休闲

google map api

异步加载

原创 2011-05-03 19:52:33 4208 阅读

navigator.geolocation 基于google map的应用

W3C 中新添加了一个名为 Geolocation的 API 规范，Geoloaction API的作用就是通过浏览器获取用户的地理位置。我们可以使用navigator.geolocation来简单的获取用户的地理位置信息。本文中将简单介绍下W3C的Geolocation。 Geolocation在javascript的navigator 对象中，我们可以通过 naviga

职场

google

休闲

map

navigator.geolocatio

转载精选 2011-04-29 18:34:37 1621 阅读 1点赞

Google map api应用实例 1

以前的房产地图一直都是使用有道地图，虽然有道地图是很好，但是为了更好，还是决定使用google地图来重新开发^_^，下面是一个开发完毕的简单应用http://xf.house.163.com/gz/map/000B.html 1)整合Google Maps JavaScript API V3 与 Google Local Search API Google Maps Jav

职场

休闲

Google map api应用实例

转载精选 2011-04-27 16:24:28 10000+阅读 2点赞 3评论

利用Google Map API获取给定地址的经纬度

代码我在google map api demo的基础上小小的修改了下： <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user

职场

休闲

google map

经纬度

原创 2011-04-27 16:22:26 10000+阅读 1评论

利用google map获取特定地区或地址的经纬度信息

最近一个项目需要拿到一地地理位置的经纬度总不能在google earth上一个个找吧于是希望可以找到相应的web service 发现以前的msn search 支持现在也不支持了发现这些地理信息的服务都仅限于你在你的网站上嵌入一个地图然后你可以在他的地图上添加什么东西 SDK都是基于javascript的没有完全的开放啊后来实在没

职场

休闲

google map

转载精选 2011-04-15 16:42:45 2532 阅读

Firebug & Chrome Console 控制台使用指南

Console API 当打开 firebug (也包括 Chrome 等浏览器的自带调试工具)，window 下面会注册一个叫做 console 的对象，它提供多种方法向控制台输出信息，供开发人员调试使用。下面是这些方法的一个简单介绍，适时地运用它们，对于提高开发效率很有帮助。 console.log(object[, object, ...]) 使用频率最高的一条语句：向控制

职场

休闲

Console

chrome

firbug

转载精选 2011-04-13 12:56:46 10000+阅读 1点赞 2评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

学习笔记

mysql-proxy 配置使用

mysql 5.5主从复制配置

铁路订票系统的简单设计

酷壳网陈皓：由12306.cn谈谈网站性能技术

Browser和Server持续同步的几种方式（jQuery+tornado演示）

大规模网站架构

高性能WEB开发 - 了解CSS的查找匹配原理，让CSS更简洁、高效

高性能WEB开发 - flush让页面分块,逐步呈现

WEB高性能开发 - 疯狂的HTML压缩

高性能WEB开发 - 该如何加载第三方的JS

高性能WEB开发 - 页面呈现、重绘、回流

高性能WEB开发 - JS、CSS的合并、压缩、缓存管理

高性能WEB开发 - 减少请求，响应的数据量

高性能WEB开发 - 为什么要减少请求数，如何减少请求数!

高性能WEB开发 - 图片篇

高性能WEB开发 - web性能测试工具推荐

高性能WEB开发 - HTTP服务器篇

性能驱动下的架构实例

CSS 定位页面的 footer

Memcached使用点滴 2

Jquery Jcrop 插件使用方法

NoSQL数据库探讨- 为什么要用非关系数据库？

Tomcat5集群中的SESSION复制详解

JavaScript可否多线程? 深入理解JavaScript定时机制

异步加载google map api

navigator.geolocation 基于google map的应用

Google map api应用实例 1

利用Google Map API获取给定地址的经纬度

利用google map获取特定地区或地址的经纬度信息

Firebug & Chrome Console 控制台使用指南