非正常前端学习清单

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

推荐阅读

暂时没有留言，要抢沙发吗？
留言
隐
日