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

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

  •  1
     
  •   Koral · 2020 年 10 月 9 日 · 4953 次点击
    这是一个创建于 1932 天前的主题,其中的信息可能已经有所发展或是发生改变。

    河南安俪嘉塑业有限公司

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

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

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

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

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

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

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

    顶部的 nav hover 动画很僵硬

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