摘要: CSS 模块化 一、文件结构 常见文件结构 一个项目的CSS最基本结构通常是下面这样的: 复杂一点的项目可能是这样分: 如果后期不打算合并CSS的,建议尽可能减少 CSS 文件的数量。 如果要做合并压缩 CSS 文件,则可以对CSS 文件进行适当的组织,这是 CSS 模块化最简单有效的方法。建议根据 阅读全文
posted @ 2016-07-14 15:21 屋大明 阅读(9581) 评论(0) 推荐(1) 编辑
摘要: jQuery 插件开发模式 jQuery 的插件开发模式主要有三种: 通过$.extend()来扩展jQuery 通过$.fn向jQuery添加新的方法 通过$.widget()应用jQuery UI 的部件工厂方式创建 这里我们选用第二种: 因为这种方法是加在jQuery对象上,可以在jQuery 阅读全文
posted @ 2016-04-14 15:59 屋大明 阅读(4095) 评论(1) 推荐(0) 编辑
摘要: 获取鼠标按键// 获取鼠标按键, getButton:function(event) { //DOM,先检测是否支持DOM鼠标事件 if(document,implementation.hasFeature("MouseEvents","2.0")) { return event.butto... 阅读全文
posted @ 2014-09-02 10:21 屋大明 阅读(226) 评论(0) 推荐(0) 编辑
摘要: 定义父类// 原型模式与构造函数组合function Person(name,age,job) { // 构造函数模式定义实例属性 this.name = name; this.age = age; this.job = job;}Person.prototype = { //原型模式定义方法和共享... 阅读全文
posted @ 2014-08-24 17:29 屋大明 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 工厂模式工厂模式通过在函数中创建一个对象(原材料),然后通过给这个对象添加属性和方法(加工),最后返回这个对象(出厂)。// 1.工厂模式function createPerson(name,age,job) { //1.原材料 var o = new Object(); //2.加工 o.na... 阅读全文
posted @ 2014-08-24 17:12 屋大明 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 前言从今天开始搭建自己的base.js,主要实现封装各浏览器兼容函数及常用操作。JS中,最常见的浏览器兼容问题估计就是事件兼容问题了,比如获取事件对象、绑定事件等,我们可以将这些兼容函数放在一个全局对象EventUtil里面,减少全局变量污染,并保证随时扩充。事件绑定在Firefox、Chrome等... 阅读全文
posted @ 2014-08-17 18:24 屋大明 阅读(788) 评论(0) 推荐(0) 编辑
摘要: 设置代理git config --global http.proxy http://proxyuser:proxypwd@proxy.server.com:port取消代理git config --system (or --global or --local) --unset http.proxy ... 阅读全文
posted @ 2014-06-24 14:53 屋大明 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 在父窗口设置子元素iframe的宽度:```javascriptfunction SetIframeHeight() { var task = document.getElementById('task'); var error = document.getElementById('error');... 阅读全文
posted @ 2014-05-20 13:59 屋大明 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 根据random方法,Math.random()方法返回的是0到1的随机数(不包含0和1):```javascript//生成k个m到n的随机数,返回数组 function Temp(m,n,k) { var all = new Array(); for (var ... 阅读全文
posted @ 2014-04-29 16:23 屋大明 阅读(257) 评论(0) 推荐(0) 编辑
摘要: HTML Code: 步骤:1.在div内部前面插入一个span,并设置span背景及大小;2.再通过span向上滑动,露出底下的button的背景。CSS Code:#login_btn { margin-left:78px; margin-top:10px; background:url("./images/login_btn.png") left bottom no-repeat; width:184px; height:39px; overflow:hidden;}#login_btn button {border:none; background:url(&quo 阅读全文
posted @ 2014-03-21 14:37 屋大明 阅读(1059) 评论(0) 推荐(0) 编辑