改善目前的工作流程

一、以往的工作流程

1、客户给出一个模糊的需求直接找美工设计,这时候客户往往还不清楚要做成什么样子,而是看设计出来想到什么改什么,这时候的美工就会很痛苦,而且这个阶段通常会持续1到2周,这样所有的项目都堆积在这里没办法进行。

2、等到设计确认完后,交给前端制作静态页,有些效果ie没办法实现,要去思考退化的方案,实现兼容多花了一倍的时间,这时候前端会很痛苦,而且设计稿还可能再修改,前端的结构没有好的构思,修修补补,带来不好维护的隐患。

3、静态页制作完后交给程序,发现有些功能没办法实现,要嘛寻找解决方案,要嘛寻找替代方案,前期需求没有沟通好,这时候程序会很痛苦。

4、等到所有都做完后,客户发现不是他想要的,又要退回去改,这样所有的人都很不开心,做了大量的无用功。归根结底就是需求的时候没有人把控,缺少pm(产品经理,以下简称pm,目前由前端兼做)的协调。

猛击阅读全文

手机框架系列5-厦门网手机版需求分析

一、前言

我们分析了3g门户各手机版本的优缺点及适合的开发框架,并结合目前厦门网的wap手机站及开发资源,总结出炫版使用jquerymobile开发,概念版使用sencha touch开发。原因如下:

1、鉴于目前厦门网开发人员的稀缺不能投入很大的人力成本,所以优先考虑成熟的框架降低开发的成本。

2、鉴于目前手机平台多样化,急需一套跨平台的解决方案,我们优先选择开发炫版,概念版可以等我们的目标客户增加到一定量才投入开发。

3、之前我有尝试用jquerymobile做了一个版本,网址:http://www.xmnn.cn/pad

猛击阅读全文

手机框架系列4-各框架的优缺点及适用范围

一、概要

台海网采用和3g门户合作的模式,强强联手。3g门户是国内比较早的手机站,拥有大量的手机客户群,主要提供平台。台海网是海峡导报的网站,以本地资讯为主,主要提供内容。好的平台结合好的内容就能吸引用户。3g门户主要有几个版本的手机站:普版,炫版,概念版。下面针对这几个版本总结下优缺点。

猛击阅读全文

ui框架系列2-kendoui创建交互原型

前言

最近在学一些框架,觉得有底层的基础学框架特别的快。学框架的目的也是多对比几个框架,发现他们的优缺点,然后整合成一个最适合自己的。项目中可以用来快速创建交互原型,节省开发的时间,重构的时候也可以参考框架的思想。

之前,我有用过bootstrap来创建交互原型,界面比较简洁,比较不会影响到美工和客户。不过一些模块并没有那么灵活。还用过jqueryui+960gs来创建交互原型,jqueryui本身有很多ui模板,所以就省去了配色,但是多少会影响到美工和客户。今天我想用kendoui来创建交互原型,因为他也是基于jquery的,界面比jqueryui简洁,模块比jqueryui多,自己扩展的布局新闻列表模块图片列表模块数字幻灯模块缩略图幻灯模块都可以很容易的移植过来,其他的如标签卡模块,滑动门模块,导航栏模块都可以用kendoui自带的。我们还是以前面的原型为例,用kendoui创建一个类似的。

猛击阅读全文

ui框架系列1-bootstrap创建交互原型

前言

在这之前,我使用jqueryui和960gs扩展出了一个通用模板,也用通用模板来创建了交互原型。使用这两个框架的原因是支持ie6。但是我们创建交互原型的目的仅仅是为了测试,所以支不支持ie6无所谓,这也有了机会去熟悉其他的框架。我认为熟悉一个框架不是去看他的源码,而是先学会用,然后再去了解怎么实现了,学习框架的思想。今天要了解的框架是twitter的bootstrap。然后总结下框架的优点和缺点,做一些适合自己的扩展。还是以前面的交互原型为例,我们用bootstrap实现一个类似的。

猛击阅读全文

通用模板系列9-使用通用模板快速制作交互原型

前言

在阅读本文之前,先阅读下面的文章会对本文有更好的理解。

猛击阅读全文

文明小博客系列15-iframe输出公共模块和js的对比

前言

在上一篇文章,我们使用js输出公共模块,从各浏览器的http瀑布图可以看出,用js输出的公共模块发生了阻塞。我重构了下代码,使用iframe来输出公共模块,然后对比下两者的http瀑布图。我都在浏览器有完整缓存的情况下测试,难免会有些偏差。

猛击阅读全文

文明小博客系列14-各浏览器的http瀑布图

前言

在这篇文章,主要谈谈各浏览器对html,css,js,前景图,背景图等的下载顺序,总结下规律,并选择合适的优化方案。chrome,safari,opera浏览器用自带的审查工具,firefox使用firebug插件,ie9使用自带的开发者工具,没有ie9的使用httpwatch插件。测试网站是文明小博客

猛击阅读全文

文明小博客系列13-css3和svg混用带来的性能问题

前言

文明小博客,我使用svg来代替css3渐变来兼容更多的浏览器

。圆角和阴影使用css3来实现,但是用的太多的副作用就是性能变差。opera在浏览器滚动的时候渐变会丢失。在低配置的电脑上使用chrome和ie9滚动时明显会卡,高配置的电脑还好。ie9以下的使用图片来替代css3的圆角和渐变,所以不会有这种情况,就是会多很多图片。firefox浏览器表现最佳。原因大概是浏览器滚动的时候会重绘页面,造成性能降低。
猛击阅读全文

下一个三年规划

去年的规划顺利的完成了,今年也要给自己规划好接下来要走的路。
技术方面:继续深入学习,重视细节,能力要进一步提高。五年一个分水岭,接下来三年要好好把握。
情商方面:沟通能力需要加强,还有一些为人处事,多跟比自己有想法的人交流。接下来的三年要对所有事都应对自如。
工资方面:每年提升一千的工资,让自己变的更有资本。自己的能力要对得起自己的工资。三年后的工资水平要是现在的翻倍。
房子方面:争取三年内把房子盖起来,自己要有一笔大于六位数的存款。
感情方面:三年内争取找到一个靠谱的伴,三年后结婚。