司徒正美 - 博客园

最火的前端开源项目

摘要：摘要：对于开发者而言，了解当下比较流行的开源项目很是必要。利用这些项目，有时能够让你达到事半功倍的效果。为此，本文整理GitHub上最火的前端开源项目列表，这里按分类的方式列出前九个。对于开发者而言，了解当下比较流行的开源项目很是必要。利用这些项目，有时能够让你达到事半功倍的效果。为此，本文整理GitHub上最火的前端开源项目列表，内容涵盖了Hack Design、 Designer School、TheExpressiveWeb、如何成为优秀的前端开发工程师、Web开发教学材等，这里按分类的方式列出前九个。... 阅读全文

posted @ 2013-06-27 07:47 司徒正美阅读(4736) 评论(3) 推荐(5)

纯CSS基于窗口垂直居中

摘要：都是IE8＋的基于窗口垂直居中　by 司徒正美 open close XXXXXXXXXXXXXXXXX 运行代码基于窗口垂直居中　by 司徒正美 ... 阅读全文

posted @ 2013-06-26 22:00 司徒正美阅读(2614) 评论(1) 推荐(1)

jquery ui的css设计

摘要： jquery ui 是当前最强大的UI库之一，其两大卖点是对IE6的良好支持与换肤功能。为了构建avalon ui，今天起我将投入一部分精力来研究时下最流行的几个ＣＳＳ框架。它是首当其冲。jquery ui的ＣＳＳ并没有打包一个文件，用户只要引入 jquery.ui.all.css，它就会将所有CSS文件通过@import语句引进来。单从@import来，它比JS高明多了，时至今天，JS的加载都需要我们来实现。jquery.ui.all.css 的内容很简单：/*! * jQuery UI CSS Framework @VERSION * http://jqueryui.com * * Cop 阅读全文

posted @ 2013-06-23 09:42 司徒正美阅读(3500) 评论(1) 推荐(0)

迷你MVVM框架 avalonjs 0.8发布

摘要：本版本最重要的特性是引进了AMD规范的模块加载器，亦即原来mass Framework 的并行加载器，不同之处，它引进了requirejs的xxx!风格的插件机制，比如要延迟到DOM树建完时触发，是使用ready!, 要加载css文件是使用css!css_path。加载器在移动设备或PC的单页应用不可或缺。根据公司内容的不完全统计，手机等浏览器的性能只是PC的十分之一左右，而且测试对象还是公司的有钱同事的手机，什么IP，三星GALAXY。　在过去的一周，整合angular, requirejs遇到各种困难，最后只能到github下载了一个整合好的应用来修改。由于没有整合的能力，意味着我们的a 阅读全文

posted @ 2013-06-22 11:13 司徒正美阅读(3159) 评论(9) 推荐(3)

knockout 监控数组的缺点

摘要： knockout的监控数组没有想象中的强大，只能监控数组元素的位置变化，或个数的增减，然后对视图对应区域进行同步。<!DOCTYPE html><html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="knockout.js"></script> <script> & 阅读全文

posted @ 2013-06-22 07:26 司徒正美阅读(1802) 评论(1) 推荐(0)

hello, angular

摘要：开始系统学习一下angular!首先是hello world。根据官网给出的例子，我们一下做出下面这个东西： Hello {{name}}! 这里要注意三个地方：必须指定ng-app，如果页面... 阅读全文

posted @ 2013-06-17 17:19 司徒正美阅读(1288) 评论(0) 推荐(0)

Web开发人员需知的Web缓存知识

摘要：最近的译文距今已有4年之久，原文有一定的更新。今天踩着前辈们的肩膀，再次把这篇文章翻译整理下。一来让自己对web缓存的理解更深刻些，二来让大家注意力稍稍转移下，不要整天HTML5, 面试题啊叨啊叨的~~什么是Web缓存，为什么要使用它？Web缓存游走于服务器和客户端之间。这个服务器可能是源服务器（资源所驻留的服务器Add），数量可能是1个或多个；这个客户端也可能是1个或多个。Web缓存就在服务器-客户端之间搞监控，监控请求，并且把请求输出的内容（例如html页面、图片和文件）（统称为副本）另存一份；然后，如果下一个请求是相同的URL，则直接请求保存的副本，而不是再次麻烦源服务器。使用缓存的2 阅读全文

posted @ 2013-06-17 07:35 司徒正美阅读(2178) 评论(0) 推荐(1)

迷你MVVM框架 avalonjs 0.73发布

摘要：本版本只要做了以下改进将options绑定独立成一个模块不再插入多余的分号。引入jQuery式的mix(extend), type, isWindow, isPlainObject方法。废弃$scope, $json, 重命名为更直观的$vmodel与$model，不过这两个属性一直支持到10.1日重构each绑定，再也加入多余注释节点了。修复@Gaubee发现的命名ＢＵＧhttps://github.com/RubyLouvre/mass-Framework/issues/69随着博主又找到工作，现在可以全职干这东西了。估计1.0就是正式版。文档会在近... 阅读全文

posted @ 2013-06-13 12:32 司徒正美阅读(1197) 评论(1) 推荐(0)

将一个节点集合以最少的步骤转换为另一个节点集合

摘要：在avalon中，遇到一个问题，如果我们对一个数组进行排序，无论是按某一规则排序还是乱序，我们都要对对应的DOM区域进行排序。典型的是grid中的TR排序与LI元素的排序。var old = [0, 1, 2, 4, 5, 6, 7, 8], neo = mess(old.concat())var n = neo.length;function mess(arr) { var _floor = Math.floor, _random = Math.random, len = arr.length, i, j, arri, n = _floor(... 阅读全文

posted @ 2013-06-13 10:38 司徒正美阅读(1181) 评论(2) 推荐(0)

avalon有关ViewModel与Model的同步问题

摘要：经过几天的讨论，基本上确定了avalon的几个重要元素的关系。Ｍ，即model，一个普通的ＪＳ对象，可能是后台传过来的，也可能是直接从ＶＭ中拿到，即ＶＭ.$json。有关的这个$json的名字还在商讨，详见这里V，即View，HTML页面，通过绑定属性或插值表达式，呈现数据，处理隐藏，绑定事件或动画等各种交互效果。Ｖ只与ＶＭ打交道。ＶＭ，即ViewModel，我们通过avalon.define("xxx", function(vm){vm.firstName = "正美"})，这里的vm是一个临时的对象，用于定义，真正的ＶＭ是avalon.define方阅读全文

posted @ 2013-06-10 11:52 司徒正美阅读(1746) 评论(0) 推荐(0)

Ruby's Louvre

导航

公告