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

各位大佬看看我的前端水平什么样了

  •  1
     
  •   Koral · 2020-10-09 10:20:31 +08:00 · 4184 次点击
    这是一个创建于 1266 天前的主题,其中的信息可能已经有所发展或是发生改变。

    河南安俪嘉塑业有限公司

    有个问题,百度没有收录该网站,我提交了链接一直没有反应。google 倒是自己收录了几条。

    61 条回复    2020-10-10 11:45:16 +08:00
    skymei
        1
    skymei  
       2020-10-09 10:25:43 +08:00
    很牛的水平
    liyang5945
        2
    liyang5945  
       2020-10-09 10:30:58 +08:00
    入门水平
    wa143825
        3
    wa143825  
       2020-10-09 10:35:34 +08:00
    哈哈,和我工作第一年一样,老板说找模板就好,我偏要自己写。现在明白了,只有专业的运营团队才需要自己设计,手写前端做网站。
    ( ps:不过这样能学到不少东西,是真的)
    AreYou0k
        4
    AreYou0k  
       2020-10-09 10:40:08 +08:00
    工资 2000, 明天来上班
    godgc
        5
    godgc  
       2020-10-09 10:45:37 +08:00   ❤️ 1
    那个 loading 是认真的嘛
    ctrlands
        6
    ctrlands  
       2020-10-09 10:51:04 +08:00   ❤️ 2
    挺好看的,就是有点丑,哈哈,水平没啥问题
    woqujjfly
        7
    woqujjfly  
       2020-10-09 10:56:47 +08:00
    首页那几个图片变形严重啊
    himself65
        8
    himself65  
       2020-10-09 11:02:48 +08:00
    index-news-list 加一个 overflow: hidden

    你这都溢出来了
    Felldeadbird
        9
    Felldeadbird  
       2020-10-09 11:13:16 +08:00
    百度收录没那么快。
    另外,点击有一个 loading 效果。感觉动态做得不够好啊。一闪而过。
    用前端框架,考虑一下爬虫收录得问题。
    yinjunjian0
        10
    yinjunjian0  
       2020-10-09 11:14:34 +08:00   ❤️ 1
    看了几眼
    感觉 CSS 基础不好
    而且前端水平看这玩意看不出来
    Koral
        11
    Koral  
    OP
       2020-10-09 11:20:09 +08:00
    @Felldeadbird 9L 只用 title 、keywords 和 description 的 meta 信息,其他的暂时不需要
    Koral
        12
    Koral  
    OP
       2020-10-09 11:21:16 +08:00
    @himself65 好的,谢谢大佬
    Koral
        13
    Koral  
    OP
       2020-10-09 11:22:20 +08:00
    css 确实有待学习...
    BeFun
        14
    BeFun  
       2020-10-09 11:43:24 +08:00
    前端技术没有啥问题,设计美感上面有问题
    crs0910
        15
    crs0910  
       2020-10-09 11:50:51 +08:00   ❤️ 3
    水平都溢出了,建议 hidden 一下
    sadfQED2
        16
    sadfQED2  
       2020-10-09 12:25:22 +08:00 via Android
    手机打开排版都乱了
    codermagefox
        17
    codermagefox  
       2020-10-09 13:05:07 +08:00   ❤️ 1
    看的有点想笑,哈哈.
    楼主加油加油~
    Koral
        18
    Koral  
    OP
       2020-10-09 13:10:40 +08:00
    @codermagefox 哈哈 你笑什么,不都是这样过来的。
    Koral
        19
    Koral  
    OP
       2020-10-09 13:11:31 +08:00
    @sadfQED2 我尽量用 flex 布局调整了,不知道有什么好的优化方法没
    Marstin
        20
    Marstin  
       2020-10-09 13:57:03 +08:00
    不客气的说,算很差的水平了。建议直接在 git 找框架修改吧,没必要自己写,吃力不讨好
    lovecy
        21
    lovecy  
       2020-10-09 14:14:41 +08:00
    `hm.baidu.com`这是加载了啥 js,卡死我了
    yaphets666
        22
    yaphets666  
       2020-10-09 14:25:13 +08:00
    可以了 入门了 够用了
    really28
        23
    really28  
       2020-10-09 14:58:37 +08:00   ❤️ 1
    勉强入门吧,提几个小建议:
    1.CSS 建议少用内联样式,维护不方便。
    2.可以考虑采用 HTML5 的语义化标签去排版,利于 SEO,可读性更好。

    前端刚开始最能看到水平(或者收获成就感)的或许是页面排版,后期还需要 js,性能优化,兼容处理等等。

    加油,未来的大佬。
    chenpingan
        24
    chenpingan  
       2020-10-09 15:05:58 +08:00
    @crs0910 兄弟是真幽默
    FaXiaoKe
        25
    FaXiaoKe  
       2020-10-09 16:09:20 +08:00   ❤️ 1
    不客气的说,比我强太多了,我只会去 github 上找现成的项目去搬运。
    Koral
        26
    Koral  
    OP
       2020-10-09 16:15:10 +08:00
    @really28 谢谢大佬指点
    Koral
        27
    Koral  
    OP
       2020-10-09 16:16:45 +08:00
    @Marstin 用了框架了,比如菜单,输入框什么的,用的是 AntD ;语言是 React+UmiJS 。很多样式只能自己写,推荐一个优质的 Git 项目学习一下吧,谢谢
    Koral
        28
    Koral  
    OP
       2020-10-09 16:18:11 +08:00
    @crs0910 😅加了 hidden 后,显示不全了
    jrtzxh020
        29
    jrtzxh020  
       2020-10-09 16:38:22 +08:00   ❤️ 1
    凑合能用的水平...加油
    kop1989
        31
    kop1989  
       2020-10-09 16:49:46 +08:00   ❤️ 1
    挺好,学习到了前端的精髓,即能贴图就贴图。这就对了。

    然后可以学习其他网站优化一下观感。尽量减少强硬颜色过度与大量纯色色块。

    然后补足一下交互的动画。这样档次感一下就上来了。
    murmur
        32
    murmur  
       2020-10-09 16:51:38 +08:00
    为什么又横向滚动条,右侧一大片空白
    Koral
        33
    Koral  
    OP
       2020-10-09 16:51:50 +08:00
    @Marstin @kop1989 谢谢大佬指点🙏
    Koral
        34
    Koral  
    OP
       2020-10-09 16:52:25 +08:00
    @murmur 可能是内容超出了?
    yaphets666
        35
    yaphets666  
       2020-10-09 17:15:38 +08:00
    有横向滚动条,这是大忌讳.布局没有说全部宽度占满的,都是中间搞个容器 比如说搞个 div css 写 width:80%;margin:0 auto; 所有的内容都在中间这个 container 中展示就像 v2 这个网站,评论区也不是 width 100%的对不对.
    Koral
        36
    Koral  
    OP
       2020-10-09 17:22:15 +08:00
    @yaphets666 好的,我这就给去掉
    LabJo
        37
    LabJo  
       2020-10-09 17:28:00 +08:00
    tab 点击的时候会出现高度坍塌
    hahahahaha234
        38
    hahahahaha234  
       2020-10-09 17:28:31 +08:00
    有点僵硬,动画
    Koral
        39
    Koral  
    OP
       2020-10-09 17:31:11 +08:00
    😂动画我不会写,所以我用的 Ant Motion 里的,硬套
    SakuraKuma
        40
    SakuraKuma  
       2020-10-09 17:31:51 +08:00
    这, 有做 ssr 嘛?
    Koral
        41
    Koral  
    OP
       2020-10-09 17:32:28 +08:00
    @LabJo 嗯 高度是会跟着变的。 这也是种不好的写法吗?因为它可能需要适应手机内容的显示
    Koral
        42
    Koral  
    OP
       2020-10-09 17:35:49 +08:00
    没有做 SSR,但我看站长工具中,也有搜索引擎爬到了。![image.png]( https://i.loli.net/2020/10/09/al3OVgv7Ge6QTES.png)
    Koral
        43
    Koral  
    OP
       2020-10-09 17:39:47 +08:00
    / 的请求返回的有 HTML 的框架,其中包含了 meta 信息,而我只要能检索到 title 、keywords 之类的就行了。SEO 不是我的强项,我在本地做 SSR 都没启动起来🙃
    Koral
        44
    Koral  
    OP
       2020-10-09 17:41:07 +08:00
    对了,框架用的 React+UmiJS,按理说写个 ssr 的配置就可以的🙈
    Martox
        45
    Martox  
       2020-10-09 17:49:42 +08:00
    相比前端来说,我觉得设计问题更大。
    azoon
        46
    azoon  
       2020-10-09 17:52:39 +08:00
    百度视乎对前端框架生成的网站不是很友好。
    lower
        47
    lower  
       2020-10-09 17:54:01 +08:00
    这域名是无力吐槽了,这么长,还加横杠
    Sapp
        48
    Sapp  
       2020-10-09 17:54:05 +08:00
    其实我推荐你考虑一下蚂蚁那些自动生成的官网,设计感比你这个强多了,当然要是你老板喜欢那就行。
    Koral
        49
    Koral  
    OP
       2020-10-09 18:11:41 +08:00
    我知道那个,Ant Design Landing,但是老板不喜欢哪。他们就喜欢这种蓝色调的。
    Koral
        50
    Koral  
    OP
       2020-10-09 18:13:25 +08:00
    @lower 域名是因为不带 china-的被人买走了😂
    @azoon 对啊,360 和 google 都收录了呢
    @Martox 我是写后端的,设计实在不是我的强项... 写前端都够费力的了
    mebtte
        51
    mebtte  
       2020-10-09 19:01:12 +08:00
    这种官网还是用服务端渲染吧
    百度应该是不收录客户端渲染的页面的, 而且页面切换的 loading 有点尴尬
    mebtte
        52
    mebtte  
       2020-10-09 19:01:56 +08:00
    loading 还不如空白页面
    bigggge
        53
    bigggge  
       2020-10-09 19:14:19 +08:00
    半年经验水平
    PonysDad
        54
    PonysDad  
       2020-10-09 19:29:35 +08:00 via iPhone
    很好,骨骼惊奇,编码奇才
    huayumo
        55
    huayumo  
       2020-10-09 20:34:51 +08:00
    这网站,怎么收录?这种网站不会收录的,收录了也不会给你排名,做网站的话,你这网站只能做竞价单页,
    en20
        56
    en20  
       2020-10-09 20:40:46 +08:00
    算入门了,我们这刚进的新人就让切这种企业站

    顶部的 nav hover 动画很僵硬

    客服弹窗又没有动画了,就算简单给 #newBridge .nb-middle 加个 top/opacity 变化也好
    ```
    top: 150%;
    transition: all ease .2s;
    ```
    cnscorpions
        57
    cnscorpions  
       2020-10-09 21:04:08 +08:00
    传统企业站点能用就行,没开启 https 吗?后端用的啥?
    flowercoder
        58
    flowercoder  
       2020-10-09 21:42:32 +08:00
    做了自适应,估计调试了不少时间,关于我们下面的两张图没对齐。感觉你们没有设计画原型图
    Koral
        59
    Koral  
    OP
       2020-10-09 21:58:44 +08:00 via iPhone
    好的 我再改改。 我再试试 ssr 。
    但是你们看一下域名的请求,直接返回了一部分的 html 模板的。而且 360 和 Google 也收录了啊~_~;
    del1214
        60
    del1214  
       2020-10-10 09:28:51 +08:00
    又不是不能用,😊
    M4rs
        61
    M4rs  
       2020-10-10 11:45:16 +08:00
    企业级
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5324 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 09:26 · PVG 17:26 · LAX 02:26 · JFK 05:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.