从jQuery引申的关于程序员与码农的区别的思考

上一篇博客里给大家带来仿win8动态磁贴的效果(详情点击这里),只是提供一个思路,更炫的效果只要你能想到,就能实现。接触jquery才两个星期,我已经有一些感悟,具体等我为大家带来另一种非常简单却很酷炫的效果再具体分析。今天给大家带来的是仿win8的Toast通知。还请各位大神勿喷,因为这个效果并不是我的重点,重点在实现这个效果之后的思考。

其实非常简单,首先这个效果是这样的,点击按钮,在右上角弹出一个div,停顿一会儿自动消失。当然你可以有很多种实现方法,在这里我使用show+delay+hide方法。

因为代码很少,直接贴上全码。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="jQuery-2.0.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#input").bind("click", function () {
                $("#toast").show("200").delay("3000").hide("600");
            });
        });
    </script>
    <style type="text/css">
        #toast {
            position: absolute;
            right: 0px;
            top: 40px;
            width: 400px;
            height: 100px;
            background-color:yellowgreen;
            display: none;
            text-align:center;
            line-height:100px;
            vertical-align:middle;
            font-family:'Microsoft YaHei UI';
            color:white;
        }
    </style>
    <title></title>
</head>
<body>
    <input id="input" type="button" value="弹出" />
    <div id="toast">
        这是一个Toast通知
    </div>
</body>
</html>

 也没有什么值得说的东西,唯一的技巧是div的绝对布局与div内文字的水平与垂直居中。代码很少,大家一眼就能看懂,我就不解释了。

下面是我最近对jquery两个星期的研究的一些思考。

很多效果一贴出代码,大家都能看得明白,而且会觉得那么简单还好意思贴出来,但是有没有想过,你自己动手实现过这些效果吗?准确来说,你有思考过使用什么样的效果可以让你的网站与众不同而且得到很好的用户体验么?互联网时代基本上都是我抄你你抄我,还有什么功能实现不了?如果你是一个负责任而且热爱这个行业的程序员,你应该会很有热情去设计一些很好的用户体验,让你的网站给人耳目一新的感觉,使用户喜欢你的网站。就好想本文实现的效果,明明很简单,却为什么大家还是要使用最原始的alert(这里我们抛开效率的问题,毕竟不是所有的网站都需要考虑效率的问题,你又不是新浪百度腾讯,中小型网站,如果能给用户更好的体验,比考虑这么细微的效率差距来的更实际)?最根本的问题在于你缺乏独立思考的能力。创作来源于idea,来源于独立思考,如果这些最基本的素质你都没有,那么你就是一个码农而不是程序员。程序员是会独立思考的,他们会考虑很多问题,除了考虑到如何实现以外还考虑到了怎样实现效果更好;码农只会想到实现了就好了,却不会想到怎样实现效果更佳。

程序员的生活都很匆忙,但是希望干我们这行的,不要老留给别人一些不好的印象,我们不是只会敲代码,我们还会独立思考,我们分析问题的能力甚至比你们还强。不要老觉得技术很重要就每天不停的敲代码去实现它,程序员每天都应该有一点时间去思考人生,思考问题,或者思考一下,你每天敲的代码,你用的那些技术你觉得很牛逼了,但是,它是否有更好的实现方式?

我们不要在匆忙的生活中从程序员沦落成为了码农。

posted @ 2013-05-19 14:10  小五毛  阅读(1646)  评论(5编辑  收藏  举报