前端学习计算机理论知识的好处
写本文的目的,主要是源于和一个老前端的交流。
我认为学习计算机理论知识很有用,对职业发展帮助非常大。他认为应用开发和底层开发是两回事,前端属于应用开发,学理论知识完全浪费时间。具体细节就不说了,最后是不欢而散。
不过,有一点我们是达成共识的:学习计算机理论知识不能让你的业务页面写得更快、更好,它不是银弹,不能解决所有开发中的问题。如果你还处于入门级别,学这个也没多大用,学好前端基础知识反而更有用(这句话针对非科班出身的前端)。
我认为学习计算机理论知识对于前端来说有两点好处:
- 知其然,知其所以然
- 开拓眼界,多维发展
1. 知其然,知其所以然
我们都知道,在 JavaScript 中,有两种数据类型,分别为基本类型和引用类型。
基本类型
let a, b
a = 1
b = a
b = 3
console.log(a) // 1
console.log(b) // 3
引用类型
let a, b
a = { msg: 'hello' }
b = a
b.msg = 'world'
console.log(a) // { msg: "world" }
console.log(b) // { msg: "world" }
为什么基本类型 b 的值变了,a 不会变?而在引用类型中 b 的值变了,a也跟着变?如果你学习过内存管理以及编译原理相关知识,就可以理解这个现象了。
从程序的角度来看,内存被抽象为一个一维数组,a 和 b 在内存都占着一个位置,并且在内存中存储的是它们各自的值。
而引用类型则不同,在创建一个引用类型数据时,需要在堆中分配一块内存,然后将这块内存的地址返回。即 a = { msg: 'hello' }
这个操作,a 存储的是一个地址。执行 b = a
后, a 和 b 指向同一个地址。当 b.msg = 'world'
这个操作执行时,改变的是这块内存中的值,所以就不难理解为什么在引用类型中 b 的值变了,a 也跟着变了。
以上只是其中一个例子,还有更多例子就不一一列举了。
学习计算机理论知识能让我们不仅仅看到程序的表面,还能看到程序计算的本质。想一想,从你写下一行代码开始,经历词法分析、语法分析、生成机器码,最后变成一条条指令在 CPU 中执行,并且数据在 CPU 与内存之间如何流转你都了然如胸,这种感觉多奇妙。
2. 开拓眼界,多维发展
一个好的前端不仅仅是一个前端,不要只盯着眼前的一亩三分地,更要了解前端以外的知识。
一个项目启动前,通常会有一个需求讨论会。如果你不懂理论知识,当聊到数据库、服务器、并发等名词时,你就只能两眼一摸黑,插不上嘴,安安静静的坐在一边。但如果你学过这方面的知识时,你就能和他们一起指点江山,不再是外人。
在前端方向,理论知识也有用武之地。例如 babel
,就需要用到编译原理;研究 webgl
,还得用上图形学的知识;学了软件工程,你就明白测试、团队规范的重要性和必要性。说白了,懂计算机理论知识的前端和普通前端是站在不同维度上看问题的。
计算机已经发展几十年了,中间淘汰的技术数不胜数,前端还是最近几年才火起来的,说不定哪天这个职业就没了。如果发生这种情况,你还能干什么?
技术会过时,理论知识不会过时,只要冯诺依曼体系还在,你学的东西就一直有用。学好计算机理论知识,不干前端,还能干别的。
结论
- 计算机理论知识很有用。
- 刚入门先学好前端基础知识,感觉水平差不多了,再去学习计算机理论知识。
- 【一起学Python】STEAM游戏评测爬虫
- Open Judge 2750 鸡兔同笼
- POJ 1017 Packets
- Hadoop离线数据分析平台实战——380MapReduce程序优化Hadoop离线数据分析平台实战——380MapReduce程序优化
- 配置远程访问Jupyter+腾讯云超划算活动上车
- HDU 4256 The Famous Clock
- ZOJ 1403&&HDU 1015 Safecracker【暴力】
- Torch7搭建卷积神经网络详细教程
- 爬虫入门到精通-HTTP协议的讲解
- 批量替换文件名和文本文件内容mac
- 抓取手机app的数据(摩拜单车)
- Hadoop离线数据分析平台实战——520项目总结Hadoop离线数据分析平台实战——520项目总结
- 爬虫入门到精通-mongodb的基本使用
- 拒绝撕逼,用数据来告诉你选择器到底哪家强
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python 进阶(九):JSON 基本操作
- Kafka集群监控系统Kafka Eagle部署与体验
- MySQL information_schema详解 GLOBAL_VARIABLES和SESSION_VARIABLES
- 我爬取了知乎上大学相关话题中的热门高赞问答,其中是否有你大学生活的影子呢?
- MySQL information_schema详解 KEY_COLUMN_USAGE
- Python 实现黑客帝国代码雨效果
- MySQL information_schema详解 ndb_transid_mysql_connection_map
- MySQL information_schema详解 OPTIMIZER_TRACE
- 用 Python 画一个奸笑(滑稽)表情
- Python 进阶(十):网络编程
- Python 数据分析(二):Matplotlib 绘图
- 用 Python 制作一个艺术签名小工具,给自己设计一个优雅的签名
- 你认可《后浪》吗
- Python 数据分析(三):初识 Pandas
- MySQL information_schema详解 PARAMETERS