司徒正美 - 博客园

mass Framework css模块 v3

摘要：本模块最大的亮点是完美解决了一个世界难题,在IE678下模拟CSS3 transform 2D。CSS3 transform 2D归根结底就是矩阵变换的问题，大家都知道利用IE的矩阵滤镜来解。但里面的坑太多，一旦发生旋转或扭曲，然后再进行位移，之前所有的JS库都是计算错误的。本来将一步步带你揭开这谜底。要实现css transform 2D，就要动用到一个CSS3新属性——transform。但在本文写作之时，还没有任何一个浏览器支持w3c所说的那个标准属性，都是带前缀。因此mass Framework，使用了一个叫cssName的方法，取得所有能用的私有实现名。transform在框架可能用阅读全文

posted @ 2012-05-10 11:42 司徒正美阅读(3322) 评论(5) 推荐(3)

CSS3 transform 2D实验（1）

摘要：这东西在各浏览器的差异性真大，叫人怎么整合与测试啊！ $.require("ready,css",function(){// mass Framework by 司徒正美 var $el = $("#test") var matrix = $el.css("transform","rotate(90deg)").data("matrix",void 0, true) //打印浏览器使用getComputedStyle得到结果 $.log($el.css(... 阅读全文

posted @ 2012-05-07 10:48 司徒正美阅读(2801) 评论(1) 推荐(0)

闭包漫谈（从抽象代数及函数式编程角度）

摘要：前言如果Google一下“闭包”这个词，会发现网上关于闭包的文章已经不计其数，甚至很多人将闭包看做面试JavaScript程序员的必考题（虽然闭包和JavaScript没有什么必然联系）。既然如此，我为什么还要写一篇关于闭包的文章呢？首先，虽然网上关于闭包的文章甚多，但是很少以较为形式化的角度阐述闭包，而我认为理解闭包的关键之一就是从形式化角度理解其涵义；其次，大多数文章将闭包的概念与JavaScript语言绑定太死，这样容易局限对闭包概念的理解，而难以窥探到其本质。从JavaScript去理解闭包，个人认为这是本末倒置的，应该先理解纯粹意义上的闭包，然后再理解JavaScript中的闭包机制阅读全文

posted @ 2012-05-03 20:20 司徒正美阅读(4820) 评论(5) 推荐(1)

通天塔导游

摘要： (译注：圣经记载：在远古的时候，人类都使用一种语言，全世界的人决定一起造一座通天的塔，就是巴别塔，后来被上帝知道了，上帝就让人们使用不同的语言，这个塔就没能造起来。巴别塔不建自毁，与其说上帝的分化将人类的语言复杂化，不如说是人类自身心灵和谐不再的分崩离析。之所以后来有了翻译，不仅是为了加强人类之间的交流，更寄达了一种愿望，希望能以此消除人际的隔阂，获求来自心灵的和谐及慰藉。真正的译者，把握血脉，抚平创痕，通传天籁，开启心门。) 这是我写的旋风式的编程语言简介—我本来为亚马逊开发者杂志本月的期刊写的，但是发现我写的东西没法…见人。首先，我偶尔一不小心口出脏话，或者对上帝不恭的话，所以对很官方阅读全文

posted @ 2012-05-02 15:31 司徒正美阅读(2987) 评论(4) 推荐(0)

检测是否为HTML5新标签

摘要： HTML5新添加了许多语义标签与功能标签。虽然我们可以通过document.getElementById,document.getElementsByTagName选择到它们，但在复制节点时出现问题了。本该出现的innerHTML的地方，变成空字符串……<!DOCTYPE HTML><html> <head> <title>cloneNode by 司徒正美</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF 阅读全文

posted @ 2012-05-02 11:02 司徒正美阅读(5346) 评论(2) 推荐(3)

弦理论

摘要：弦理论（String theory）终于作出可用实验验证的预测，不过是在物理学一块意想不到的范畴内。长期以来，弦理论一直标榜是最可能成为「万有理论」（the theory of everything）的学说，许多学者认为弦理论可望一统物理学，下探微乎其微之小、上探浩瀚寰宇之大的物质结构。然而，弦理论无法作出可经实验验证的预测，则是众所诟病及奚落的一点。问题不在于我们的粒子加速器不够大，或电脑运算能力不够强；一些抨击弦理论砲火最勐的学者批评，问题出在根本想不出什麽实验可证实弦理论的真伪，因此这个理论毫无用处。但现在，伦敦帝国理工学院（Imperial College London）及美国史丹佛大阅读全文

posted @ 2012-04-30 13:21 司徒正美阅读(3222) 评论(0) 推荐(0)

mass Framework spec模块 v4

摘要：展示一下我的测试模块 v4用到的新技术 var Expect = function(id){ this.count = Expect[id].count++; this.id = id; console.log(this.count) } Expect.xxx = { count: 0 } va... 阅读全文

posted @ 2012-04-30 13:20 司徒正美阅读(1152) 评论(0) 推荐(0)

负值之美：负值在页面布局中的应用

摘要：负数给人总是一种消极、否定、拒绝之感，不过生活中看到负数也会有惊喜之感，那就是看到银行给你邮寄的信用卡账单，本月的应付账款为负值时，且负值越大越好。好了，闲言碎语莫要讲，今天就表一表负值在页面布局中的应用。1.负边距+定位：水平垂直居中使用绝对定位将content的定点定位到body的中心，然后使用负margin（content宽高的一半），将content的中心拉回到body的中心，已到达水平垂直居中的效果。.content{ width:550px; height:400px; position:absolute; top:50%; left:50%; margin-left:-275px 阅读全文

posted @ 2012-04-28 10:50 司徒正美阅读(2157) 评论(4) 推荐(5)

IE6 7下绝对定位引发浮动元素神秘消失

摘要：该bug产生的条件是在IE6 7下一个绝对定位元素与一个浮动元素相邻。解决方法只能委曲求全了，绝对定位元素不挨着浮动元素To fix this bug is just not setting the absolutely positioned div beside the float div. 阅读全文

posted @ 2012-04-28 10:40 司徒正美阅读(1364) 评论(0) 推荐(0)

产品三俗

摘要：有三种流行的产品要素“动态流、瀑布流、奖章”，我称之为产品三俗，容易因其流行而被滥用。PM选择它们有可能是因为“时髦”“标配”“别人都在用”，这很糟糕。恰好动态流和奖章我都折腾过，多多少少吃过一点亏，总结如下。动态流动态流给产品带来的好处很多，比如以用户为节点来实现近乎于完美的信息分发网络。但在采用这个设计之前，首先要理解，在用户层面上其本质是“订阅”，而用户接受动态流的根本原因是，订阅的方式提高了他获取优质内容的效率。我们来看看用好动态流的一些前置性条件：-用户感兴趣的订阅源数量庞大，挨个查看特别麻烦，更适合聚合浏览-订阅源不仅数量庞大，还很难分类管理，更适合用户自定义订阅-订阅源能... 阅读全文

posted @ 2012-04-27 14:19 司徒正美阅读(1551) 评论(3) 推荐(0)

Ruby's Louvre

导航

公告