百度360必应搜狗淘宝本站头条
python判断字典是否为空crontab每周一执行aes和des区别安装指定版本npmadb pull
当前位置：网站首页 > IT知识 > 正文

写前端代码真是一件有意思的事情（如何写好前端代码）

liuian 2025-03-24 18:06 15 浏览

目前虽然招前端的地方的很多，很多互联网公司在前端领域都非常缺人，但也怕招到不靠谱的人来创造负价值。如何让公司觉得是一个靠谱的前端工程师呢？可能需要以下几个方面：

1.懂得现代前端的一些新技术

比如：

  • 前端自动化工具（Gulp/Grunt等）

  • 模块化（CommonJS，AMD/CMD模块加载器，各种Bundler，ES2015 Modules等）

  • 前端 MV* 框架（Backbone，Angular等）

  • 编译到 CSS 和 JS 的一些语言（Less/Sass/CoffeeScript等）

  • 前端自动化测试工具（Karma，Mocha，Web Driver等）

  • 其他

2.懂得Web标准和浏览器开发维护的流程，并且关注新发布的标准和主流浏览器新实现的特性

在回答兼容性或Web标准这类问题上，最好清楚：

  • HTML、CSS、DOM，ECMAScript 和一些泛 HTML5 的标准是如何制定的

  • W3C 和 WHATWG 的区别

  • 各种标准的不同版本和提交状态

  • 标准和实现的差别

  • ECMAScript 和 JavaScript 的区别

  • 浏览器的一些常见做法（比如给 CSS 特性加前缀）的缘由

3.多看书，多关注技术资讯

技术资讯的来源包括RSS、邮件订阅、比较重要的邮件列表、或者follow Twitter和微博上一些比较有影响力的开发者。

4.不仅懂得如何写，更要懂得如何不要这么写

Web 标准大多不是严格向后兼容的，很多几年前常用的写法，现在已经不被建议这么做了。有很多特性也随着时间的流逝被打上了 deprecated 的标签，如果不幸拿着一本比较老的书籍试图入门，那么很有可能就会被误导。类似的问题还有：

  • JavaScript 里数量众多的的过时的hack

  • 一些在经验丰富的前端看来属于常识的东西（比如：为什么 CSS 大多放在 head，JavaScript 多放在 body 底端？）

  • 划分各种模块、文件，添加模板的正确方式

  • 解决一些老问题的新的best/better practice

5.不依赖某个特定的框架或者库

比如离开了jQuery就不会写前端的人。如果高度依赖某个框架或者某个库的话，通常意味着更换一个框架/库的学习成本会比深刻理解前端原理的人高，因为这通常还是对前端不入门的表现。

6.了解一些设计的知识

懂得基础的视觉传达/色彩构成/平面构成的知识。毕竟前端是和设计师联系比较密切的，虽然前端要做的事不仅仅包括 UI/UX，但是 UI/UX 却都主要依赖前端来实现。

7.懂得一些后端的知识

前端工程师肯定要了解一些计算机网络和 HTTP 等协议的知识，有了这些知识去学一些后端知识是水到渠成的事情。即使只想专注于前端，但前端有一些领域（比如 JS 跨域，WebSocket，SSE，WebGL 的素材获取）都需要懂得架设简单的后端才能去实践。

8.在前端上投入足够的时间

最后，还需要投入足够多的时间才能取得一些成果，不然就很可能就是纸上谈兵了，最后也达不到期望的结果。如果不是真的对前端感兴趣并且投入足够多的时间，与其仅仅为了“好找工作”或“找个薪水高的工作”而投前端，不如换一个自己从心底里喜欢的方向。

陈童的博客（http://www.everyinch.net/）专注于用户体验研究的IT类网站。发表用户体验研究与度量方面的知识，分享前端与三维网站技术，总结人机交互、集体智慧算法的研究心得，推荐国外相关资源。

相关推荐

软件测试/测试开发丨Pytest 自动化测试框架(五)

公众号搜索：TestingStudio霍格沃兹测试开发的干货都很硬核测试报告在项目中是至关重要的角色，一个好的测试报告：可以体现测试人员的工作量；开发人员可以从测试报告中了解缺陷的情况；测试经理可以...

python爬虫实战之Headers信息校验-Cookie

