V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
如果想在 V2EX 获得更好的推广效果,欢迎了解 PRO 会员机制:
https://study.congcong.us/pro/about
Koral
V2EX  ›  推广

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

  •  1
     
  •   Koral · Oct 9, 2020 · 5083 views
    This topic created in 2037 days ago, the information mentioned may be changed or developed.

    河南安俪嘉塑业有限公司

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

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

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

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

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

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

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

    顶部的 nav hover 动画很僵硬

    客服弹窗又没有动画了,就算简单给 #newBridge .nb-middle 加个 top/opacity 变化也好
    ```
    top: 150%;
    transition: all ease .2s;
    ```
    rf99wSiT6IxH1Z23
        57
    rf99wSiT6IxH1Z23  
       Oct 9, 2020
    传统企业站点能用就行,没开启 https 吗?后端用的啥?
    flowercoder
        58
    flowercoder  
       Oct 9, 2020
    做了自适应,估计调试了不少时间,关于我们下面的两张图没对齐。感觉你们没有设计画原型图
    Koral
        59
    Koral  
    OP
       Oct 9, 2020 via iPhone
    好的 我再改改。 我再试试 ssr 。
    但是你们看一下域名的请求,直接返回了一部分的 html 模板的。而且 360 和 Google 也收录了啊~_~;
    del1214
        60
    del1214  
       Oct 10, 2020
    又不是不能用,😊
    M4rs
        61
    M4rs  
       Oct 10, 2020
    企业级
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   933 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 219ms · UTC 20:47 · PVG 04:47 · LAX 13:47 · JFK 16:47
    ♥ Do have faith in what you're doing.