1111
工作
今天 leader 找我谈了阶段性的职业规划,即对照公司的职级体系,我当前所处在的位置,以及我未来将要达到的位置,接下来该做的事情等等。
总结来说:
- 保质保量把后续开发完成好,追求 0 bug 提测上线;
- 主动性:发现产品或项目的问题和不足,主动提出告知产品和测试,并能够独立解决完善;
- 学习:通过书籍,博客、视频等学习资料,提升自己的综合能力;书读百遍,其义自见,因此故书重读,总结消化,转变为自己的能力和素养;
有意思的事情
群里有人分享了一篇以言情小说的方式写的 JavaScript 教程:JavaScript百炼成仙
今日算法
今日学习:
- 454 四数相加 II
- 11 盛最多水的容器
- 289 生命游戏
今日复习:
- 234 回文链表
温故知新
防抖节流等各种手写,http和网络,浏览器原理,性能优化,Webpack
好文推荐
有感好文
- 实现Web端自定义截屏
- V8原理解析 V8原理解析,当前已经写了19篇了
- 5 年前端经验的大佬提供的职业规划
总结—— 《5 年前端经验的大佬提供的职业规划》
1.大前端 是未来的一个趋势,将最终目标(提升用户体验)一致的技术归类到一起,让开发者清楚自己的最终目标是什么,要怎么做。当然,也正因为这点,作为一个前端工程师,如果你想更好的发展,你应该有更广的知识面,包括移动端知识、服务端知识。这些知识结合你的前端技术,才能更好地实现优秀的用户体验。
2.前端另一大现状就是 —— 移动为先。原因很简单,随着移动互联网用户的暴涨,各个公司的产品都是移动为先,技术跟随着产品的步伐,也必须移动为先。这时,为了解决多平台的问题,Hybrid 方案脱颖而出,包括传统的基于 WebView 的 Hybrid 方案(例如 Cordova)和 React-Native 等一系列技术方案。
3.选定未来的方向:技术专家(架构师)/技术经理。秉承 【一万小时定律】坚持学习和输出,鞭策自己达到目标。
项目推荐
值得学习的项目
上面 2 篇文章都是同一个作者写的,有空可以一步一步跟着做看看
面经相关
八股文相关
八个笔试 & 面试仓库
1.Front-end Developer Interview Questions 网址:https://h5bp.org/Front-end-Developer-Interview-Questions/
2.CS-Interview-knowledge-Map 网址:https://github.com/InterviewMap/CS-Interview-Knowledge-Map
3.Daily-Question 网址:https://github.com/shfshanyue/Daily-Question
4.Daily-Interview-Question 网址:https://github.com/Advanced-Frontend/Daily-Interview-Question
5.fe-interview 大前端面试宝典 网址:https://lucifer.ren/fe-interview
6.前端硬核面试专题 网址:https://github.com/biaochenxuying/blog/blob/master/interview/fe-interview.md
7.LeetCode 算法试题学习 网址:https://leetcode-cn.com/problemset/all
8.LeetCode 算法试题学习 网址:https://www.nowcoder.com/
其他面试语录:
Q: 你们使用那些第三方依赖?
A: webpack-bundler-analyzer
Q: 那你说一说你是如何依赖它优化项目体积的
A: eslint/prettier/stylelint
Q: 那你们项目时如何更好的格式化校验的,如果有人不遵循规则怎么样
A: git hooks
Q: 如果 git commit --no-verify 跳过怎么办
A: CI
Q: 如果你们的 eslint 是后加上去的,每次只想对更新代码做校验如何处理
Q: 你们 CI 还做了写什么事情
Q: 你们的上线流程是什么样子的
Q: ...
A: exif-js,用以读取当前照片时横向还是纵向
Q: 什么是 EXIF
A: 嵌在 JPEG 中的元数据,有光圈、曝光度、GPS...
Q: 读取的原理是什么
Q: 为了优化图片,是否可以把 EXIF 给抹去
A: clipboard.js
Q: 你说下剪切板上如何复制内容
A: ...
Q: 如果想要复制 HTML 带有格式的呢
A: xxxxx,我们内部的一个依赖库
Q: 如何引入私有库
Q: 你们私有库有没有单独的 npm 仓库
Q: 这个私有库是做什么的,你有没有参与工作
Q: ...
A: nodeemail
A: juice
A: remark
A: ...