03 2014 档案
摘要：参考链接：《JavaScript DOM高级程序设计》《JavaScript高级程序设计（第3版）》http://www.cnblogs.com/aaronjs/p/3279314.html
阅读全文
摘要：手工布局模块化，先搞定模块样式，再通过布局样式，把模块连接起来，成为一张页面。也就是说，布局样式其实是页面的框架，模块样式是框架预留的坑位。两者可以独立搞。接下来的问题是，跨页面使用布局模块，如何修改一个布局模块样式，体现到各个页面。以前是通过后端语言来实现。本质上，还是一个模块修改 能映射到引用该模块的各个页面。也就是开发的时候，一个模块一个css文件引用；发布的时候，各个css文件合并。复杂的样式变化，得靠CSS预处理语言了。手工前端代码分层Model层后台json数据格式，经过数据格式转换，转化成适合渲染html的数据格式，也就是Model->Viewer Model。业务逻辑层页
阅读全文
摘要：http://www.qianduan.net/css-regions.htmlhttp://alistapart.com/article/crosscolumn2http://www.sampsonresume.com/labs/img-in-middle/http://galjot.si/css-exclusionshttp://www.w3.org/TR/css3-exclusions/#wrap-flow-propertyhttp://css-tricks.com/examples/FloatBoth/http://www.interoperabilitybridges.com/css
阅读全文
摘要：1.定宽定高http://m.tmall.com/2.定高变宽http://3g.163.com/touch3.自适应http://page.m.tmall.com/wave3_d11gj/d11wave3_main_fs_gj.html4.响应式pad+pc，http://www.taobao.com/phone+pad+pc，http://mediaqueri.es/5.瀑布流定高，http://huaban.com/定宽，http://image.baidu.com/channel/star#all&%E9%87%91%E7%A7%80%E8%B4%A4&null&
阅读全文
摘要：1.css hack:root #test { background-color:purple\9; } /*ie9*/[;color:#f00;]; /*Webkit(chrome和safari)*/color:#666\9; /*IE8*/*color:#999; /*IE7*/_color:#333; /*IE6*/2.垂直居中单行文字内容：line-height 和 height相等，加上overflow:hidden;绝对定位居中：position:absolute;top:50%;margin-top:负元素高度;box布局居中：display:box;box-align:cent
阅读全文
摘要：在前端把图片编码成base64位，通过jsonp post方式把数据传输到后台，后台返回处理结果。
阅读全文
摘要：我认为，程序开发，就是管理代码依赖关系。正交封装代码，可以解耦复杂依赖关系。所谓正交三范式，如同数据库设计三范式，如下:第一范式，运算过程相似的运算单元要消除，消除方法是封装成函数。第二范式，不同参数，多次调用相同函数，使用迭代法。第三范式，一个函数只做一件事，做两件事的是两个函数。相当于，列是运算单元，行是函数调用。一张数据表就是一个程序。这其实是表驱动编程的本质，解决了代码依赖冗余。这些是自底向上。下面是自顶向下。1.布局布局模块化，分离出模块自身css和页面布局css。不同网页，共用一块html代码，通常需要后端MVC框架的HTML模板帮助。现在可用前端MVC框架的模板来实现。2.交互模
阅读全文
