Ruby's Louvre

The Crankiness of Belief achieves Great , not the Trick of Regulation.

导航

公告

置顶随笔 #

[置顶]迷你MVVM框架 avalonjs1.5 入门教程

摘要: avalon经过几年以后,已成为国内一个举足轻重的框架。它提供了多种不同的版本,满足不同人群的需要。比如avalon.js支持IE6等老旧浏览器,让许多靠政府项目或对兼容性要求够高的公司也能享受MVVM的乐趣。avalon.modern.js支持IE10以上版本,优先使用新API,性能更优,体积更少...阅读全文

posted @ 2015-09-07 16:15 司徒正美 阅读(26416) 评论(36) 编辑

[置顶]偶的《javascript框架设计》终于出版

摘要: 历时两年多,我的书终于付梓出版了。应各方面的要求,写软文一篇,隆重介绍一下此书对各位程序员的钱途有什么帮助及阅读顺序等疑问。作为国内第一本讲述前端框架构的书,它里面充斥着许多大家前所未闻的知识,这些知识有50%只见于github的issue,讲述各种隐秘的浏览器兼容性问题及各种神奇的修复方案,或者是...阅读全文

posted @ 2014-04-14 10:01 司徒正美 阅读(45481) 评论(172) 编辑

[置顶]目录

摘要: 不知不觉写了这么多东西,整理一下与己方便也与人方便。 完整的控件教程 颜色选择器 1 日历 1 日期选择器 1 富文本编辑器 ...阅读全文

posted @ 2009-09-15 09:09 司徒正美 阅读(21295) 评论(23) 编辑

2017年6月17日 #

React/anu实现Touchable

摘要: 在RN中有一个叫Touchable 的组件,这里我们重演如何实现它。 Touchable存在的意义是屏蔽click的问题。移动端与手机的click 在一些浏览器是有差异,比如说著名的300ms延迟。 Touchable的实现要点是将事件通过包装,然后绑定在它的下一级元素节点上。 而一级元素节点可以通阅读全文

posted @ 2017-06-17 13:28 司徒正美 阅读(59) 评论(1) 编辑

2017年6月15日 #

React/anu实现弹出层2

摘要: 这次是使用了一个比较罕见的APIReactDOM.unstable_renderSubtreeIntoContainer,ReactDOM.unstable_renderSubtreeIntoContainer与ReactDOM.render 的区别是,一个能传parentContext,一个不能。阅读全文

posted @ 2017-06-15 11:36 司徒正美 阅读(44) 评论(0) 编辑

2017年6月12日 #

高性能迷你React框架anu在低版本IE的实践

摘要: 理想是丰满的,现实是骨感的,react早期的版本虽然号称支持IE8,但是页面总会不自觉切换到奇异模式下,导致报错。因此必须让react连IE6,7都支持,这才是最安全。但React本身并不支持IE6,7,因此anu使有用武之地了。 https://github.com/RubyLouvre/anu 阅读全文

posted @ 2017-06-12 17:57 司徒正美 阅读(1098) 评论(10) 编辑

2017年6月8日 #

利用React/anu编写一个弹出层

摘要: 本文将一步步介绍如何使用React或 "anu" 创建 一个弹出层。 React时代,代码都是要经过编译的,我们很多时间都耗在babel与webpack上。因此本文也介绍如何玩webpack与babel。 我们创建一个ui目录,里面添加一个package.json。内容如下,里面已经是尽量减少bab阅读全文

posted @ 2017-06-08 16:58 司徒正美 阅读(347) 评论(1) 编辑

2017年6月7日 #

发布高性能迷你React框架anu

摘要: anu, 读作[安努],原意为苏美尔的主神。 anu是我继avalon之后又一个新框架(github仓库为 "https://github.com/RubyLouvre/anu" , 欢迎加星与试用) 此框架的创立之意有三: 1. 提升性能, 虽然React的性能相对于传统的MVVM框架是很厉害了,阅读全文

posted @ 2017-06-07 11:15 司徒正美 阅读(802) 评论(4) 编辑

2017年5月11日 #

直接在浏览器运行jsx及高版本的js代码

摘要: 你如果将babel改成国内的 变成 什么react, react dom, redux, react redux都可以在 http://www.bootcdn.cn/ 上找到阅读全文

posted @ 2017-05-11 15:04 司徒正美 阅读(311) 评论(0) 编辑

2017年5月5日 #

处理TypeError: Converting circular structure to JSON

摘要: ```javascript // Demo: Circular reference var o = {}; o.o = o; // Note: cache should not be re-used by repeated calls to JSON.stringify. var cache = []; JSON.stringify(o, function(key, value) { i...阅读全文

posted @ 2017-05-05 18:24 司徒正美 阅读(256) 评论(1) 编辑

2017年4月6日 #

indexOf实现引申出来的各种字符串匹配算法

摘要: 我们在表单验证时,经常遇到字符串的包含问题,比如说邮件必须包含indexOf。我们现在说一下indexOf。这是es3.1引进的API ,与lastIndexOf是一套的。可以用于字符串与数组中。一些面试经常用问数组的indexOf是如何实现的,但鲜有问如何实现字符串的indexOf是如何实现,因为阅读全文

posted @ 2017-04-06 15:39 司徒正美 阅读(754) 评论(1) 编辑

2017年3月31日 #

字典树的应用

摘要: Problem Description Ignatius最近遇到一个难题,老师交给他很多单词(只有小写字母组成,不会有重复的单词出现),现在老师要他统计出以某个字符串为前缀的单词数量(单词本身也是自己的前缀). Input 输入数据的第一部分是一张单词表,每行一个单词,单词的长度不超过10,它们代表阅读全文

posted @ 2017-03-31 16:58 司徒正美 阅读(243) 评论(1) 编辑

2017年2月9日 #

getElementsByClassName

摘要: ``` function getElementsByClassName(classname) { var elements; var pattern; var i; var results = []; if (doc.querySelectorAll) { // IE8 return doc.que阅读全文

posted @ 2017-02-09 14:21 司徒正美 阅读(652) 评论(1) 编辑