Web开发者易犯的五大严重错误

![](https://imgconvert.csdnimg.cn/aHR0cDovL3d3dy5hc2VvZS5jb20vdXBsb2FkZmlsZS8yMDEzLzA5MDkvMjAxMzA5MDkwODUyNDIzOTAuanBn?x-oss-process=image/format,png)

你自认为很清楚你的直接竞争对手是谁。其实,当你的目标用户在Google中根据搜索条件搜索出来的网站,才是你真正的竞争对手。那些运用Google Adwords的竞争对手正在强烈地吸引并获得你目标用户的注意力。

2.  不清楚你希望访问者做什么

当访问者访问你网站时,你希望他们做什么?

仔细思考片刻……

事实上,仅有一小部分访问者会按照你希望的去做。在互联网世界里,获得2~5%的转化率已很不错了。想一下,100个访问者中才有2个人。别让这个数字再低了!

你需要为访问者定义清晰的目标。

  • 如果你涉足的是服务行业,希望访问者给你打电话,那你就要把电话号码放在导航的顶部。

  • 如果是电子商务行业:你可能希望访问者记住你热销的产品,或者最惊人的销量。

![](https://imgconvert.csdnimg.cn/aHR0cDovL3d3dy5hc2VvZS5jb20vdXBsb2FkZmlsZS8yMDEzLzA5MDkvMjAxMzA5MDkwODUyNDQ5MzguanBn?x-oss-process=image/format,png)

一旦你清楚了你想让用户做什么,那么你就可以去设计每个单独页面,及网站的导航结构,去试图达到该目标。

为所有网页设计统一的风格主题,并增强访问者在网站上的用户体验。

3.  把自己想像成Web设计者

尤其对于那些会使用Photoshop的开发者来说。

利用Photoshop将你的“设计”设计得更美观些,会浪费掉很多时间。有很多隐含的因素,可能会花费你很多很多时间,如颜色组合、字体样式、字体大小、对齐、空白等等,而这对于专业的Web设计师来说却是轻而易举的。

如何避免它?

较好的方法是雇佣一个平面设计师。你可以在http://www.ryxxff.com/这样的网站中举行一个Web设计竞赛,以发现你喜欢的设计者。

![](https://imgconvert.csdnimg.cn/aHR0cDovL3d3dy5hc2VvZS5jb20vdXBsb2FkZmlsZS8yMDEzLzA5MDkvMjAxMzA5MDkwODUyNDUxOTkuanBn?x-oss-process=image/format,png)

4.  你所理解的,认为Web设计师也一定理解

这是问题的另一个极端。你可能想把所有工作外包出去。但外包设计师可能并不像你一样了解你的商业及你的客户。你知道并理解所有的需求,但外包设计师了解你所需要的最终视觉产品吗?

如何避免它?

可以使用Balsamiq或Mockingbird工具创建一些线框图。这样可以让你专注于思考访问者的体验,可以帮助你组织、构造你的内容。

![](https://imgconvert.csdnimg.cn/aHR0cDovL3d3dy5hc2VvZS5jb20vdXBsb2FkZmlsZS8yMDEzLzA5MDkvMjAxMzA5MDkwODUyNDc4NTkuanBn?x-oss-process=image/format,png)

这也为你的Web设计者提供了可参照的框架,便于他们理解你心里所想的。它可以加速网站的构建过程。

5.  基于定制平台构建网站

除非是构建Web应用或SaaS企业网站,否则最好使用通用框架。
下面是我在学习HTML和CSS的时候整理的一些笔记,有兴趣的可以看下:

HTML、CSS部分截图

进阶阶段

进阶阶段,开始攻 JS,对于刚接触 JS 的初学者,确实比学习 HTML 和 CSS 有难度,但是只要肯下功夫,这部分对于你来说,也不是什么大问题。

JS 内容涉及到的知识点较多,看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学,我是不建议的,毕竟刚接触 JS 谁能看得下去,当时我也不能,也没那样做。

我这部分的学习技巧是,增加次数,减少单次看的内容。就是说,第一遍学习 JS 走马观花的看,看个大概,去找视频以及网站学习,不建议直接看书。因为看书看不下去的时候很打击你学下去的信心。

然后通过一些网站的小例子,开始动手敲代码,一定要去实践、实践、实践,这一遍是为了更好的去熟悉 JS 的语法。别只顾着来回的看知识点,眼高手低可不是个好习惯,我在这吃过亏,你懂的。

1、JavaScript 和 ES6

在这个过程你会发现,有很多 JS 知识点你并不能更好的理解为什么这么设计,以及这样设计的好处是什么,这就逼着让你去学习这单个知识点的来龙去脉,去哪学?第一,书籍,我知道你不喜欢看,我最近通过刷大厂面试题整理了一份前端核心知识笔记,比较书籍更精简,一句废话都没有,这份笔记也让我通过跳槽从8k涨成20k。

JavaScript部分截图

2、前端框架

前端框架太多了,真的学不动了,别慌,其实对于前端的三大马车,Angular、React、Vue 只要把其中一种框架学明白,底层原理实现,其他两个学起来不会很吃力,这也取决于你以后就职的公司要求你会哪一个框架了,当然,会的越多越好,但是往往每个人的时间是有限的,对于自学的学生,或者即将面试找工作的人,当然要选择一门框架深挖原理。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

以 Vue 为例,我整理了如下的面试题。

Vue部分截图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值