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 司徒正美 阅读(9462) 评论(26) 编辑

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

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

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

[置顶]目录

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

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

2016年1月28日 #

表单元素之搭车系

摘要: 对于表单元素,除了reset元素,只要有name与value都能提交 因为在我们印象中,只有能选择的,能填空的,就是我们要提交的。但浏览器还提供一种机制,让我们能让除了用户自己添加的东西外,还能偷偷地提交“额外”的东西。 这些搭顺风车的东西,目前有三种,input[type=hidden],inpu阅读全文

posted @ 2016-01-28 11:24 司徒正美 阅读(255) 评论(0) 编辑

2016年1月27日 #

使用karma做多浏览器的UI测试

摘要: avalon1.6开发得差不多,这次使用先进的开发理念进行开发,比如模块化,单元测试什么。。。 ui测试是重要的一环,之前用阿里的totoro,但打开浏览器不方便。于是从webdrieverio, nightwatch,一直找到karma! karma的官网尤其烂,我搞了好久才能运行起来 用到的np阅读全文

posted @ 2016-01-27 16:38 司徒正美 阅读(182) 评论(0) 编辑

2016年1月25日 #

webpack 自动发现 entry 的配置和引用方式

摘要: 假定我们的项目目录为如下的样子:- root/ - assets/ - app/ - global.js - index/ - index.js - auth/ ...阅读全文

posted @ 2016-01-25 22:29 司徒正美 阅读(125) 评论(0) 编辑

2016年1月19日 #

表单元素之下拉系

摘要: 这里特指下拉框,select。但select有两种形态,由multiple属性决定。在多选形态下,用户按住shift键就能实现多选,但用得不多,主要是占空间。那我们着重说说单选形态及其结构。下拉框是由多种元素组成,通常我们见过select套着option元素,这中间还能夹一层,optgroup就是对...阅读全文

posted @ 2016-01-19 14:36 司徒正美 阅读(471) 评论(0) 编辑

表单元素 开篇

摘要: 今天开始讲述表单这个重要模块可以说,JS 最早是为表单而发明的, 因此在没有JS之前,所有操作都需要提交后端验证,发现有误再重定向回原页面,加上之前1,2KB的网速,这用户体验真是奇差无比.因此JS最初发明出来,就是做表单验证的.围绕表单,添加了各种语义化的元素,事件,属性.比如说label,在某个...阅读全文

posted @ 2016-01-19 10:21 司徒正美 阅读(259) 评论(0) 编辑

2016年1月11日 #

表单元素之选择系

摘要: 选择系特指input[type=radio]与input[type=checkbox], 俗话的单选框与复选框。它们都是 通过checked属性决定是否能提交到后端,在传统框架中,都是将它们序列化成字符串进行提交,但新的MVVM框架, 它们对应的是更语义化的东西。单选框为一个布尔,那么只要将它的na...阅读全文

posted @ 2016-01-11 18:05 司徒正美 阅读(183) 评论(0) 编辑

表单元素之输入系

摘要: 输入系的元素主要是说input[type=text],input[type=password],textarea这三种元素. 通常第一个输入用户名,第二个输入密码,第三个输入详细消息.它们都表现为一个凹入的框框,里面可以让用户输入内容,不同的是输入域只能输入一条, 输入区可以输入多行,密码域使用圆点...阅读全文

posted @ 2016-01-11 15:41 司徒正美 阅读(375) 评论(0) 编辑

2016年1月7日 #

搜狗浏览器下 禁止浏览器自动填写用户名、密码

摘要: 搜狗浏览器下,会出现把用户设置记住密码的表单(用户名和密码)乱放在,网站中其他成对出现的用户名及密码框中.如何解决这种不负责任的可恨问题,网上有很多方案,但最终都未果。一、先把网上搜到的方案放下:1.在input上使用autocomplete="off",但在有的浏览器上还是被记住了用户名跟密码。2...阅读全文

posted @ 2016-01-07 11:52 司徒正美 阅读(232) 评论(1) 编辑

2015年12月27日 #

能冒泡的事件

摘要: 每个 event 都有一个event.bubbles属性,可以知道它可否冒泡。(ref:W3定义的Event Interface)当然 W3 DOM Level 3 Events 的细则里已经附上这个表格了:Event TypeBubbling phaseabort✗beforeinput✔blur...阅读全文

posted @ 2015-12-27 17:36 司徒正美 阅读(491) 评论(0) 编辑

2015年12月7日 #

react native 中es6语法解析

摘要: react native是直接使用es6来编写代码,许多新语法能提高我们的工作效率解构赋值var { StyleSheet, Text, View} = React;这句代码是ES6 中新增的解构(Destructuring)赋值语句。准许你获取对象的多个属性并且使用一条语句将它们赋给多个变量...阅读全文

posted @ 2015-12-07 13:48 司徒正美 阅读(674) 评论(1) 编辑