
获得徽章 7
- 【阴阳】加载动画 #svg
几天前想到这个点子,于是就尝试着用svg实现了下。动画本身并不复杂,难的地方在于怎么样把这个动画做成响应式的同时保证八卦图的长宽比不变。挣扎一段时间后发现借助svg的preserveAspectRatio="xMidYMid slice"可以实现这个效果: 左右两扇门的实际大小比viewport要大,随着窗口的缩小只居中显示一部分svg。
(preserveAspectRatio="xMidYMid slice"的效果有点像background-position: center center + background-size: cover)展开344 - 我是开源库 better-scroll 的作者 -- 黄轶,你有什么问题要问我?
大家好,我是黄轶,目前就职于 Zoom 公司担任前端架构师,曾就职于滴滴和百度,毕业于北京科技大学。我是开源库 better-scroll 的作者,也是慕课网的老师,相信有很多同学通过我的课程学习掌握了 Vue.js 这门技术。
我在 2012 年毕业加入百度后,才开始正式接触 Web 前端,上学期间主要接触的是 .net,写过几个小作品到 CSDN,我非常庆幸转行,如果毕业还坚持做 .net 可能早就凉了。在百度的 3 年工作经历,我写过页面,写过网页游戏、写过chrome插件、写过组件、写过框架。
15 年 7 月份我加入滴滴,成为当时公共部门第一个前端。在滴滴的 3 年,我造过很多公司级别轮子(登录 sdk、jsbridge-sdk,地图 sdk 等),作为技术负责人主导过 2 次滴滴 WebApp 重构,负责架构设计和实现。在 16 年初把 Vue.js 引入滴滴的生产环境项目中,并在 WebApp 5.0 的重构项目得到全面应用。在滴滴的后期我负责 WebApp 架构组,开源了 cube-ui,折腾了多个技术方向(自动化测试框架、小程序框架)。
18 年 9 月,为追求喜欢的生活方式,我离开生活 12 年的帝都,回到家乡合肥,加入了目前的公司 Zoom。结合 Zoom Web 产品的特点我设计了一整套前后端分离的架构设计方案,包括了项目初始化、本地开发、联调、测试、上线等各个环节,并在多个项目中落地。同时,我们基于 element-ui fork 出 zoom-ui,并致力解决和优化 aceesibility 问题,另外除了基础组件之外我们针对一些业务场景设计了业务组件。
我在工作外也不忘发挥余热,从做兼职,到写书,做课程。它们不仅带来额外收入,也促进了我能力的提升,比如 Angular.js 的学习就是兼职中边做边学的;通过写书和做课程,我把 Vue.js 的源码翻烂了。我的理念是挣外快可以,但同时一定要提升自己,否则就是浪费时间。由于篇幅原因,完整介绍见图2
我在 2019.06.18 - 2019.06.20 期间挑选有趣、有典型性、有意义的问题回答,你们可以问我 「前端开发」、「Vue.js」、「源码」、「前端架构」、「性能优化」、「个人成长」等相关问题。展开366337 - 【每日时报】2019.06.17
[文章] Recompose 是一个 React 实用库,用于函数组件和高阶组件。把它想象成 React 的 lodash:www.jianshu.com
[类库] 一个集成了下拉刷新、上拉加载、无限滚动加载的 Vue 组件:github.com
[类库] Swell 是专门为手机浏览器设计的 Web Terminal 工具,自带键盘,可扩展为命令联想功能:github.com
[资源] 《前端架构:从入门到微前端》:github.com
GitHub:github.com
查看更多:wubaiqing.github.io
展开评论10 - 今日掘学
- I have a dream: 安安静静做一段时间掘金,把所有的业务都做好、把有问题的 Bug 都修了、把内容管理好、邀请更多的优质作者和团队
- I have a dream: 让开发者不要再被劣质文章洗脑、被错误的信息伤害、学习最合适的技术、找到更好的工作
- I have a dream: 让中国的开发者有自己的文化,成为一个让尊敬的职业、帮助开发者创造出最好的技术
- I have a dream: 让掘友们在这里慢慢长大,掘金成为中国第一社区时,女装直播一整天!展开54111