上一页 1 2 3 4 5 6 ··· 11 下一页
2013年9月27日
javascript的hashCode实现
摘要： hashCode = function(str){ var hash = 0; if (str.length == 0) return hash; for (i = 0; i < str.length; i++) { char = str.charCodeAt(i); hash = ((hash<<5)-hash)+char; hash = hash & hash; // Convert to 32bit integer } return hash;}djb2Code = function(str){ var has... 阅读全文
posted @ 2013-09-27 16:27 穆乙 阅读(14090) 评论(0) 推荐(2) 编辑
js 操作select和option
摘要： 1.动态创建selectfunction createSelect(){var mySelect = document.createElement_x("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); }2.添加选项option function addOption(){ //根据id查找对象， var obj=document.getElementByIdx_x('mySelect'); //添加一个选项obj.add(new Option 阅读全文
posted @ 2013-09-27 15:57 穆乙 阅读(2984) 评论(0) 推荐(0) 编辑
2013年9月24日
那些年我看过的前端书
摘要： 面试时，考官问我都看过哪些前端的书，当时竟一时想不起来几本，抽个时间整理一下：一、Javascript方面的书籍：1JavaScript权威指南（第6版）：号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；2JavaScript高级程序设计(第3版) ：前端必备书，如果你想真正进入前端世界，这是一本不可多得的进阶书，没什么好说的，必须细细品读；3JavaScript语言精粹 ：这是一本值得任何正在或准备从事JavaScript开发的人阅读，并且需要反复阅读的js书籍；4基于MVC的JavaS 阅读全文
posted @ 2013-09-24 13:23 穆乙 阅读(8957) 评论(6) 推荐(7) 编辑
2013年6月17日
学习之响应式Web设计---一个实例
摘要： 周末闲来无事,做了一个响应式设计的例子。当然，由此并不能窥见响应式设计真谛之一斑。但，对于初次接触响应设计，对于响应式设计的概念依旧模糊不清的同学来说，或许是个启蒙！闲语暂且不表，进入正题，这里没有太多的表述，直接上代码：本例基于html5标签，所以为了兼容不支持html5标签的浏览器和不支持Media Query的浏览器引入以下文件：<!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js">< 阅读全文
posted @ 2013-06-17 11:43 穆乙 阅读(1167) 评论(0) 推荐(0) 编辑
2013年6月5日
常用栅格布局方案
摘要： 页面的布局方式是页面构成的主骨架，其重要性你们懂的～拿到一个PSD，一般情况下你会：看整体布局方式，是列式布局还是通栏式布局？ 列式布局是2列还是3列？ 通栏式布局一共有多少个通栏？每个通栏有多少列？总的来说，看PSD就要像看MM，先要知道她PP大还是MM大。。。所以在切页面前，先要写页面的主要布局的代码，和建楼房先搭地基的道理是如出一辙滴。布局代码确定后，再开始在布局上做“填空”游戏。布局对于设计师来说也很重要，当开发员和设计师都遵循统一的布局规范时，可以大大的降低两者的沟通成本。同时保证页面风格的统一性。下面介绍的布局方案的示例代码使用gridsystemgenerator参照960gs框 阅读全文
posted @ 2013-06-05 16:24 穆乙 阅读(2731) 评论(0) 推荐(0) 编辑
2013年4月18日
移动平台WEB前端开发技巧汇总
摘要： 自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。WebApp与Native App有何区别呢？Native App：开发成本非常大一般使用的开发语言为JAVA、C++、Objective-C更新体验较差、同时也比较麻烦每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有 阅读全文
posted @ 2013-04-18 21:33 穆乙 阅读(1130) 评论(0) 推荐(0) 编辑
学习之响应式Web设计：Media Queries和Viewports
摘要： 前言现在使用移动设备人越来越多，移动版的Website随之也越来越重要；但是移动端设备的大小不一，屏幕分辨率各不相同，我们不可能为BlackBerry，iPhone， iPad等等每个都做单独的页面设计。所以我们需要的Website设计要能迎合多种device的要求并且兼容所有的屏幕分辨率，这种设计就叫响应式Web设计什么是响应式Web设计（Responsive Web design）？响应式Web设计是一种Web设计和开发能够根据屏幕大小、平台和方向对用户的行为和环境做出响应的设计。它包括了灵活的网格和布局，图像和智能使用CSS的media queries特性。当用户从Laptop切换到iP 阅读全文
posted @ 2013-04-18 08:43 穆乙 阅读(548) 评论(0) 推荐(0) 编辑
2013年4月17日
自定义事件机制——观察者模式
摘要： 观察者模式是对应用系统进行抽象的有力手段。你可以定义一些事件供其他开发人员使用，而并不需要为此深入了解他们的代码。一个事件可以被多个订阅者订阅，而一个订阅者也可以订阅多个不同的事件。对于浏览器这类互动环境来说这非常理想。现在的Web应用程序越来越大，在此背景下，作为一种提高代码的可维护性和简洁性的有力手段，可观察对象的作用更显突出。这种模式的应用有助于防止第三方开发人员和合作伙伴因为对你的应用程序的细节了解得太多而把事情搞糟。提高程的高度解耦有助于程序代码的维护工作。下面是基于javascript的观察者模式：var Events = (function (W) { var sl... 阅读全文
posted @ 2013-04-17 20:14 穆乙 阅读(1198) 评论(0) 推荐(1) 编辑
2013年4月16日
响应式布局的一个例子mark
摘要： <!doctype html><html><head><meta charset="gb2312"><title>响应式Web设计</title><meta name="viewport" content="width=device-width, initial-scale=1"><!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com 阅读全文
posted @ 2013-04-16 14:53 穆乙 阅读(6671) 评论(0) 推荐(0) 编辑
2013年4月2日
观察者模式的一个例子
摘要： 观察者模式（有时又被称为发布-订阅模式、模型-视图模式、源-收听者模式或从属者模式）是软件设计模式的一种。在此种模式中，一个目标物件管理所有相依于它的观察者物件，并且在它本身的状态改变时主动发出通知。这通常透过呼叫各观察者所提供的方法来实现。此种模式通常被用来实作事件处理系统。观察者模式（Observer）完美的将观察者和被观察的对象分离开。举个例子，用户界面可以作为一个观察者，业务数据是被观察者，用户界面观察业务数据的变化，发现数据变化后，就显示在界面上。面向对象设计的一个原则是：系统中的每个类将重点放在某一个功能上，而不是其他方面。一个对象只做一件事情，并且将他做好。观察者模式在模块之间划 阅读全文
posted @ 2013-04-02 15:27 穆乙 阅读(592) 评论(0) 推荐(1) 编辑
上一页 1 2 3 4 5 6 ··· 11 下一页