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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3161 天前的主题，其中的信息可能已经有所发展或是发生改变。

想去互联网大公司，但是感觉没什么东西拿的出手，这 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

2016-03-11 23:39:30 +08:00

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

2016-03-11 23:48:20 +08:00

@fordragon 感谢你的点评，尤其是第二点平时开发我基本被忽视了

murmur

2016-03-11 23:50:20 +08:00

@fordragon 另外选择器没缓存那段的却是我忽略了，这段的意图本来是想解决 ie6 下 hover 只能加给 a 的问题，如果是 ie7+我想按 bootstrap 那样直接做 li:hover menu 的样式应该就可以了

eoo

2016-03-12 00:25:44 +08:00 via Android

问个问题 JavaScript 设置 cookie 能不能在响应头看到？

murmur

2016-03-12 00:33:02 +08:00

@eoo 没试过，但是 cookies 一定会在 request 里出现，我一般是在后端设置 cookies 让前端被动存， php 和 java 都可以，我是这样做的

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

2016-03-12 02:06:56 +08:00

blue0125

2016-03-14 11:00:16 +08:00

弱弱的问下 slider.js 中第 9 行为什么 innerHeight 要 -28 ，兼容什么问题么？

blue0125

2016-03-14 11:05:11 +08:00

@blue0125 知道了。头上的 m-slides 的高度。

murmur

2016-03-14 11:44:34 +08:00

@blue0125 那是因为幻灯片的高度不是全屏而是去掉黑色 nav 的高度下面的是半透明所以算上高度了

DoLinux

2016-03-22 20:05:47 +08:00

准备跳槽互联网前端？

murmur

2016-03-22 23:00:24 +08:00

@DoLinux 看来问题不在项目上首先要把犀牛书看几次