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

[Koral]

河南安俪嘉塑业有限公司

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

[skymei]

很牛的水平

[liyang5945]

入门水平

[wa143825]

哈哈，和我工作第一年一样，老板说找模板就好，我偏要自己写。现在明白了，只有专业的运营团队才需要自己设计，手写前端做网站。
（ ps：不过这样能学到不少东西，是真的）

[AreYou0k]

工资 2000, 明天来上班

[godgc]

那个 loading 是认真的嘛

[ctrlands]

挺好看的，就是有点丑，哈哈，水平没啥问题

[woqujjfly]

首页那几个图片变形严重啊

[himself65]

index-news-list 加一个 overflow: hidden

你这都溢出来了

[Felldeadbird]

百度收录没那么快。
另外，点击有一个 loading 效果。感觉动态做得不够好啊。一闪而过。
用前端框架，考虑一下爬虫收录得问题。

[yinjunjian0]

看了几眼
感觉 CSS 基础不好
而且前端水平看这玩意看不出来

[Koral]

@Felldeadbird 9L 只用 title 、keywords 和 description 的 meta 信息，其他的暂时不需要

[Koral]

@himself65 好的，谢谢大佬

[Koral]

css 确实有待学习...

[BeFun]

前端技术没有啥问题，设计美感上面有问题

[crs0910]

水平都溢出了，建议 hidden 一下

[sadfQED2]

手机打开排版都乱了

[codermagefox]

看的有点想笑,哈哈.
楼主加油加油~

[Koral]

@codermagefox 哈哈 你笑什么，不都是这样过来的。

[Koral]

@sadfQED2 我尽量用 flex 布局调整了，不知道有什么好的优化方法没

[Marstin]

不客气的说，算很差的水平了。建议直接在 git 找框架修改吧，没必要自己写，吃力不讨好

[lovecy]

`hm.baidu.com`这是加载了啥 js，卡死我了

[yaphets666]

可以了 入门了 够用了

[really28]

勉强入门吧，提几个小建议：
1.CSS 建议少用内联样式，维护不方便。
2.可以考虑采用 HTML5 的语义化标签去排版，利于 SEO，可读性更好。

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

加油，未来的大佬。

[chenpingan]

@crs0910 兄弟是真幽默

[FaXiaoKe]

不客气的说，比我强太多了，我只会去 github 上找现成的项目去搬运。

[Koral]

@really28 谢谢大佬指点

[Koral]

@Marstin 用了框架了，比如菜单，输入框什么的，用的是 AntD ；语言是 React+UmiJS 。很多样式只能自己写，推荐一个优质的 Git 项目学习一下吧，谢谢

[Koral]

@crs0910 😅加了 hidden 后，显示不全了

[jrtzxh020]

凑合能用的水平...加油

[Marstin]

@Koral https://github.com/search?q=%E4%BC%81%E4%B8%9A%E5%AE%98%E7%BD%91&type=Repositories

[kop1989]

挺好，学习到了前端的精髓，即能贴图就贴图。这就对了。

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

然后补足一下交互的动画。这样档次感一下就上来了。

[murmur]

为什么又横向滚动条，右侧一大片空白

[Koral]

@Marstin @kop1989 谢谢大佬指点🙏

[Koral]

@murmur 可能是内容超出了？

[yaphets666]

有横向滚动条,这是大忌讳.布局没有说全部宽度占满的,都是中间搞个容器 比如说搞个 div css 写 width:80%;margin:0 auto; 所有的内容都在中间这个 container 中展示就像 v2 这个网站,评论区也不是 width 100%的对不对.

[Koral]

@yaphets666 好的，我这就给去掉

[LabJo]

tab 点击的时候会出现高度坍塌

[hahahahaha234]

有点僵硬，动画

[Koral]

😂动画我不会写，所以我用的 Ant Motion 里的，硬套

[SakuraKuma]

这, 有做 ssr 嘛?

[Koral]

@LabJo 嗯 高度是会跟着变的。 这也是种不好的写法吗？因为它可能需要适应手机内容的显示

[Koral]

没有做 SSR，但我看站长工具中，也有搜索引擎爬到了。

[Koral]

/ 的请求返回的有 HTML 的框架，其中包含了 meta 信息，而我只要能检索到 title 、keywords 之类的就行了。SEO 不是我的强项，我在本地做 SSR 都没启动起来🙃

[Koral]

对了，框架用的 React+UmiJS，按理说写个 ssr 的配置就可以的🙈

[Martox]

相比前端来说，我觉得设计问题更大。

[azoon]

百度视乎对前端框架生成的网站不是很友好。

[lower]

这域名是无力吐槽了，这么长，还加横杠

[Sapp]

其实我推荐你考虑一下蚂蚁那些自动生成的官网，设计感比你这个强多了，当然要是你老板喜欢那就行。

[Koral]

我知道那个，Ant Design Landing，但是老板不喜欢哪。他们就喜欢这种蓝色调的。

[Koral]

@lower 域名是因为不带 china-的被人买走了😂
@azoon 对啊，360 和 google 都收录了呢
@Martox 我是写后端的，设计实在不是我的强项... 写前端都够费力的了

[u6pM63mMZ34z32cE]

这种官网还是用服务端渲染吧
百度应该是不收录客户端渲染的页面的, 而且页面切换的 loading 有点尴尬

[u6pM63mMZ34z32cE]

loading 还不如空白页面

[bigggge]

半年经验水平

[PonysDad]

很好，骨骼惊奇，编码奇才

[huayumo]

这网站,怎么收录?这种网站不会收录的,收录了也不会给你排名,做网站的话,你这网站只能做竞价单页,

[en20]

算入门了,我们这刚进的新人就让切这种企业站

顶部的 nav hover 动画很僵硬

客服弹窗又没有动画了,就算简单给 #newBridge .nb-middle 加个 top/opacity 变化也好
```
top: 150%;
transition: all ease .2s;
```

[rf99wSiT6IxH1Z23]

传统企业站点能用就行，没开启 https 吗？后端用的啥？

[flowercoder]

做了自适应，估计调试了不少时间，关于我们下面的两张图没对齐。感觉你们没有设计画原型图

[Koral]

好的 我再改改。 我再试试 ssr 。
但是你们看一下域名的请求，直接返回了一部分的 html 模板的。而且 360 和 Google 也收录了啊~_~;

[del1214]

又不是不能用，😊

[M4rs]

企业级