应聘职位:前端开发工程师
林锦,男,1995 年生,2018 年本科毕业生,就读于厦门大学嘉庚学院,计算机与科学技术专业。
- 手机:18859693867
- Email: [email protected]
- Blog: https://foureyebrowxiake.github.io/
- Github: https://github.com/FourEyebrowXiake
-
语言:
-
框架: 熟悉 React,当前的博客就是用 react 写的。在 egghead.io 上听完了 redux 作者的基础课,并有 redux 的实际开发经验。
-
工具: 开发中常用 git 、webpack 和 vscode 。
-
有不错的自学能力:阅读经典书籍,写博客,在coursera和Udacity 上完成了3门课程。
�该项目各功能间的关系类似MVP结构。我负责了该项目�大部分的前端开发,�并顺利完成。开发期间,我见识到了dva对开发效率的提升,还接触了不少新知识,如generator(promise的语法糖),�表单开发的要领。
Readable (https://github.com/FourEyebrowXiake/Readable)
-
动作:
- 按功能组织代码文件,并确定各个模块的边界。
- 设计 state 树。保证一个模块只控制一个 state。使用范式化的数据结构存储 state 数据,并保证 state 树形结构扁平。
- 设计 action 的构造函数和 reducer。
- 开始构建实际应用。期间使用了 redux Devtool 等辅助工具来提高开发效率。
-
结果:项目顺利完成。期间实践了不少 redux 的新特性,使代码更加简洁。尝试了新版的 react-route,get 到了新技能,如通过 url 控制组件內状态。当然,还有不少不足。如没有考虑 React� 组件的性能优化,正借助 React perf 来进行优化,还尝试使用 reselect 提高数据获取性能。
-
情景: 为了实践 React 的知识,准备写一个静态博客练手。使用静态博客生成器 Gatsby 来搭建博客,省去配置 webpack 的麻烦。你可以在里面写 redux 和 react,像平常一样,还可以直接使用 Graphql 获取数据,再传给组件。
-
动作: 我用 react 构建了四个基本页面。组件在页面间复用,以减少代码量。用 Gatsby 提供的插件加载文件,接着将 Markdown 文件渲染成网页。用 graphql 查询数据,并把数据传给组件。期间遇到几次Forced reflow,其中有一次是因为 react-lazyload 查找元素太过耗时,才引起重排。
-
结果:现在,已经把博客发到 github page 上了。页面切换流畅,博客的基本功能正常。