V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ChefIsAwesome
V2EX  ›  求职

[远程]寻找一份远程前端工程师工作

  •  
  •   ChefIsAwesome · 2019-08-06 11:13:01 +08:00 · 2783 次点击
    这是一个创建于 1929 天前的主题,其中的信息可能已经有所发展或是发生改变。

    六年前端工作经验,近两年为全职远程开发。较长的 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
    仍然求职状态。有意向的请联系。
    jziwenchen
        1
    jziwenchen  
       2019-08-06 12:08:58 +08:00
    楼主有 github 吗 瞧瞧 学习下 :)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2272 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 01:43 · PVG 09:43 · LAX 17:43 · JFK 20:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.