摘要: 前言HTML 5如同一场革命,正在Web2.0后时代轰轰烈烈的进行着。HTML 5是什么,无须我在这里赘述了。对于HTML 5的革新,按我的理解,可以总结为语义明确的标签体系、化繁为简的富媒体支持、神奇的本地数据存储技术、不需要插件的富动画(canvas)、强大的API支持。总之,HTML 5让人机交互,人网交互变得更加舒适,贴合用户。以往对富媒体应用与本存储的支持乏力也不再是浏览器的切肤之痛。将... 阅读全文
posted @ 2011-04-22 09:51 Mr.Think 阅读(2687) 评论(8) 推荐(6) 编辑
摘要: 相对于jQuery、YUI以及其他一些类库的AJAX封装,原生JS的AJAX显得那么的尴尬,兼容性不好,要记很多的方法属性,调用不便捷,代码臃肿...但我还是想说,原生JS才是最根本最底层的知识(虽然实际项目中我也是以jQuery AJAX为主,为什么?高效!),求木之长者,必固其根本。什么是AJAX? 它的优点劣势是什么?Asynchronous JavaScript and XML(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。简单的说它是多种技术的组合,目的就是让前台的数据交互变得更快捷,不用刷新页面就可以完成数据的更新。关于它的概念,止于此。想了解更多,请 阅读全文
posted @ 2011-03-29 13:16 Mr.Think 阅读(4513) 评论(3) 推荐(2) 编辑
摘要: 最近公司项目页面中用到选项卡与幻灯比较多,特地写了个集选项卡、幻灯片与播放控制于一体的插件,同页面可多次使用。思路就不说了,记得以前写过一个自动切换的幻灯插件:http://mrthink.net/jq-plugin-ifadeslide/,思路有部分是类似的。当然,本文中插件源码中也有注释~插件核心代码:点此查看样例$.fn.WIT_SetTab=function(iSet){ /* * @Mr.Think * Nav: 导航钩子; * Field:切换区域 * K:初始化索引; * CurCls:高亮样式; * Auto:是否自动切换; * AutoTime:自动切换时间; * OutTi 阅读全文
posted @ 2011-03-28 11:26 Mr.Think 阅读(2832) 评论(4) 推荐(4) 编辑
摘要: ——听说你跳槽了?回西安了?——恩。——薪水很高吗?——跟原来差不多。——那你去那儿干啥?——购买力增强三倍。要求:1. 只招猛人,菜鸟绕行!2. 高效、专注、诚实、负责,能承受高强度工作;3. 精通PHP+MySQL,熟悉WAMP开发流程,能写优质的代码;4. 三年以上商用网站开发经验,熟悉XHTML/CSS/JAVASCRIPT及AJAX技术者优先;薪资:提供京广沪相同水准的薪水及同等的福利(不明确?能力决定薪水)。公司介绍:智讯互动,西安首家整合互动营销机构,已搞定西安最优质的客户,万事具备,只欠猛人。我们提供与京广沪相同水平的薪水,在西安这座很有味道的城市,大家可以过上更体面的生活。热 阅读全文
posted @ 2011-03-10 10:18 Mr.Think 阅读(795) 评论(1) 推荐(0) 编辑
摘要: 请在新版标准浏览器(Chrome/Opera/Firefox/Safari...)中浏览本文中的样例,否则你看到的只是一个个空白的表单! ⊙﹏⊙‖∣时光车轮滚滚碾来,前端之路永无止歇.对于这个前端这门精一多专的技术,任何一次技术革新,我们都必须第一时间去了解它学习它,比如Web世界里这簇美艳的花朵---HTML5.虽然HTML5发布之初,许多人(包括我)都觉得普及它还很遥远,但自发布以来,许多企业... 阅读全文
posted @ 2011-02-23 10:18 Mr.Think 阅读(3312) 评论(7) 推荐(3) 编辑
摘要: 今天又要用到动态显示当前时间,且要求可以切换24/12小时制, 记得很久前写过一个24小时制的,但一时没能找着, 于是又重新写了个,若有需要的朋友自行复制粘贴一份吧. 很简单的一个功能函数,实现方式不多言,用Date()对象获取到当前时间,然后用setTimeout每隔1秒获取最新的时间.写的过程中碰到过一个小小的问题: 我最初的想法是用setInterval()每隔1秒获取最新时间,可是可以,但setInterval如果放在主函数内部,但导致内存泄漏(至于原因,暂时还没想明白),后来在Rocky的提醒下用setTimeout()才解决内存泄漏问题,感谢Rocky同学:)核心代码及演示查看样例 阅读全文
posted @ 2011-02-19 08:32 Mr.Think 阅读(11407) 评论(2) 推荐(1) 编辑
摘要: 淡入淡出效果,在日常项目中经常用到,可惜原生JS没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装, 有用得着的朋友, 可以直接使用. 代码中另附有一个设置元素透明度的方法, 是按IE规则(0~100)设置, 若改成标准设置方法(0.00~1.00), 下面使用时请考虑浮点精确表达差值.参数说明:fadeIn()与fadeOut()均有三个参数,第一个是事件, 必填; 第二个是淡入淡出速度, 正整数, 大小自己权衡, 可选参数; 第三个, 是指定淡入淡出到的透明度值(类似于jQuery中的fadeTo()), 0~100的正整数值, 也是可选参数.核心代码 阅读全文
posted @ 2011-01-29 16:50 Mr.Think 阅读(3511) 评论(4) 推荐(2) 编辑
摘要: 时常遇到朋友问我前端学习该如何学习, 看哪些书藉. 自己也希望将自己的一些学习心得与经验传教于初学者. 抱着对初学者负责的态度, 如何学习前端, 我还需要在心成有个成熟的底稿后再来写, 本文先以自己学习过程中看过的书为基础, 总结一下前端学习各个阶段书籍的选择.HTML与CSS阶段书藉选择对初学都来说,这一阶段应该是XHTML与CSS2的学习. 学习前期, 建议至多看两本书:《CSS权威指南》和《CSS那些事儿》, 有一定CSS基础后, 可以看《精通CSS:高级Web标准解决方案》. 或许你会问,为什么没有HTML学习的书籍, 就我个人立场而言, 在你还没入门前, W3C在线教程或者HTML手 阅读全文
posted @ 2011-01-21 14:31 Mr.Think 阅读(2252) 评论(3) 推荐(2) 编辑
摘要: 原生Js因jQuery的"write less,do more"变得极简, Html因语义化编码变得简明, 那么, 有没有一种方式让Css也更加的高效精致呢? 当然有, 那便是模块化编码.Css的模块化,我们可以理解成(抑或本身就是)OOP思想, 重用性、灵活性、可扩展性便是它终极的目标, "类"便是它的核心, OOP的多用组合少用继承一样是它的基本原则. Css模块化是一个新颖高效的Css编码方式, 若有接触过YUI Css的朋友肯定对这种方式有所了解.如何Css模块化, 我想这才是大家真正关心的. 我所理解的Css模块化, 应该从两大块去区分. 第一大块, 从整站全局模块化. 这一点大家并 阅读全文
posted @ 2011-01-10 16:36 Mr.Think 阅读(2275) 评论(1) 推荐(1) 编辑
摘要: 上午在项目中遇到的一个问题, 折腾了半小时才把思路理顺. 需求是, 同一个页面, 有多组(不固定), 每组区块数量不一定一样的小区块. 要求每次只展开一个区块. 实现原理其实很简单, 点击导航, 若它的区块为隐藏, 则展开它, 同时, 隐藏掉同组其他区块; 若它的区块为展开, 则隐藏它, 同时, 展开同组其他区块中的一个. 一开始以为仅仅简单的两个遍历就能搞定. 但事实并非如此. 冷静思考了下, 通过点击的元素取到当前组的相关元素, 再单独处理当前组才合理. 顺着这个思路, 功能终于实现了, 写了原生Js版本, 用同样的思路写了个jQ版本. 时间关系, 写的也比较零散, 就没有封装. 其实, 阅读全文
posted @ 2011-01-07 11:24 Mr.Think 阅读(1614) 评论(0) 推荐(0) 编辑