前端开发
文章平均质量分 70
billfeller
https://github.com/billfeller
展开
-
Yahoo Web前端优化守则
Yahoo Web前端优化守则CONTENTMake fewer HTTP requests减少HTTP请求Reduce DNS lookups减少DNS查询Avoid URL redirects避免URL重定向Make AJAX cacheable缓存AJAX请求Reduce the number o原创 2012-07-13 17:53:59 · 906 阅读 · 0 评论 -
【前端优化】nginx_concat_module模块实现静态资源合并
作者:zhanhailiang 日期:2012-12-16最近在优化itravel前端性能,发现静态链接请求实在太耗能。如下是前台登录的js请求链接:script type="text/javascript" src="./static/js/common/jquery.js">/script>script type="text/javascript" src="./stat原创 2012-12-16 00:32:05 · 2643 阅读 · 0 评论 -
教你玩转Chrome控制面板
作者:zhanhailiang 日期:2013-04-27首先,使用F12打开Chrome控制面板,注意Chrome默认提供多个Panels,其中:Elements用于查看当前页面DOM结构,样式等;Resources用于查看当前页面加载的所有资源,Cookie,Application Cache等;Network用于记录所有的资源请求,方便分析网络请求参数等;原创 2013-04-27 11:56:44 · 3237 阅读 · 0 评论 -
[翻译] 前端 JavaScript 架构(完结)
立即调用的函数表达式 Immediately-invoked Function Expression。保护代码免受其他代码的干扰,并且通过封装的方式组织你的代码。事件 & 消息 Events & Messaging。在 Web 应用中可以使用事件和消息实现组件通信。事件允许一个组件同自身通信,消息则允许一个组件以非硬编码的方式监听其他组件。模块化 & 依赖管理 & 性能优化 Requi转载 2013-07-27 22:09:16 · 1111 阅读 · 0 评论 -
How to protect your CDN origin server
译者:zhanhailiang 日期:2013-11-27 Published on March 18, 2013 by Aaron当前对线上网站普遍要求需要7*24小时提供服务,这意味你需要有应对恶意攻击的准备,如DDoS attack。使用CDN有助于对抗DDoS攻击。CDN服务供应商会提供许多高容量的服务器,这样他们能处理峰值的请求比你的源服务器要好得多。此外,CDN服务翻译 2013-11-27 00:04:43 · 1354 阅读 · 0 评论 -
【AlloyTeam】停不下来的前端,自动化流程
流程关于流程,是从项目启动到发布的过程。在前端通常我们都做些什么?切图,即从设计稿中获取需要的素材,并不是所有前端开发都被要求切图,也不是所有前端开发都会切图,但请享受学习新知识的过程吧。创建模版(html、jade、haml)、脚本(javascript、coffeescript)、样式(css、less、sass、stylus)文件,搭建基础的项目骨架。文件(jade、coff转载 2014-10-23 13:04:51 · 1038 阅读 · 0 评论 -
【AlloyTeam】JS、CSS以及img对DOMContentLoaded事件的影响
最近在做性能有关的数据上报,发现了两个非常有意思的东西:Chrome开发者工具的Timeline分析面板,以及DOMContentLoaded事件。一个是强大的令人发指的性能分析工具,一个是重要的性能指标,于是就用Timeline对DOMContentLoaded事件进行了一番研究。前端的纯技术就是对规范的认知什么是DOMContentLoaded事件?首先想到的是转载 2014-10-23 13:01:18 · 897 阅读 · 0 评论 -
【AlloyTeam】LivePool:基于 NodeJs 的跨平台 Web 抓包替换工具
LivePoolLivePool 是一个基于 NodeJS,类似 Fiddler 能够支持抓包和本地替换的 Web 开发调试工具,是 Tencent AlloyTeam 在开发实践过程总结出的一套的便捷的 WorkFlow 以及调试方案。背景在 Windows 平台上,Fiddler 作为一款非常便捷好用的 Web 调试工具,深受广大开发者的喜爱。而在 Ma转载 2014-10-23 12:54:46 · 930 阅读 · 0 评论 -
基于Grunt的版本构建系统入门教程
作者:zhanhailiang 日期:2014-10-121. 安装nodejs,npm,grunt-cli,参见《Windows环境下安装nodejs+npm+grunt-cli工具》。2. 新建测试项目目录如下:其中各文件模板如下:src/index.jsvar a = 1;var b = 2; function test() {原创 2014-10-12 19:38:57 · 1082 阅读 · 0 评论 -
前端性能监控系统ShowSlow
作者:zhanhailiang 日期:2014-11-141. 简介ShowSlow是开源的前端性能监控系统,提供了以下功能:前端性能指标数据收集功能:ShowSlow原生提供了数据收集工具DOM Monster!,但也支持通过YSlow,PageSpeed等第三方工具将性能数据上报给服务端完成收集(其服务器端提供了针对多达8种不同工具上报的数据收集器dommo原创 2014-11-15 01:07:03 · 2864 阅读 · 0 评论 -
Block Formatting Contexts(块级格式化上下文)
转自:Block Formatting Contexts(块级格式化上下文)前几天看到kejun‘s blog里面的一篇文章:“近期面试感受”,里面提到面试时的一道题的不同的解决方案,比较它们之间的优缺点,其中出现了一个概念:Block Formatting Contexts(块级格式化上下文),而我一点印象都没有,所以就找了一些相关的文章学习一下,看到一篇很好的文章,所以就翻译出来和大家转载 2013-02-26 17:47:05 · 947 阅读 · 0 评论 -
IE CSS hack
作者:zhanhailiang 日期:2012-12-24IE系列的常见的Hack技术总结起来就一句话——针对特定版本的IE写特定的的样式,该样式在指定版本的IE以外无法被正确解析。#ml10 { margin-left:10px; margin-left:10px!important; /* Firefox、IE7支持 */ _margin-left:10px原创 2012-12-24 15:36:42 · 95 阅读 · 0 评论 -
IE CSS hack
作者:zhanhailiang 日期:2012-12-24IE系列的常见的Hack技术总结起来就一句话——针对特定版本的IE写特定的的样式,该样式在指定版本的IE以外无法被正确解析。#ml10 { margin-left:10px; margin-left:10px !important; /* Firefox、IE7+支持 */ _margin-left:10原创 2012-12-24 15:42:32 · 1074 阅读 · 0 评论 -
前端开发链接分享
淘宝UED淘宝开放平台支付宝UEDChinaUI.com蓝色理想UCDChina阿里巴巴(中文站)视觉同盟UI设计频道19Lou.com DKUED视觉中国阿里巴巴(国际站)淘宝QA口碑网UED9RIA.com天地会淘宝DBA淘宝数据仓库团队阿里妈妈UED支付志(支付宝官方Blog)淘宝网招聘四川电信UI互动部腾讯CDC腾讯Webteam搜狐UED淘宝营销产品博客UIRSS.com原创 2012-08-09 09:48:25 · 242 阅读 · 0 评论 -
{{jQuery源码分析}}jQuery对象初始化的多种传参数形式
jQuery对象初始化的传参方式包括:1.$(DOMElement)2.$('...'), $('#id'), $('.class') 传入字符串, 这是最常见的形式, 这种传参数经常也传入第二个参数context指定上下文,其中context参数可以为$(...), DOMElement3.$(function() {}); $(document).ready(function()原创 2012-08-15 15:07:11 · 1073 阅读 · 0 评论 -
{{高性能Web开发}}避免使用@import
Overview使用CSS @import导入外部样式表会给页面加载增加额外的延迟。DetailsCSS @import允许在样式表中导入其它样式表。当CSS @import被用于外部样式表,浏览器不能并行下载样式表,这会给整个页面加载增加多余的RTT(round-trip times)。比如若first.css中包含如下内容:@import url("second.c翻译 2012-08-18 16:30:42 · 820 阅读 · 0 评论 -
单点登陆的技术实现机制分析
单点登陆的技术实现机制分析2010-04-15什么是单点登陆单点登录(Single Sign On),简称为 SSO,是目前比较流行的企业业务整合的解决方案之一。SSO的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。较大的企业内部,一般都有很多的业务支持系统为其提供相应的管理和IT服务。例如财务系统为财务人员提供财务的管理、计算和报表服转载 2012-08-22 11:15:32 · 1378 阅读 · 0 评论 -
初探 jQuery 的 Sizzle 选择器
作者:yleo77类别:JavaScript, 前端技术转自:http://www.baiduux.com/blog/2010/07/15/the_sizzle_in_jquery/这是一篇关于介绍jQuery Sizzle选择器的文章,由我和obility共同完成。在文中,我们试图用自己的语言配以适量的代码向读者展现出Sizzle在处理选择符时的流程原理,以及末了以少许文字给你展示出如何转载 2012-08-22 14:38:25 · 921 阅读 · 0 评论 -
浏览器的加载与页面性能优化
作者:nwind类别:HTML/CSS, JavaScript, 前端技术转自:http://www.baiduux.com/blog/2011/02/15/browser-loading/本文将探讨浏览器渲染的loading过程,主要有2个目的:了解浏览器在loading过程中的实现细节,具体都做了什么研究如何根据浏览器的实现原理进行优化,提升页面响应速度由于loadin转载 2012-08-22 14:30:01 · 848 阅读 · 0 评论 -
《jQuery 1.4 Animation Techniques Beginner's Guide》阅读笔记
《jQuery 1.4 Animation Techniques Beginner's Guide》阅读笔记第2章 Fading Animation1).fade系列方法在IE下使用的问题IE however, has been known to have issues fading elements. In IE8 (and lower) for example, the i原创 2012-09-06 09:29:50 · 1142 阅读 · 0 评论 -
浅谈个人在瀑布流网页的实现中遇到的问题和解决方法
转自:http://cued.xunlei.com/log031先上Demo瀑布流排序 : http://cued.xunlei.com/demos/publ/demo1.php瀑布流+无限拖 http://cued.xunlei.com/demos/publ/demo2.html瀑布流+无限拖 (js获取图片高度版) http://cued.xunle转载 2012-08-27 20:56:47 · 988 阅读 · 0 评论 -
CSS非ASCII字符最佳实践
作者:zhanhailiang 日期:2014-10-30问题场景在写样式时经常需要用到非ASCII字符的属性值,如下:.hot_list .sign_discount:before { content: "满减"; padding: 0 8px; margin-right: 7px; font-size: 12px; line-原创 2014-10-30 20:52:22 · 916 阅读 · 0 评论