Archive for Front-end Development

A page widgetization practice

A page widgetization practice

I was working on the page reconstruction recently, and here is how I divide a page into widgets and how do they interacts in this new attempt.

Core Concepts

Page and widget: A page is composed by sev

[......]阅读全文

分享到:

GWT初体验

GWT初体验

最近体验了一下GWT(Google Web Toolkit),其实这个技术老早就有了,写Java代码,代码很像AWT或者Swing,但是最后编译成一个war包,也就是说,没有啰嗦的JavaScript、HTML和模板语言,Java从前到后通吃,常用的模块都被封装成组件了。虽说写起来代码还挺啰嗦的(写法上面居然不支持链式调用,这确实让我看不懂),而且也没有传统Web开发方式来得直观,但也算一种很

[......]阅读全文

分享到:

Chrome插件开发

Chrome插件开发经常要访问一些工具网站,根据页面上特定的取值。这些行为其实完全可以被视作重复劳动,有机会被脚本或者插件的自动行为取代。iMacro或者Greasemonkey都是做这件事的好工具,今天下午有时间,要不干脆写一个Chrome插件吧。

没有必要去Google什么教程,官方的文档已经非常详细,足够指导整个过程了。文档的质量非常好,又有很多例子,是很不错的示例。本质上,用到的技术还是HTML、JavaSc

[......]阅读全文

分享到:

程序员,都去写一写前端代码吧

程序员,都去写一写前端代码吧 你可以认为我是一个极端的人,就像有许多人专注于自己的领域而不屑于其它“肤浅”的工作范畴一样。比如我见过不少认为做portal没有技术含量的判定,做工程都是充满苦逼行为的言论,最近则还有那些“大数据”崇拜者的疯狂吐槽……我的极端则有些不同,我的极端在于我认为绝大多数优秀的程序员,都要尝试多方面的事情。并不只有底层开发或者机

[......]阅读全文

分享到:

Bootstrap: New Net-volution

Bootstrap: New Net volution A lot of companies developed their own mature front-end components or frameworks since several years ago, while only two twitters made it popular all around the world. Just think of it why. I don'

[......]阅读全文

分享到:

页面模板的重构

页面模板的重构 最近在工作中重构一个老系统,烂的地方有很多,但是对于后台的页面模板(我指的是JSP、FreeMarker、Velocity这样的后台模板,JavaScript前端模板不在此讨论范围内),却是我要说的部分,这似乎是一个被人遗忘的小角落。你可以很轻易地找到怎样重构Java类和方法的材料,你的Java代码可以写得很优雅;去搜搜“重构”,到处是怎样重构你的Java代码、C++代码,我们也能找到许多前端设

[......]阅读全文

分享到:

前端解耦的一个最简单示例

前端解耦的一个最简单示例

且看这样一段HTML片段:
<div style="background-color: red" id="name" onclick="alert('');">
    Jim
</div>
这是前端代码全部耦合在一起的例子,下面对它进行MVC解耦。
 
第一步解耦,把View层分离出来:
<div id="name" class="name" onclick

[......]阅读全文

分享到:

Web页面的聚合技术

近接触到了Mason,并且了解到了它基础之上的一个MVC框架实现,随即联想到做网站以来接触到的各种各样的页面聚合的场景,颇有意思。

页面聚合本身是一种“分而治之”的思想,把复杂的页面分割成可以被重用和独立维护的部分,这些部分的来源灵活,可以来自同一个web app中,也可以来自不同的域;可以聚合独立的子页面(页面集成),也可以聚合数据(数据集成),甚至可以聚合子呈现(模板集成)。

客户端聚合

这种

[......]阅读全文

分享到:

CSS也面向对象

CSS也面向对象 最初接触到面向对象的CSS还是因为项目中的CSS已经超过八千行,缺乏约束和管理,在近期或者是不远的将来,有迫切的要求需要重构。在前端重构中,除了JavaScript重构,不妨再看一看CSS面向对象和模块化,这给我的工作提供了非常好的思路。

首先,我要说的是,在这个概念翻飞的年代里,固执地追求某些概念和涵义,并不能带来更优秀的设计和更高的生产力,面向对象是一种思路,或者说是一种方法论,给CSS重构

[......]阅读全文

分享到:

由后端来类比前端设计的思考

由后端来类比前端设计的思考 有这样一句话被提起:

前端也有MVC,DOM树就是这个M,CSS就是这个V,至于C,非JavaScript莫属。

很高兴团队中有越来越多的人能够跳出某种语言、某种平台的局限性,站到抽象的层次上思考一些设计上的问题。在我的印象中,似乎前端开发总是容易给人以随意、混乱的感觉,可真的是前端技能不容易掌握吗?

大学里Java课程正儿八经学了3年,JavaScript只字未提,只是课

[......]阅读全文

分享到:

Preview on Feedage: