摘要：一、通过表单name属性获取表单的各元素 1 2 3 4 5 6 7 8 二、获取文本框的值 1 2 3 4 5 6 三、checkbox 多选元素的处理 1 2 1111 3 2222 4 3333 5 4444 6 7 ... 阅读全文
深入浅出 Ext js 笔记
2013-06-11 14:09 by 臭小子1983, 237 阅读, 0 推荐, 收藏, 编辑
摘要：第一章 Ext概述一、Ext 目录结构： adapter：核心代码和底层库 examples：官网的演示 docs：API文档 pkgs：是EXT压缩后的代码 resources：ext要用到的图片和样式文件 scr：未压缩过的ext文件 ext-all.js：ext核对心库，必须引入 ext-all-debug.js：是ext-all.js的调试版，调用这个文件夹才能正确的定位出现错误的位置 INCLUDE_ORDER.txt：引用库层库javascript文件的顺序二、配置文件加载 // 基础文件 // ext框架文件第二章 框架基础一、EXT中的... 阅读全文
前端性能优化（一）
2013-05-25 17:22 by 臭小子1983, 408 阅读, 0 推荐, 收藏, 编辑
摘要：一、多文件的合并和压缩，将css或js合并成一个通过href或src只需要一次请求前端优化：淘宝的Combo Handler和新浪微博的link标签includes属性前端优化一：Combo Handler来合并CSS/JS文件背景 Combo Handler是Yahoo!开发的一个Apache模... 阅读全文
前端各种优化(转)
2013-05-15 10:40 by 臭小子1983, 173 阅读, 0 推荐, 收藏, 编辑
摘要：还有一个小时才到2012，那还能有点时间写点吐槽的东西，嘿嘿...2011年12月绝对是本人工作以来压力最大的一个月，已经忙到睡觉时间少了，业余看书时间少了，身体开始报警了，肩膀上的责任压的我实在喘不过气...作为一个普通的北漂，在北京类似我这样的人海的去了，尤其是在咱们这个行业。 我非常热爱生活，每分钟都无比珍贵；我热爱我现在所做的一切，哪怕确实让我精疲力尽(所以写博客暂时被我当成减压的方法)。 在我看来生活就是应该这样，既然我们在投胎的时候选择的生存模式or困难模式，那么不管发生什么困难都是意料之中。所以我在这不是想要表达自己的抱怨，而是想提醒自己和大家 “再忙再累也不要忘记自己的梦... 阅读全文
就这么简单：Web开发中的可用性和用户体验
2013-05-13 11:52 by 臭小子1983, 406 阅读, 0 推荐, 收藏, 编辑
摘要：就这么简单：Web开发中的可用性和用户体验本机讲人机交互学（HCI） 哈哈，请别叫UI设计师为美工、别叫前端制作、开发人员为切图，别闹...真的.1、定义词汇：“交互”、“可用性”、“人机工程学”2、UI设计：用户界面设计人员，用户界面设计人员所考虑的是按钮摆放的位置，上面显示什么文字，或者要不要这个按钮.一、什么是互交设计 如果电视、电话，微波炉都是交互产品，想让产品服从你的命令，就需要与他交互，二、不好的用户界面的特点 1、视觉表达不清楚 没有明显的顺序和焦点，没有明确的划分、用户不清楚哪些能点，到处都是广告等等。 2、非常繁琐： 减少用户操作的步骤，并能够达到最初... 阅读全文
CSS画图 强悍 各种图形 果断分享
2013-04-18 18:32 by 臭小子1983, 530 阅读, 0 推荐, 收藏, 编辑
摘要：1、正方形最终效果：CSS代码如下：1 #square {2 width: 100px;3 height: 100px;4 background: red;5 } 2、长方形最终效果：CSS代码如下：1 #rectangle {2 width: 200px;3 height: 100px;4 background: red;5 } 3、圆形最终效果：CSS代码如下：1 #circle {2 width: 100px;3 height: 100px;4 background: red;5 -moz-border-radius: 50px;... 阅读全文
按需加载图片的 jQuery 插件 lazyload.js 使用方法详解
2013-03-08 11:38 by 臭小子1983, 963 阅读, 1 推荐, 收藏, 编辑
摘要：Lazy Load 这个 jQuery 插件，是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话，下载图片就需要很多时间。而这款插件，会检测你的滚动情况，只有你要看到那个图片的时候，它才会从后台请求下载图片，然后显示出来。使用这个插件，可以在需要显示图片的时候，才下载图片，所以可以减少服务器的压力，避免不必要的资源下载。如果一个人不看下面的图片，那加载下面的图片就是一种浪费。Lazy Load 插件原理修改目标 img 的 src 属性为 orginal 属性，从而中断图片的加载。检测滚动状态，然后把可视网页中的 img 的 src 属性还原加载图片，制造缓冲加载的效果。但是现在，很.. 阅读全文
《javascript高级程序设计》第二版 读书笔记
2013-03-01 19:26 by 臭小子1983, 418 阅读, 0 推荐, 收藏, 编辑
摘要：第一章 JavaScript简介一、javascript组成部分1、核心(ECMAScript) 2、文档对象模型(DOM) 3、浏览器对象模型(BOM)第二章 HTML中使用JavaScript一、2、引用外部 通过src来引用外部的js文件，好处是通过src加载一次可以缓存到机器中，从而减少了服务器的压力 二、标签的位置 引用在中：引用在head标签中页面的css也会在这里引用，页面上来会载入css和javascript的文件，javascript在下载到浏览器后会进行解析和执行，在这个过程中会导致延迟，这样页面会一片空白等javascript解析完后在往下执行代码， 所以避免这... 阅读全文
阅读书籍
2013-02-15 13:39 by 臭小子1983, 375 阅读, 0 推荐, 收藏, 编辑
摘要：阅读过书籍一、XHTML、CSS类：1、《web标准设计》2、《css布局之道》3、《CSS那些事儿》二、JavaScript类：1、《javascript DOM编程艺术》、《JavaScript DOM编程艺术》第二版2、《javascript全威指南》3、《JavaScript DOM高级程序... 阅读全文
手机中的javascript事件
2013-01-28 11:08 by 臭小子1983, 213 阅读, 0 推荐, 收藏, 编辑
摘要：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素）height - // viewport 的高度 （范围从223 到10,000）initial-scale - // 初始的缩放比例 （范围从>0 到10）minimum-scale - // 允许用户缩放到的最 阅读全文