一、以为不需要学习后端知识
随着行业在发展着，前端的功能越来越强大。离线数据库能提供数据存储和管理的功能，但不会写SQL语句显然已经行不通。
WebSocket能提供即时通信，但不了解socket和WebSocket的区别，能和后端开发(很多后端开发只会socket技术)一起搭建吗?
加快页面展示速度不只是要从前端分析，后端也要考虑到，使用keepalive、缓存等后端技术能使页面更快地打开。
二、网页考虑不周全
大部分前端呈现使用DOM,但DOM用得多了会有性能问题。现在很流行列表页页底上拉加载更多，但很少有前端关注加载的极端问题，如果一个页面我下拉了很多次，加载了几千个DOM，会发生什么问题?答案是轻则页面响应缓慢，重则浏览器闪退。
另外举个例子：LocalStorage使用起来确实方便，很多企业的前端重度依赖它，甚至知名的前端开发框架也依赖它。但它有个缺点——有容量限制(2.6M-10M)，我们得考虑极端情况，当LocalStorage空间快满时，怎么处理。或在架构上避免这种极端情况的发生。
三、效果只需懂JS
有些人会认为，前端开发只有js，其实非也，不是所有的效果只有js能够解决问题，还需要掌握很多知识，比如：浏览器原理，html5,css3等。比如说做一个触摸屏上的转盘，看似一个简单的效果，但是代表了前端知识的综合应用。你没有触摸屏开发经验，不知道CSS3或canvas，不了解网页优化，是做不出来的。前端是综合技术的应用，只会JS是解决不了问题的。
四、不尝试新技术
我们已经有新的技术了，不要把它们浪费了，是时候对以前的网页和以前的操作方式进行变革了。试问一下自己，网页用了CSS3动画吗?网页支持多点触摸操作吗?距离感应器，动作感应器，你用了没有?并不是说为了用而用这些新技术，而是更应该将技术不断提升，将新技术运用到工作中。
五、不考虑SEO问题
WebApp一直在觊觎NativeApp的位置，有的WebApp和NativeApp根本看不出差别。Web
App大红大紫，各种前端MVC框架也风声水起，但它们都有个问题，几乎没法做SEO，因为搜索引擎无视JS。流量是企业的立命之本，SEO做得好能引来大量的流量，所以前端还是得考虑SEO问题。
前端工程师是一个高薪职业，希望大家能够不断优化自己的工作，为用户创造出更多有价值的WEB
。学习前端开发没有任何捷径，如果要想提高学习效率，推荐以系统化教程为主，专业行业大牛辅助进行学习。这样知识点覆盖会更广更深。
以上就是小编今天为大家分享的关于想成为合格的web前端人员应该注意的几点的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端知识记得关注北大青鸟web前端培训官网。最后祝愿小伙伴们工作顺利！
1. 网站 TDK 标签的设置。title,description,keywords，根据产品业务，概括出核心关键词作为TDK的内容，每个页面都不一样。如果每个页面的keywords都一样的话，搜索引擎会持怀疑态度，觉得你有作弊的嫌疑。
此外，还有 meta 的 canonical 设置，一个网站还通过多个 url 访问，canonical 就是用来告诉搜索引擎，这么多个url中最有价值最重要的一个url，一般是网站的首页。
2. 建立 robots.txt 文件。seorobots 文件是搜索引擎登录网站第一个访问的文件，robots可以设置允许被访问的搜索引擎，最主要的还是设置允许Allow 和不允许 Disallow访问的目录和文件，少写Disallow，多写Allow，用意是引导爬虫抓取网站的信息。另外，在robots文件底部指明网站的 sitemap 文件的目录，爬虫读取其中的 sitemap 路径，接着抓取其中相链接的网页。提高网站的收录量。
案例： 按住 ctrl 键点击：https://www.taobao.com/robots.txt
3. 建立网站的 sitemap 地图文件。sitemap 是一个将网站栏目和连接归类的一个文件，可以更好地将网站展示给搜索引擎，提高爬虫的爬取效率。sitemap 地图文件包含html(针对用户)和 xml(针对搜索引擎)两种。当网站更新频繁的时候，sitemap 文件要做到自动更新(程序实现)，更新不频繁的可以手动更新提交。
4. 图片 img 标签必须加上 alt 属性，并注明图片的含义。
5. h1~h6 标签合理使用。按道理所有标签都需要根据自身的语气合理去使用，这里不展开讲述，这里只讲 h 标签的注意事项。h1 标签一个页面只能出现 1 次，h2 标签一般作为二级标题或者文章的小标题。最合理的使用时 h1~h6 按顺序层层嵌套下去，不可以断层或者反序。
欢迎分享，转载请注明来源：夏雨云
微信扫一扫
支付宝扫一扫
评论列表（0条）