NMTuan - 半个前端攻城师.!

web前端小混混
沉淀工作...咆哮生活...
向前端攻城师前进~~

自己写的第一个php程序已经开始使用了~

October 30, 2011 Category:工作心得 1 Comment

呵呵.都说兴趣是学习最大的动力.一点不假.学习php的一个原因就是想让自己可以写一些适合自己的程序.不论工作还是生活.再也不必在每天盼着某某cms修正某些问题,开发某些适合自己的功能.等等.
前阵子学习了晨间日记.番茄工作法.都是些很好的东西.但总是不能很好的实践,总是在网上搜刮着各种工具.用来用去.永远都找不到合适的.so..我的第一个php程序就拿晨间日记下手了.做了个记录程序.虽然现在程序还有很多问题要解决.但只是现在添加流程已经可以了.打今儿开始记录.一点点完善程序.

医院的工作结束了。准备新的征程。

May 27, 2011 Category:工作心得 2 Comments

回顾一下在医院的七个月里。主要负责前端偏seo的工作。每天就是切图、查词什么的。专业水平上木有啥大的进步,只是确定与实施了个人的知识管理、任务管理和源代码管理,梳理了自己的工作流程,这方面还是对将来的工作有很大帮助的。

任务管理:win:doit.im ios: doit.im
知识管理:win:everonte ios:awesome note
源代码管理:svn+kpan

前端工程师的尴尬处境

May 10, 2010 Category:工作心得 No Comments

前端的尴尬...最近好几个blog都看到...俺也转过来玩玩...
现在的确有这样的问题..

A: 某小白MM,B: 后端程序员,C: 美工,D: 前端
A: 哎~D,你是做什么的呀?
D: 前端啊。
A: 前端是干什么的?
D: 前端… 前端就是做网站的。
A: 唉?我看网站不是 B 写出来的嘛,也没见你整天写代码呀?
D: 额… 我是做网站外观…
A: 唉?外观不是 C 画出来的吗?也没见你整天开 PS 呀?
D: (汗)我的工作就是把他俩的活儿结合起来…
A: [斜视] 唔,就这么轻松的工作嘛,什么都不用你干。
D: [内牛成河]

百仕达商友圈个人版模块通过了.

April 4, 2010 Category:工作心得 No Comments

三个人,对着三个页面用了一个月的时间终于做的差不多了.今儿下午给领导大体做了一下演示,没啥大问题,算是通过了.还有4天时间,大体调整一下就可以上线α测试了.

去年也是做这个模块,两个人用一周时间就做出来了.给领导演示的时候这个说不好,那个说不行的.可以说完全不能用.领导的基本要求都无法满足.为啥年后重做后一次就通过了呢?为啥年前俩人天天都在抱怨,年后加班都高兴?

年前是两个人,一个程序一个设计.需求模糊.再加上一个只会说"先做个简单的出来,高层要马上上线"的领导.我想这程序跟设计就是再牛.再热情.估计做出来的也不会好到哪里去.

年后加了个人,虽然团队就仨人但他也算是项目经理,进行需求的收集与分析,全程指挥.时间不够,他会去跟高层交涉.页面表现困难,他会组织一起开会讨论,程序/数据库有问题他也会亲自操刀.

为什么一次通过,显而易见了.

值得注意的问题:

前期的需求收集与分析真的很重要.
专业知识强了,很难跳出这个圈从用户的角度去看问题,用户体验很难做.
领导只重视了客户.忘记了潜在客户.如果不产生利益的功能尽量的去掉,那很难发展用户了.这个还要找机会沟通.

百仕达思想与豆瓣

February 23, 2010 Category:工作心得 No Comments

新年后的工作刚开始没几天,有幸参加了一次公司中高层对百仕达定位的一个讨论会.潘总不断地再说百仕达的思想,百仕达将来的样子,先不说以公司现有技术力量是否能实现所有功能.单说这个百仕达的思想,理念.我觉得已经足够的明确了.做服务,管家式服务,从生活.健康.家庭.等等每一个方面为每一个会员周全的考虑.从技术方面考虑.把这么细致的管家式服务体现到网站上的确不是一件容易的事情,现在的网站也就人际关系部分找到了很好的切入点,虽然现在表现形式还不尽人意,这也是我现在,也是近期正在解决的问题.其它几部分,完全的鸡肋..

是公司就要盈利.怎么盈利.怎么以服务引导消费.从而使公司获得盈利.这算是这次讨论会的一个重点吧.潘总一个故事接着一个故事的讲.其实总结一下很简单.就是把喜欢某一种商品的一群人聚集起来,发表对该商品的真实感受.用真诚去换取其他关注人的购买欲.从而达到盈利目的.

类似网站在网上其实有很多,如果不考虑利益问题,网上最简单的一个体现就是百度贴吧,可以建立无限的专题贴吧,让任何关注此专题的人畅所欲言,没有门槛,非注册用户一样畅谈.另外一个可以说是体现到极致的网站就是豆瓣了.05年开站,当时主要是做图书音像评论,通过会员评论商品的价值去引导其他会员购买与换购.如果没记错05年我也注册了豆瓣,当时也是因为要买书,想看一下网上对此书的评价才找到的豆瓣.但当时豆瓣并不吸引我,我只是草草看完书评就走了.没把我吸引住主要就那么几点:首先是是豆瓣刚建,使用起来不是很顺畅,怎么都感觉别扭.再加上我很少买书,买了后就对书评没兴趣了.导致我很少上豆瓣.但喜欢豆瓣的人还是很多的,至少我知道的那些奋斗在个大城市站在互联网前沿的一帮技术高人都在豆瓣混,而且已经混了好多年了.豆瓣也在不断地扩展自己的业务.评书,评电影,评音乐,评新闻等等..利用网民的力量去不断盈利,不断壮大自己.

百度贴吧改版已经有一段时间了.把现在最火的sns元素加到其中了.

豆瓣也有sns只是没有特别突出,今儿看到有人说豆瓣改版了,从新豆瓣的一些截图中可以看出,sns更加突出了,新版社区首页基本就是原来的友邻,显示好友的各种状态更新,更加关注用户之间的联系。

百仕达呢?最近虽然在做新版的会员中心,这次主要注重用户体验,把找到切入点的服务尽量更好的体现到网站上.让会员感受到方便.但这次改版完完全全是在公司大框架中按自己的想法去走着.没人管理,没人纠正.也没人讨论.我的这次改版是否合适,怎么与潘总会中提到的这种豆瓣模式融合进去.连我自己都有些迷茫了.

兼容多浏览器的css透明样式。

August 15, 2009 Category:工作心得 No Comments
filter: Alpha(Opacity=50); /* IE */ -moz-opacity:0.5; /* FF */ opacity:0.5; /* CSS3 */

udate:
上面的代码在新版firefox下失效了.用下面的~
opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;

层和css模拟ajax浮动框的效果

August 14, 2009 Category:工作心得 No Comments

一个用层跟css做出来的浮动窗效果.虽然不能像ajax那样直接数据交换,但也挺酷的.

ie6.7.8 firefox chrome opera safari 通过测试

不单独写例子了.直接把工作中写的那个放出来.

其中可以引伸出很多好玩的东西,比如说那些浮动广告啥的.就可以永远固定在一个位置.再比如头部导航可以固定.不论滚动条到哪都能看到头部导航.等等.

具体实现方式

CSS代码
* { margin : 0px ; padding : 0px ; list-style-type : none ; } /* 我习惯的全局样式 */
html { height : 100%; overflow : hidden ; border : 0px none #FFFFFF ; } /* 要点 */
body { height : 100%; overflow : hidden ; } /* 要点 */
#body { overflow : auto ; height : 100%; width : 100%; } /* 要点 */
#mask { filter: Alpha(Opacity=50); /*IE*/ -moz-opacity:0.5; /*MOZ , FF*/ opacity:0.5; position : absolute ; left : 0px ; top : 0px ; right right : 0px ; bottom bottom : 0px ; height : 100%; width : 100%; display : none ; background-color : #CCC ; z-index : 10; } /* 要点 */

XML/HTML代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" >
< body >
< div id = "body" >
<!-- 这里放整个网站内容 -->
</ div >
< div id = "tips" >
<!-- 这里放浮动的层啥的 -->
</ div >
</ body >
</ html >

这样做可以很好的实现ajax表面上的那种效果。。连滚动条都封住了。整个屏幕不能滚动。