这是一个创建于 1944 天前的主题，其中的信息可能已经有所发展或是发生改变。
六年前端工作经验，近两年为全职远程开发。较长的 react 开发经验，亦有短时间的 vue、微信小程序的开发经历，确保能快速上手。
css：
知道 flexbox ；知道 css grid ；知道改哪些属性会触发 layout ；知道一些针对移动端开发的奇技淫巧。BEM、ITCSS 实践者。最近在思考怎么用 css variable，css module 这些新技术的构建 css 架构。
JavaScript：
经历过 jQuery 到 react，grunt 到 webpack 的历史发展过程。满大街 bootstrap 的年代就开始实践 knockoutJs 这样的 mvvm 的库。 坚持“技术解决问题，技术为用户服务”的理念，对新技术积极了解，但不盲目追求。跟研究框架源码，拿新语法糖重构项目相比，更愿意花时间研究怎么写出 60 帧动画，能按 ESC 关闭，ZIndex 层级正确的弹窗。
倒数第二个项目：
倒数第二个项目是 react 开发的物联网管理系统。项目开发时，完善的 react 组件库没有，css module 没出现，基于 flux 的各种状态管理机制百花齐放。物联网管理（后台管理）又是一个非常需要组件库和状态管理机制的东西。于是我造了轮子：
- 采用 ITCSS 的架构，BEM 命名方法，写了一套 sass 的样式。尝试最佳实践，让样式库可配置且易于维护。
- 从 elm 吸取灵感，基于一个 immutable data cursor 的库，写了一个状态管理机制。
- 以自己写的状态管理机制为核心，基于各种第三方组件，写了一套完整的组件库。
最近的一个项目：
最近的一个项目是基于 react draft-js 的模块化编辑器。模块类型既包括相册、炫酷文字样式之类的展示模块，也包括商品、拼团、问卷之类的交互性强、需要和服务器通信的特殊模块。我针对性的修改了 draft-js 的源码，采用倒数第二个项目里造的轮子，解决了编辑器开发的两个难点：
- draft-js 在中文输入，移动端上各种 BUG。
- 一个页面内会有相同种类，不同数量的模块。这些模块之间有共享的状态和模块。例如商品会共享购物车，图片会共享相册。状态存哪，模块之间要如何通信。
另一大难点是这个产品跑在移动端，对加载速度有高要求。我使用了以下几个方案来解决：
- 动态加载：页面里没有添加的模块就不会加载相应的代码。
- 缓存：需要联网获取数据的 react 组件都会缓存。在有缓存时，先显示缓存，与此同时加载新内容，在 virtual dom 的帮助下，让用户既能看到最新的内容，又不会被进度条之类的干扰。
- inline 代码：对单页面 web app 来说，html 加载几乎是瞬间的。inline 少量的 css，用来显示骨架图。inline 少量的 js，在加载其它 js 文件的同时，就可以根据当前页面的 url 来提前获取数据。
为了实现上述优化方案，打包过程并非是 webpack 加上满世界找相关插件，而是把 webpack 当插件，自己写文件处理的脚本。为我所用，而不是在某个技术圈子里绕，这也是我开发的理念之一。
如果您有兴趣让我成为您团队的一员，请邮件联系我：aG9uZ3BpZGFpQGdtYWlsLmNvbQ==
第 1 条附言 · 2020-01-13 09:50:34 +08:00
仍然求职状态。有意向的请联系。
 |
1
jziwenchen 2019-08-06 12:08:58 +08:00
楼主有 github 吗 瞧瞧 学习下 :)
|
Select Language