V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
murmur
V2EX  ›  程序员

2 年兼职前端,写了个练手作品求点评

  •  
  •   murmur · 2016-03-11 20:51:11 +08:00 · 3930 次点击
    这是一个创建于 2939 天前的主题,其中的信息可能已经有所发展或是发生改变。
    想去互联网大公司,但是感觉没什么东西拿的出手,这 2 年一半写前端一半在做 javaweb 和 php
    http://120.24.81.26/ali_copy/alipay_copy.html
    只是静态页面,还没做完,拿个半成品求个意见,大概仿照支付宝的风格,加了几个随便的动画,人老了脑袋木了都没什么创意了
    以前一直是做企业开发, jquery 的组件做的比较多,不过都是 IE8+兼容性而且是公司用的
    第一次做低版本 ie 的兼容性,我估计如果调一下可以做到 ie6 兼容吧,求点评一下
    设计上如果我能改也尽量改,但是我不是专业搞设计的...主要还是代码、规范,谢谢

    对了,暂时没做手机版~~手机端开发经验几乎没有,就做过phonegap项目中几个小模块

    http://cn.mcbaka.com/file/NoteArt.7z
    这里还一个用 nw.js 写的桌面程序,是和别人一起弄的,某个免费音游的谱面编辑器,解开 package.nw 就是源代码了,没有混淆(有些node模块是编译了的,这些不是我弄的)
    12 条回复    2016-03-22 23:00:24 +08:00
    fordragon
        1
    fordragon  
       2016-03-11 23:39:30 +08:00   ❤️ 1
    alipay 自己首页都写了 lte IE 7 就跳转到 kill-ie.html 了,所以不用太在意 IE6 了吧。

    CSS 部分,没有做显示隐藏的需求时,元素设置 position 为 absolute | fixed ,或设置 float 为 left | right ,不需要再设置 display: block

    具体就是.main-logo 部分,另外这个元素同时设置了 position 和 float ,看场景是为了解决上边距的问题吧,但是其实 float: left 其实不需要了。

    另外,单就这个页面的场景里,.fl, .fr 的!important 暂时没发现用处,强行提高优先级的东西谨慎使用。


    jQuery 部分,写插件很多的话应该知道那些常用的所谓“ jQuery 最佳实践”?比如

    $("#contact").on("mouseenter", function(e){
    $("#contact").addClass("hover");

    e.stopPropagation();
    });
    $("#contact .dropdown").on("mouseleave", function(e){
    $("#contact").removeClass("hover");
    e.stopPropagation();
    });


    $("#contact")选择符的重复出现是可以写的更简单些的。
    murmur
        2
    murmur  
    OP
       2016-03-11 23:48:20 +08:00
    @fordragon 感谢你的点评,尤其是第二点平时开发我基本被忽视了
    murmur
        3
    murmur  
    OP
       2016-03-11 23:50:20 +08:00
    @fordragon 另外选择器没缓存那段的却是我忽略了,这段的意图本来是想解决 ie6 下 hover 只能加给 a 的问题,如果是 ie7+我想按 bootstrap 那样直接做 li:hover menu 的样式应该就可以了
    eoo
        4
    eoo  
       2016-03-12 00:25:44 +08:00 via Android
    问个问题 JavaScript 设置 cookie 能不能在响应头看到?
    murmur
        5
    murmur  
    OP
       2016-03-12 00:33:02 +08:00
    @eoo 没试过,但是 cookies 一定会在 request 里出现,我一般是在后端设置 cookies 让前端被动存, php 和 java 都可以,我是这样做的
    codevn
        6
    codevn  
       2016-03-12 02:06:20 +08:00
    $("#contact").on("mouseenter", function(e){
    $("#contact").addClass("hover");

    e.stopPropagation();
    });
    $("#contact .dropdown").on("mouseleave", function(e){
    $("#contact").removeClass("hover");
    e.stopPropagation();
    });

    试试这样?
    var xxx = {
    $el:{

    }
    }
    codevn
        7
    codevn  
       2016-03-12 02:06:56 +08:00
    $("#contact").on("mouseenter", function(e){
    $("#contact").addClass("hover");

    e.stopPropagation();
    });
    $("#contact .dropdown").on("mouseleave", function(e){
    $("#contact").removeClass("hover");
    e.stopPropagation();
    });

    试试这样?
    var xxx = {
    $el:{
    $contact :$('xxxxx')
    }
    }
    blue0125
        8
    blue0125  
       2016-03-14 11:00:16 +08:00
    弱弱的问下 slider.js 中第 9 行 为什么 innerHeight 要 -28 ,兼容什么问题么?
    blue0125
        9
    blue0125  
       2016-03-14 11:05:11 +08:00
    @blue0125 知道了。头上的 m-slides 的高度。
    murmur
        10
    murmur  
    OP
       2016-03-14 11:44:34 +08:00
    @blue0125 那是因为幻灯片的高度不是全屏而是去掉黑色 nav 的高度 下面的是半透明所以算上高度了
    DoLinux
        11
    DoLinux  
       2016-03-22 20:05:47 +08:00
    准备跳槽互联网前端?
    murmur
        12
    murmur  
    OP
       2016-03-22 23:00:24 +08:00
    @DoLinux 看来问题不在项目上 首先要把犀牛书看几次
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5409 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 07:36 · PVG 15:36 · LAX 00:36 · JFK 03:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.