页面载入中...
首页 » 作者

如何提高前端的工作效率

工欲善其事,必先利其器。
最近换了个犀利的VIM编辑器,号称是编辑器里的神器,堪比诸葛连弩。用了个把星期了,使用起来虽然还是很不适应,但是真的很爽。和之前用的dw比起来工作效率相对来说已经有了很大的提高。

总结了一下我能想到的可以提高自己的工作效率的几个方面:

1、学习新知识,
新知识包括知识层面上的,当然,还可以是工具层面上的:
css3,html5这些新技术还是必须要学习的,圆角,渐变,阴影等,都可以很快速的完成,可以节省很多时间。
工具层面上么,比如我现在使用的vim,又比如zencoding(实用简单的代码自动化工具)。

template模板的应用

    在很久之前的项目中就用过了template的方法,不过当时只是依样画葫芦照着借用的,最近在学习过程中又看到了这个方法,就好好学习一下了。

    我们平时JavaScript进行前端开发的时候,做的最多的事情,除了操作dom以外,就是围绕json数据的操作了。而数据操作最麻烦的就是用json生成dom对象了,通常我们会写一堆for,if之类的代码来支持data向view的转化, 这样的代码一般会像:

全兼容渐变圆角阴影

看新闻得知微软在2014年将完全结束对xp系统的技术支持,那也就是说,以前的xp+office2003+ie6的组合将会很大程度的被减少,那基本上就是win7+office2010+ie9的全新组合,这是好事。。让万恶的ie6去****吧。。

额,学习新的技术让自己不落伍!

漫话产品设计【转】

很有意思的一些漫画加思考

转自:这里

1.鱼饵就应当符合鱼儿的胃口,而不是钓鱼者

第一次看到这幅漫画就笑了:画的不就是做产品的我们嘛~ 花了不少成本、人力、时间,把自己看起来都颇诱人的鱼饵(x产品x功能)抛到鱼塘(网站)里,满心欢喜地守着盼着等着念着:“鱼儿鱼儿快上钩~”鱼儿们来到网站,先是看到一个庞然大物,一晕;然后满世界找熟悉的功能,未遂,再晕;好不容易找对地儿,发现鱼饵味道变了,三晕……

反省:核心需求的满足,永远是最好的饵料啊~

标签:

WEB前端优化的体会

前端开发在很多人眼里很简单,很多人都会说不就是把效果图变成网页嘛,哪里需要那么多的时间,一点技术含量都没有。确实html页面没有js那么多复杂的交互,也不需要和后台数据打交道,但并不能代表就没有技术含量,也不是人人都能做好的。简单的html,我想稍微学过一点的人,都能写出来,但是,页面结构好坏直接会影响到css代码的质量,也会影响js和后台的开发,还会影响到以后功能的扩展和代码的优化。

最近一个朋友说,他们网站访问很卡,页面访问速度很慢,让我看一下是否能够优化,我也尝试着想去做一下网站的整站优化,所有,就先去看了一下他们网站。

纯css的显示隐藏

继续学习中。。。原来显示隐藏完全不用js啊。。。我还一直很单纯的以为只能用js才能去实现。在csdn上看到有人问一个样式问题,拉过来看了一下,原来。。原来显示隐藏不用js啊。。。再回想起以前找到的一个效果,找出来看了一下,不多说了,来看代码:
CSS部分:

img{border: none; padding: 0; margin:0}
.pic{position:relative;top:10px;left:10px; width:100px; height:100px; vertical-align: top}
.pic a { display:block; width:100px; height:30px; line-height:30px}
.pic a .large{position:absolute;height:0;width:0; display:none   }
.pic a:hover{display:block; background:#CCC; text-decoration:none; color:#FFF; }
.pic a:hover .large{position:absolute;width:100px;height:30px;left:0px; bottom:0; display:block;
background:#a05de2; text-align:center; overflow:hidden}

CSS多类选择器

写样式也写了两年了,发现自己以前还真是不思进取啊,很多东西只要够用就好了,根本不会去深入学习研究,相当悲剧。

这次碰到一个选择器的问题,就把相关知识拉出来看一下了。

css选择器的写法

标签:

jsonp的学习

在很久之前。。。在搞淘宝一个项目的时候就使用了jsonp格式,当时也是一知半解,套用了别人的现成代码就算完工了,现在不行了,都是这样的项目,不学习清楚不行啊。。。查阅了很多相关知识。。。稍微对这个有一点了解了。

标签: