一、环境介绍接到通知，要求网站由http改为使用https，目前我的网站前端架构如下图所示：假设我们有两台物理机，每台物理机上面有很多的tomcat容器，前端使用的是haproxy进行的http层负载均衡，再前端我们使用了LVS负载均衡，整个LVS使用的是DR模型。刚开始我打算把tomcat改成h..
分类：
其他好文 时间：
2016-04-26 22:25:39
阅读次数：
369
第1章 网站前端性能优化前端近几年变化很大，各种工具，库，框架并发。虽然如此，但是网站前端性能优化的思路基本没变。
为什么前端性能如此重要？数据显示:
1）只有 10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件中;
2）另外一点是，优化后台需要花费比较大的成本，优化前端只需要适当地遵循一些法则会有较大的提升，相对低成本高收益。本文是根...
分类：
Web程序 时间：
2016-04-22 20:17:08
阅读次数：
252
对于网站前端人员来说，我们在本地开发程序的时候如果用到Ajax的话，通常会使用Firefox来测试，因为Firefox的安全策略支持本地Ajax，IE系列和Chrome都不支持。 不过，经过笔者亲身体验Chrome浏览器的调试工具比火狐的更好用，所以如果让Chrome也支持本地Ajax的话，不是更好 ...
分类：
Web程序 时间：
2016-04-11 16:59:03
阅读次数：
219
概述：JavaScript是网站前端开发最为重要的一门编程语言，本文收集了能够在线测试与调试JavaScript代码的12个网站 1、JS Bin JS bin是一个为JavaScript和CSS爱好者们提供特定情况下的代码片段测试的网站。它可以让你和你的同伴合作调试代码。你可以在这里编辑和测试Ja ...
分类：
编程语言 时间：
2016-04-09 23:21:14
阅读次数：
245
之前看过Yahoo团队写的一篇关于网站性能优化的文章，文章是2010年左右写的，虽然有点老，但是很多方面还是很有借鉴意义的。关于css的性能优化，他提到了如下几点： CSS性能优化 1、把样式表置于顶部 现把样式表放到文档的< head />内部似乎会加快页面的下载速度。这是因为把样式表放到< he ...
分类：
编程语言 时间：
2016-04-05 12:39:23
阅读次数：
278
前端开发类animate CSS前端开发网我爱CSS大家网W3SchooljQuery开发技术详解教程视频jQuery中文社区jQueryChina网页设计类禅意花园CSS DownunderCSS ImpressCSS NewwebsitelaunchpadwpglobeUI Maker平面素材类
分类：
Web程序 时间：
2016-03-05 21:49:41
阅读次数：
164
随着浏览器功能越来越完善，前端已经不仅仅是切图做网站，前端在某些方面已经媲美桌面应用。越来越庞大的前端项目，越来越复杂的代码，前端开发者们对于模块化的需求空前强烈。后来node出现了，跟随node出现的还有commonjs，这是一种js模块化解决方案，像Node.js主要用于服务器的编程，加载的模块...
分类：
其他好文 时间：
2016-01-19 20:47:12
阅读次数：
211
Fiddler是抓取请求的工具的一种，类似的还有Charles等，使用Fidder之前应先关闭其他的代理工具需求如下：网站前端和服务端配合开发了一个页面，会调取接口A的数据并在页面上呈现，现在由于业务要求需要开发新的接口B，在原有的前端逻辑下正常展示。那么，在开发的过程中，在没有前端配合的情况下，服...
分类：
其他好文 时间：
2016-01-18 19:15:47
阅读次数：
156
最近几个朋友想转型做移动设备的前端开发，来问我这方面需要什么技能，传统网站和移动端的网站有什么区别？我想了想，决定整一篇文章介绍一下 传统网页前端开发 和 移动端网站前端开发有哪些不同之处。动画效果传统web页面上，我们常常使用jQuery animate()方法来实现页面元素的动画。在移动端，我建...
分类：
移动开发 时间：
2015-12-18 16:39:41
阅读次数：
180
内容再丰富的网站，如果慢到无法访问也是毫无意义的；SEO做的再好的网站，如果搜索蜘蛛抓不到也是白搭；UE设计的再人性化的网站，如果用户连看都看不到也是空谈。所以，网页的效率优化绝对是最值得关注的方面，那么，我们该如何才能提高一个网页的效率呢？对此，我今天就在马海祥博客上为大家分享一下雅虎网页优化的1...
分类：
Web程序 时间：
2015-12-16 12:16:09
阅读次数：
221
