非正常前端学习清单

2021-03-11coding

真·前端

JavaScript

优先度低一点的两个知识点:

  • canvas
  • 正则表达式,强推神器 regexr.com,但凡有一点点基础,借他之力都能写出漂亮的正则表达式
  • 跨域,前后端分离盛行后,这是一个很常见的问题,但是要完整理解和解决跨域并不容易,而且也不仅靠前端就能实现

Vue

  • 父子组件的钩子调用顺序
  • Vue 子组件何时 create?定义时还是渲染时?渲染时
  • Vue 组件何时可以访问 $parent.$refs?顺序在当前组件前的 ref 都可以访问

CSS

  • 优先级
  • 基础,常见布局,了解一些坑
  • 新手必学:元素居中
  • 浮动对布局的破坏
  • 进阶,各种魔幻特效

HTML

HTML 入门……似乎真的没什么难度,了解主流 HTML 标签和这些标签的特性就可以了(虽然不推荐,但是你甚至可以全部用 div)

需要特别注意的大概是元标签吧。

git

git 的基础是理解 git 分支、本地仓库、远程仓库的概念,然后熟悉 add、commit、push、pull 等操作,基本是随便百度都能搜到的内容。

基础学习完,下个 Sourcetree 其实就能用起来了。不过仍想深入学习 git 的话,可以阅读 Pro Git

在团队合作中,使用语义化 Commit 十分必要。

https://dev.to/lydiahallie/cs-visualized-useful-git-commands-37p1

优化

网络

网络协议

TCP/IP

一串平平无奇的数字,构成了奇妙的网络世界

互联网号码分配局(IANA)

HTTP

同样,一串约定俗成的字符串构筑了网络的桥梁

MDN HTTP 教程

可以通过 node 后端实践深入理解 HTTP 相关知识

如果要再学一门后端语言的话,我选的是 go,原因是 go 十分容易上手,而且久仰其互联网时代 C 语言的大名,将来如果 WASM 盛行也可以直接用 go 代码编译为 WASM。

你可以用 Wireshark 看看在网络世界里飞来飞去的“包”到底是怎样的东西,也能看到高频考点三次握手和四次挥手。

HTTP 缓存相关传送门

不止协议本身,HTTP 请求相应头中包含非常多应用于实际的知识点,举几个例子:

  • Content-Type 辨识文件
  • Content-Range 断点续传
  • Cookie、Set-Cookie 储存与使用用户信息
  • Cache-Control(与其他很多控制文件是否有效的头)控制 HTTP 缓存
  • Referer 一个曾经引起安全问题的头
  • CORS 相关头处理跨域问题
  • CSP 相关头,也是网络安全相关的控制

HTTPS

其他

web-rtc、socket 等

网络安全

Node.js

stream、buffer

算法

javascript-algorithms

设计模式

测试

MISC

debug 技巧

也算是很久以前了,我写过这样的小总结,现在看来很多都已经是刻到 DNA 的基本知识了,但对于当时的我来说仍是难以理解或者记忆的。

但是现在回看,居然也有这么多的赞……只能说,大家还是把坑记下来吧,无论何时,总有像当年的自己那样刚上路的新手程序员。

PWA

跨平台

主要 RN 和 flutter

编码

计算机基础、编码

V8

WASM

web GL

serverless

外语

成长

  • 拥抱变化,也要审视、质疑变化
  • 可以以轻松更换框架为目标对代码进行优化拆分
  • 了解需求是写好业务代码的前提
  • 技术选型考虑因素:稳定性、性能、生态、文档、社区活跃度、学习曲线、开发团队、GitHub 信息、迁移成本、关注 breaking changes

推荐阅读


暂时没有留言,要抢沙发吗?
留言