一、什么是cookie上期我们了解了User-Agent，这期我们来看下如何利用Cookie进行用户模拟登录从而进行网站数据的爬取。首先让我们来了解下什么是Cookie：Cookie指某些网站为了辨别...

软件测试 | 结合Allure生成测试报告

简介测试报告在项目至关重要，测试人员可以在测试报告中体现自己的工作量，开发人员可以从测试报告中了解缺陷的情况，测试经理可以从测试报告中看到测试人员的执行情况及测试用例的覆盖率，项目负责人可以通过测...

使用FUSE挖掘文件上传漏洞（文件上传漏洞工具）

关于FUSEFUSE是一款功能强大的渗透测试安全工具，可以帮助广大研究人员在最短的时间内迅速寻找出目标软件系统中存在的文件上传漏洞。FUSE本质上是一个渗透测试系统，主要功能就是识别无限制可执行文件上...

第42天，我终于意识到，爬虫这条路，真的好艰难

昨天说到学爬虫的最初四行代码，第四行中的print(res.text)，我没太懂。为啥最后的输出的结果，不是显示百度网页全部的源代码呢？这个世界上永远不缺好心人。评论区的大神告诉我：因为只包含静态h...

详解Pytest单元测试框架，轻松搞定自动化测试实战

pytest是目前企业里面使用最多、最流行的Python的单元测试框架，那我们今天就使用这个框架来完成一个网易163邮箱登录的自动化实战案例。下面我们先把我们案例需要的工具进行相关的介绍:01pyt...

干货|Python大佬手把手带你破解哔哩哔哩网滑动验证(上篇)

/1前言/有爬虫经验的各位小伙伴都知道，正常我们需要登录才能获取信息的网站，是比较难爬的。原因就是在于，现在各大网站为了反爬，与爬虫机制斗智斗勇，一般的都加入了图片验证码、滑动验证码之类的干扰，让...

Python 爬虫-如何抓取需要登录的网页

本文是Python爬虫系列第四篇，前三篇快速入口：Python爬虫-开启数据世界的钥匙Python爬虫-HTTP协议和网页基础Python爬虫-使用requests和B...

使用Selenium实现微博爬虫:预登录、展开全文、翻页

前言想实现爬微博的自由吗？这里可以实现了！本文可以解决微博预登录、识别“展开全文”并爬取完整数据、翻页设置等问题。一、区分动态爬虫和静态爬虫1、静态网页静态网页是纯粹的HTML，没有后台数据库，不含程...

从零开始学Python——使用Selenium抓取动态网页数据

1.selenium抓取动态网页数据基础介绍1.1什么是AJAX　　AJAX（AsynchronouseJavaScriptAndXML：异步JavaScript和XML）通过在后台与服务器进...

PHP自动测试框架Top 10（php单元测试工具）

对于很多PHP开发新手来说，测试自己编写的代码是一个非常棘手的问题。如果出现问题，他们将不知道下一步该怎么做。花费很长的时间调试PHP代码是一个非常不明智的选择，最好的方法就是在编写应用程序代码之前就...

10款最佳PHP自动化测试框架（php 自动化测试）

为什么测试如此重要？PHP开发新手往往不会测试自己编写的代码，我们中的大多数通过不断测试我们刚刚所编写浏览器窗口的新特性和功能来进行检测，但是当事情出现错误的时候我们往往不知道应该做些什么。为我们的代...

自动化运维:Selenium 测试（seleniumbase搭建自动化测试平台）

本文将以Buddy中的Selenium测试流水线示例，来看看自动化测试就是如此简单易用！Selenium是一套用于浏览器测试自动化的工具。使用Buddy专有服务，您可以直接在Buddy中运行Selen...

Selenium自动化测试（selenium自动化测试工具）

Selenium是一系列基于web的自动化测试工具。它提供了一系列测试函数，用于支持Web自动化测试。这些函数非常灵活，它们能够通过多种方式定位界面元素，并可以将预期结果与系统实际表现进行比较。作为一...

技术分享 | Web自动化之Selenium安装

本文节选自霍格沃兹测试开发学社内部教材Web应用程序的验收测试常常涉及一些手工任务，例如打开一个浏览器，并执行一个测试用例中所描述的操作。但是手工执行的任务容易出现人为的错误，也比较费时间。因此，将...

一周热门
最近发表
标签列表