随笔分类 -  javascript

摘要:phpk框架简介PHPK是一个简单易用,易于扩展的轻量级PHP框架。phpk不仅仅是一个php框架,也是一个js框架,内置一套全新的js内库,完全摒弃了庞大的jquery,所有的前端都是一个全新的微世界。运行高效而不失功能强大,操作灵活而又能扩展自如。作为PHP框架里的“后起之秀”,PHPK秉承了那些优秀的PHP框架所共有的,并进行了很多微创新。功能说明OOP编写风格,完全依据面向对象的思想编写多项目管理,共享数据缓存层自动压缩js和css文件内嵌一个js微型内核,易于扩展URL路由,支持3种路由模式hook钩子操作,支持系统内核外扩展助手函数,支持外围函数扩展模版视图,模版引擎支持视图,支持 阅读全文
posted @ 2013-08-07 11:48 xpbb 阅读(9821) 评论(6) 推荐(3) 编辑
摘要:昨天看了司徒正美的博客http://www.cnblogs.com/rubylouvre/archive/2012/09/14/2684061.html讲到一个很完美的文件加载方案,思考很久,收益颇深。他考虑的很全面,但是美中不足的是并没有考虑ie6、7的情况,ie6、7下单个文件最大值能存64K,很多大文件是无法加载的,尤其是新版的jquery。如果把这个思路再扩展一下,放到数据缓存里面来,将是一个很完美的解决方案。我们先完成一个本地存储的DB类。db = function() { var store = window.localStorage, doc = document.docu... 阅读全文
posted @ 2012-09-15 01:46 xpbb 阅读(9428) 评论(3) 推荐(0) 编辑
摘要:javascript是一门精巧的语言,可大可小,可伸可缩,如意金箍棒一般,运用恰当,可敌千夫。比如一个场景,有的人要写上百行代码,但是有的人寥寥几笔即可实现,思路就在弹指间。要想学好一门语言,就要掌握其要义,归纳其精髓,方可如鱼得水,运筹帷幄。js在开发大型组件库的时候经常会碰到很多的逻辑分支情况。比如博客园的编辑框编写:if(target === "font"){ someFunction(){...}}else if(target === "code"){ someFunction(){...} }else if(target === "t 阅读全文
posted @ 2012-09-13 14:46 xpbb 阅读(9230) 评论(12) 推荐(3) 编辑
摘要:js模版对于一个健壮的组件库来说,至关重要。犹如建筑一栋大楼,模版就是钢筋,数据就是水泥,事件就是布线和弱电。本文将从一个小函数讲起,然后重点探讨js模版的实现模式、易用性、可扩展性,然后再对ext的模版体系做简单分析。由于工作原因,本人一直在维护一个datagrid组件,datagrid的需求千变万化,大概60%的需求都是对单元格的处理,刚刚开始的时候需要一个功能就加一个功能,比如单元格需要根据数据改变背景颜色,于是我便在表格生成之后直接操作dom,比如带checkbox的datagrid,翻页后需要保存已选状态,于是我便在表格生成之后查找checkbox然后再选中。需要在增加,datagr 阅读全文
posted @ 2012-09-04 16:37 xpbb 阅读(5354) 评论(1) 推荐(0) 编辑
摘要:对于创建表格本文提到的算法共有3种,分别是直接操作dom、借助createDocumentFragment、借助js的原生表格操作方法。我们先看一下三种算法以及在各种浏览器下的表现。第一种: 直接操作dom。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head& 阅读全文
posted @ 2012-08-24 14:12 xpbb 阅读(2458) 评论(0) 推荐(0) 编辑
摘要:javascript的继承在很多框架中都有运用,尤其是原型式继承。首先要理解一个概念,什么是原型式继承?所谓的原型式继承,就是在函数内部先创建一个临时性的构造函数,然后将传入的对象做这个构造函数的原型,最后返回这个临时类型的新实例。请看源码:function clone(o) { var F = function(){}; F.prototype = o; return new F();}首先看ext(4.1的1896行开始)的原型式继承。var TemplateClass = function(){};var ExtObject = Ext.Object = { ch... 阅读全文
posted @ 2012-07-25 10:50 xpbb 阅读(1849) 评论(4) 推荐(0) 编辑
摘要:先看题目:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title objName="test0">HTML</title><script>/** 题目:取出该html中所有的自定义属性为objName的对象,注意效率和兼容问题*/function getObjName() { }</script> </head> <body> <div> <header 阅读全文
posted @ 2012-07-23 15:06 xpbb 阅读(490) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示