2 年兼职前端,写了个练手作品求点评 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要回答技术问题时复制粘贴 AI 生成的内容
murmur
V2EX    程序员

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

  •  
  •   murmur 2016-03-11 20:51:11 +08:00 4648 次点击
    这是一个创建于 3509 天前的主题,其中的信息可能已经有所发展或是发生改变。
    想去互联网大公司,但是感觉没什么东西拿的出手,这 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 都可以,我是这样做的
        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     Solana     809 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 20:56 PVG 04:56 LAX 13:56 JFK 16:56
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86