- 博客(120)
- 资源 (6)
- 收藏
- 关注
RSS订阅转载 前端必读：浏览器工作原理
浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工 作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。将讨论的浏览器今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。本文将基于一些开源浏览器的例子——Firefox、 Chrome及Safari，Safari是部分开源的。根
2013-05-04 22:37:32
923
原创 QUnit源码大致结构分析
分析别人的源代码，除了可以了解程序功能是如何实现之外，还可以学到一些比较先进的编程方式和思想，进而提高自己的水平。本着这一想法，我将对QUnit的源代码加以解读，也希望对大家js水平的提高有个帮助作用。 好的js框架在语言上总是很干练的，里面也使用了很多比较先进的编程技巧，这就要求读者必须要有比较扎实的js基础知识。在这里我重点推荐汤姆大叔的译作《深入理解JavaScript系列》。文章
2013-05-04 22:31:00
848
原创 Qunit API
QUnit是jQuery支持的一款JavaScript单页测试框架。简单易用。可以从QUnit的Github页面获取其代码。QUnit的使用与JUnit类似，相信有JUnit经验的开发者和测试人员可以很快上手。开始写测试用例test( name, expected, test )一个常规的测试用例。test里是测试用例的具体内容。asyncTest( name, exp
2013-05-04 22:27:24
877
转载 Qunit入门(下)
测试用户操作 问题 那些依赖于用户操作的代码，不能通过执行函数来测试。通常元素的事件使用异步函数，例如click，这些需要模拟。 解决方案 你可以使用jQuery的 trigger()方法来触发事件，然后测试预期的行为。如果你不想浏览器事件被触发，你可以使用triggerHandler()来执行事件相关方法。这对于测试链接的click事件是有帮助的，因为t
2013-05-04 22:13:40
992
转载 QUnit入门(上)
自动化测试软件对于开发来说是一个很重要的工具，而单元测试对于自动化测试来说是基本组成部分：软件的每一个组件或者单元可以在非人工介入的情况下，使用测试工具一遍遍的重复执行。换句话说，就是你可以写一次测试，然后不用付出额外成本的任意执行多次。 除了测试覆盖率带来的好处外，测试还可以指导软件设计，这就是TDD（基于测试驱动的设计）：先有测试，后有开发代码。你开始写一个简单的测试，然后写实现代码
2013-05-04 22:08:27
1300
原创 js双感叹号判断
function id( name ) { return !!( typeof document !== "undefined" && document && document.getElementById ) && document.getElementById( name );} 然后去网上查了些资料，他相当于三元运算符，返回boolean值。v
2013-05-04 21:57:05
1328
原创 IE6position:fixed问题解决方案
不废话直接上代码普通写法#top{position:fixed;bottom:0;right:20px;}IE6中写法#top{position:fixed;_position:absolute;bottom:0;right:20px;_bottom:auto;_top:expression(eval(document.documentEle
2013-04-17 10:49:37
620
原创 继承与原型链
对于那些熟悉基于类的面向对象语言(java或者c++)的开发者来说,JavaScript的语法是比较怪异的, 这是由于javascript是一门动态语言,而且它没有类的概念 (虽然class是个保留字,不能作为变量名来使用).继承方面,javascript中的每个对象都有一个内部私有的链接指向另一个对象 (或者为 null),这个对象就是原对象的原型. 这个原型也有自己的原型, 直到对象的
2013-04-14 10:56:33
655
原创 javascript操作符和运算符
算术运算符(+, -, *, /, %, ++, --, unary -, unary +)算数运算符将多个类数字值(字面量或者变量)当成操作数,并计算出运算结果.赋值运算符(=, *=, /=, %=, +=, -=, >=, >>>=, &=, ^=, |=)赋值运算符将右边表达式的值赋值给左边的变量.位运算符(&, |, ^
2013-04-14 10:40:53
758
原创 JavaScript继承实现方式一览
继承类继承类抄写function parent(){ this.x=10;}function child(){ var parentObj=new parent(); for(var p in parentObj)this[p]=parentObj[p];}var childObj=new c
2013-04-12 21:36:13
591
转载 CSS3:transform与transition背后的数学原理
transform的原理是计算机图形学中的2D矩阵变换，在开始之前，首先来复习下一个简单的线性代数知识：矩阵与向量乘法。太复的用不到，只需要3维向量与3x3矩阵的乘积：接下来我们来说说transform跟矩阵乘法的关系，我们的任何一个html元素渲染完成后可以得到一张位图，把这张位图上所有的点都做一次矩阵运算，将得到一张的新的位图，这就是transform的基本含义。首先来看最简单
2013-04-12 21:34:45
664
原创 从代码示例了解ECMAScript5新特性
1. strict模式strict模式目前无人实现，但是按标准的说法strict模式是非strict的完全子集strict模式究竟是什么意思？很多同学认为使用strict模式是强迫使用良好的代码风格，我的意见是strict不是良好风格的代码而是高效的代码。通过使用strict模式，编译器有了把变量优化成内存地址的能力。具体限制为eval中不再能声明变量，声明的函数将会变成全
2013-04-12 21:31:10
577
原创 javascript递归
递归示例示例之一就是阶乘的计算。 数字 n 的阶乘通过乘以 1 * 2 * 3 *... n 进行计算。 下面的示例演示如何使用计算结果的 while 循环反复计算阶乘。JavaScriptfunction factorial(num){ // If the number is less than 0,
2013-04-11 16:02:21
637
转载 Web前端开发规范文档你需要知道的事
规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载
2013-04-11 13:41:22
639
转载 web前端性能优化进阶路
Web前端性能优化WPO，相信大多数前端同学都不会陌生，在各自所负责的站点页面中，也都会或多或少的有过一定的技术实践。可以说，这个领域并不缺乏成熟技术理论和技术牛人：例如Yahoo的web站点性能优化黄金法则，以及大名鼎鼎的优化大师Steve Souders。本文并非一篇讨论性能优化技术方法的文章，而更多的是对中文站搜索List页面持续两年多的前端性能优化实践的思路总结。希望对正在从事这个领域
2013-04-11 13:34:59
657
转载 CSS设计模式之三权分立模式篇
市面上我们常常会看到各种各样的设计模式书籍，Java设计模式、C#设计模式、Ruby设计模式等等。在众多的语言设计模式中我唯独找不到关于CSS设计模式的资料，即使在网上找到类似内容，细细一看之下才发觉是南辕北辙。经过浩瀚文章搜索发掘下依旧一无所获之后，直接导致了我萌生一股写一篇CSS设计模式的冲动，至此写下这篇文章，其中叙述如有不当之处，也恳请各位提出意见，分享出您宝贵的经验。在写页面之中
2013-04-07 23:46:31
2113
转载 Web前端研发工程师编程能力飞升之路
今天看到这篇文章。写的非常有意思。发现自己还有很长的一段路要走。【背景】如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；WEB前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业
2013-04-07 23:41:50
989
转载 前端性能优化
1. 请减少HTTP请求 基本原理： 在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。 一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返
2013-04-07 23:27:35
770
原创 前端面试题
HTML相关标签的定义与用法。块级元素和行内元素都有哪些？你真的了解HTML吗？ 雅虎面试题CSS相关介绍所知道的CSS hack技巧(如：_， *， +， \9， !important 之类)。介绍CSS盒模型。CSS层叠是什么？介绍一下。都知道哪些CSS浏览器兼容性问题。有时会被问到些刁钻点的题，比如position值都有哪些，CSS3都有哪些新内容...J
2013-04-07 23:24:57
818
转载 javascript入门技能
了解JavaScript设计模式我们需要知道的一些必要知识点：（内容相对基础，高手请跳过） 闭包：关于闭包这个月在园子里有几篇不错的分享了，在这我也从最实际的地方出发，说说我的理解。 1.闭包最常用的方式就是返回一个内联函数（何为内联函数？就是在函数内部声明的函数）； 2.在JavaScript中有作用域和执行环境的问题，在函数内部的变量在函数外部是无法访问的
2013-04-07 23:17:30
892
原创 Web前端书籍推荐
一. 入门级 ：就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力)，能够完成一些简单的WEB前端需求。 推荐：《JavaScript dom 编程艺术》 理由：此书绝对是入门的好书，本人也是在接触JS一段时间后才看的这本书。此书从JS的历史 - JS基础语法知识 - DOM介绍和简单的使用。现在这本书已经出了
2013-04-07 23:12:37
7391
3
原创 雅虎面试题-你真的了解HTML吗?
有这么一段HTML，请挑毛病： 哥写的不是HTML，是寂寞。 我说：不要迷恋哥，哥只是一个传说这是原来雅虎一道笔试题（文字变了变），用了很多年了，还没有一个人完全答对过。＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 解答部分 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝出这道题的动机是，太多人觉得HTML太简单，但它恰恰又是前端开发中最基础最重要的部分。HTML结构设计的合不合
2013-04-07 23:05:02
798
转载 JavaScript定时器
一、setTimeout?123setTimeout(function(){ //要执行的代码 },200);理解：指隔200ms后,定时器代码被添加到队列中,等待JavaScript进程空闲后,代码才执行二、set
2013-04-03 13:45:07
579
转载 双飞翼布局（圣杯布局）介绍-始于淘宝UED
仔细分析各种布局的技术实现，可以发现下面三种技术被经常使用：浮动 float负边距 negative margin相对定位 relative position这是实现布局的三个最基本的原子技术。只要巧妙组合，并加以灵活运用，就能“拼”出各种布局的实现方案。尝试之路考虑以下DOM结构：
2013-04-02 14:28:38
1795
原创 理解JavaScript字符串截取
一、字符串截取函数介绍1、String.charCodeAt作用：指定位置的字符的 Unicode 编码用法：String.charCodeAt(index)参数：index 表示字符串中某个位置的数字，即字符在字符串中的下标。返回：int Unicode 编码 是 0 – 65535 之间的整数2、String.fromCharCode作用：接受一个或一组指定的 Un
2013-03-31 18:21:38
471
原创 window.location.hash属性介绍
location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。很多人都喜欢收藏网页
2013-03-31 18:18:03
561
原创 A标签href和onclick
在Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。void 操作符用法格式如下： 1. javascript:void (expression) 2. javascript:void expressionexpression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的，但是写上去是一个好习惯。你
2013-03-28 14:16:15
575
原创 js重定向---实现页面跳转的几种方式
第一种： window.location.href="login.jsp?backurl="+window.location.href; 第二种： alert("返回"); window.history.back(-1); 第三种： win
2013-03-08 10:57:59
886
原创 js调用ocx控件
选择身份 function myplay(){ myact.SetTxt("测试");} <OBJECT classid="clsid:DD5D3840-4EE1-41C9-9D71-478344052FCD" codebase="http://192.168.1.29/ActiveFormProj1.ocx#version=1,0,
2013-03-07 16:53:32
1060
原创 MyBatis-Generator 代码生成
1.去Google代码管理上面下载MyBatis-Generator-core工具MyBatis-Generator-core下载2.下载完成后打开解压目录在lib目录下面新建文件夹src3.在lib目录下面放入我们要操作数据所使用的驱动包4.在lib目录下创建generator.xml文件,把以下内容粘贴进去<!DOCTYPE generatorConfiguratio
2013-03-05 09:55:50
2640
原创 Apache Maven 入门篇(下)
前面大概的介绍了一下Apache Maven以及它的下载和安装，并且运行了一个简单的示例。那么在对maven有了一点接触后，接下去的一步是要了解maven的核心概念，这样才能在使用maven的时候游刃有余。接下来我们介绍下面这几个核心概念：POM (Project Object Model)Maven 插件Maven 生命周期Maven 依赖管理Maven 库POM (
2013-02-27 23:11:15
683
原创 Apache Maven 入门篇 ( 上 )
Apache Maven 是做什么用的？Maven 是一个项目管理和构建自动化工具。但是对于我们程序员来说，我们最关心的是它的项目构建功能。所以这里我们介绍的就是怎样用 maven 来满足我们项目的日常需要。Maven 使用惯例优于配置的原则 。它要求在没有定制之前，所有的项目都有如下的结构： 目录目的${base
2013-02-27 23:07:43
2606
1
原创 Spring+Mybatis整合事务不起作用之解决方案汇总
前言： 公司最近一个项目用到Spring和Mybatis，发现用起来挺方便，比以前的那个struts+hibernate舒服多了。废话少说，直接摆问题，碰到的问题是，mybatis不在事务中运行，后台日志报 “Closing no transactional SqlSession [org.apache.ibatis.session.defaults.DefaultSqlSession@1
2013-01-25 09:53:10
24440
3
原创 MVC 表单验证
用户注册页面： 名称：user.jsp注册用户包含三项信息： 用户名，密码，邮箱。User Register Page.error{ color: red; } <%-- 这里指定页面绑定的对象 modelAttribute. 之前很困惑， 为什么上最重要的 属性没了呢？ 后来发现，其实在controller中的方法以及指定了地址到method
2013-01-25 09:36:27
3103
原创 BeanFactory 和ApplicationContext（Bean工厂和应用上下文）
一、BeanFactory 和ApplicationContextBean 工厂（com.springframework.beans.factory.BeanFactory）是Spring 框架最核心的接口，它提供了高级IoC 的配置机制。应用上下文（com.springframework.context.ApplicationContext）建立在BeanFactory 基础之上。几
2013-01-25 09:28:01
4486
原创 IoC控制反转--管理Bean
一、IoC 概述IoC（控制反转：Inverse of Control）是Spring 容器的核心，与DI（依赖注入：Dependency Injection）是同一个意思。从注入方法上看，主要可以划分为三种类型：构造函数注入、属性注入和接口注入。Spring 支持构造函数注入和属性注入。构造函数注入在构造函数注入中，我们通过调用类的构造函数，将接口实现类通过构造函数变量传
2013-01-25 09:24:36
510
原创 Spring的数据源配置 DBCP、C3P0、JNDI
Spring建议使用的数据源有Apache的DBCP，和C3P0。如果使用高性能的应用服务器（WebLogic\WebSphere),可以使用JNDI数据源。1. Apache-DBCPDBCP依赖commons-pool对象池。所以需要的jar包有：commons-dbcp.jar,commons-pool.jarDBCP的BasicDataSource提供了close()方法，
2013-01-25 09:22:53
2545
原创 Spring Bean的5种作用域
Spring Bean的5种作用域singleton作用域：Spring的scope的默认值是singletonSpring 只会为每一个bean创建一个实例,并保持bean的引用. 或 Spring1以上提供prototype作用域：每一次请求（将其注入到另一个bean中，或执行getBean()方法）都会产生一个新的bean实例，相当于new操
2013-01-25 09:20:20
640
原创 编程式事务、XML配置事务、注解实现事务
Spring2.0框架的事务处理有两大类:1 编码式事务 , 这个不说.2 声明式事务 , 就说这个. 声明式事务又有三种实现方法:1 (第一种) 最早的方法,用TransactionProxyFactoryBean,他是一个有AOP代理功能的FactoryBean.他返回的对象有事务.还要在spring的配置文件XML中配置,比较麻烦,不详细说.Xml代码
2013-01-25 09:08:04
2762
1
原创 Spring的事务传播属性，数据库的隔离级别
Spring事务的传播属性 REQUIRED业务方法需要在一个事务中运行,如果方法运行时,已处在一个事务中,那么就加入该事务,否则自己创建一个新的事务.这是spring默认的传播行为.SUPPORTS如果业务方法在某个事务范围内被调用,则方法成为该事务的一部分,如果业务方法在事务范围外被调用,则方法在没有事务的环境下执行.M
2013-01-25 09:03:35
958
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人