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

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

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

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

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类网站。发表用户体验研究与度量方面的知识，分享前端与三维网站技术，总结人机交互、集体智慧算法的研究心得，推荐国外相关资源。

相关推荐

Docker 47 个常见故障的原因和解决方法

【作者】曹如熙，具有超过十年的互联网运维及五年以上团队管理经验，多年容器云的运维，尤其在Docker和kubernetes领域非常精通。Docker是一种相对使用较简单的容器，我们可以通过以下几种方式...

电脑30个快问快答，解决常见电脑问题

1.强行关机/停电对电脑有影响吗？答：可能损坏硬盘（机械硬盘风险高）、未保存数据丢失，偶尔一次影响小，但频繁操作会缩短硬件寿命。2.C盘满影响速度吗？答：会！系统运行需C盘空间缓存临时数据，空间不...

使用Tcpdump包抓取分析数据包的详细用法

TcpDump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。tcpdump就是一种...

电脑启动不了(BootDevice Not Found Hard Disk-3F0)解决方案

HP品牌机，开机启动不了，黑屏，开机取下主板电池恢复BIOS后，开机显示找不到启动盘。一、按F2键进入BIOS，出现硬盘内存检测界面的话，直接退出。就会出现这个界面，光标键向下，选择BIOSSetu...

电脑开机黑屏别慌!快码住!起底维修老师傅不能说的秘密

按下开机键却只收获黑屏大礼包？那些神秘的英文提示、刺耳的蜂鸣声，其实是电脑在给你发送求救信号！从按下电源到进入桌面的12秒里，你的电脑经历了史诗级的硬件自检与系统加载，今天我们就破译这段“摩斯电码”。...

电脑启动故障为何总要先看BIOS?新手必读的关键知识解析

最近在帮朋友们解答电脑无法正常开机的问题时，发现大家经常收到一句高频建议：“先检查BIOS”。对不少普通用户而言，BIOS依然是个神秘的存在。那么，BIOS到底是什么？电脑出现哪些故障会与它相关呢？本...

Windows 11 KB5053598更新:安全补丁还是系统噩梦?

2025年3月11日，微软发布了Windows1124H2的强制性更新KB5053598，作为“周二补丁日”（PatchTuesday）的一部分。然而，这款本应提升系统安全性的更新却引发了广泛的...

飞牛OS入门安装遇到问题，如何解决?

之前小编尝试了用旧电脑装飞牛OS安装之前特意查了一些硬件要求飞牛OS目前支持主流的x86架构硬件主机需能连网线飞牛OS暂时不支持只有无线网卡的安装貌似很多小伙伴在一开始安装就卡住了那今天咱们汇总分...

几种常见的电脑开机黑屏显示白色英文字母解决方法

当电脑开机出现黑屏并显示白色英文字母时，通常表示系统启动过程中遇到了错误。以下是几种常见原因及对应的解决方法，按照排查顺序整理：一、检查外接设备与硬件连接可能原因：外接U盘、移动硬盘等未拔出，或内部硬...

电脑启动出现问题，为什么都要先检查BIOS?

【ZOL中关村在线原创技巧应用】最近在回答问题的时候，总会发现很多朋友都在问“电脑无法正常开机怎么办？”这样类似的问题，而许多DIY大佬的回复总会出现一条高频建议“先检查BIOS”。但对于许多普通用户...

教你怎么用JavaScript检测当前浏览器是无头浏览器

什么是无头浏览器(headlessbrowser)？无头浏览器是指可以在图形界面情况下运行的浏览器。我可以通过编程来控制无头浏览器自动执行各种任务，比如做测试，给网页截屏等。为什么叫“无头”浏览器？...

12个高效的Python爬虫框架，你用过几个?

实现爬虫技术的编程环境有很多种，Java、Python、C++等都可以用来爬虫。但很多人选择Python来写爬虫，为什么呢？因为Python确实很适合做爬虫，丰富的第三方库十分强大，简单几行代码便可实...

运维的报表之路，用 node.js 轻松发送 grafana 报表

在运维过程中，无论是监控还是报表，都会有一些通过邮件发送图表的需求，由于开源的zabbix，grafana和kibana等并不完全具有“想发送哪儿就发送哪儿”的图片生成功能，在grafana...

C#基于浏览器内核的高级爬虫（c#爬取网页内容）

基于C#.NET+PhantomJS+Sellenium的高级网络爬虫程序。可执行Javascript代码、触发各类事件、操纵页面Dom结构、甚至可以移除不喜欢的CSS样式。很多网站都用Ajax动态加...

如何优化一个秒杀项目?（秒杀实现思路）

问题1：使用jmeter性能压测，定位瓶颈代码步骤流程：线程组--->Http请求--->查看结果树--->聚合报告tips：host的文件--->优先调用映射，减少DNS的时...

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