简述大家应该都经历过公司年会抽奖环节吧，当大屏幕滚动起来的时候，也是每次年会的最高潮，最最激动的时刻。那么作为前端，你一定曾被大屏幕的适配搞得很烦躁吧，同样的这次我也被搞得相当烦躁。在此，我分享一下这次抽奖功能开发的心得，也是帮助大家认识到如何去适配大屏，尽量少趟坑。 项目初始“帮忙做一个年会抽奖吧 ...

简述本以为 19 年在工作上应该是平淡无奇的，现在仔细想想，19 年还是挺多姿多彩的。整理了一下这一年接触过的项目，业务相关的暂且放一边了，下面项目有些可能因为某些原因最终没有完成落地，但重在参与，记录一下。 项目 混合体系 2.0 版本 混合组件库功能升级 混合桥接层 2.0 升级 发布系统持续集 ...

介绍很多人都听过 React Hook，但其实对它也不是很清楚。大概知道是个啥，但要和别人说却也说不出来是个啥。 如果你想入门 React Hook。 如果你想应付面试。 如果你没有耐心去看官方文档。 那就看完下面内容就够了。(附官方地址：https://zh-hans.reactjs.org/do ...

简述之前因为想做一个相对酷炫的抽奖活动，学习了一下基于canvas实现 3D 球体旋转动画，发现内部实现也挺简单，这里把当时的学习分析路线做了一下记录。 初步分析刚开始只是之前看到过这种动画，想想应该挺复杂。先网上搜了几个案例，没有仔细看，不过也知道大家都是用 canvas 做的，对于 canvas ...

介绍圈选功能，可理解为是无痕埋点技术的具体应用产品。 使用方式： 1.web 在线网页 圈选功能管理后台上，提供了一个容器加载在线地址，通过点击指定元素的方式，获取元素的特殊标记并上报数据分析系统。数据筛选服务，根据上报的标记将无痕上报的数据进行分类统计。 2.混合 APP 指定的 APP 上开启圈 ...

简述在 HybridApp 中加载 web H5,你一定会发现 H5 加载会有白屏，因为要载入 js，css 等一些静态资源，而且现在很多都是采用 SPA 的模式开发，也就说首页加载会相对更慢一点，入口 js 是相对比较大的。通过采用 webview 预加载方式，能够极大的提高 HybridApp ...

简述之前有简单介绍过混合体系，其中底层 cordova 组件库搭建的好坏，会很大程度上影响业务开发效率，今天主要介绍一下我们团队的混合组件库的主要实现。 技术方案技术栈：ts + webpack + typedoc + QUnit + 私有 npm 所有的内容都是基于 typescript 语法，能 ...

简述一个技术体系的选择并不是选择越前沿的技术越好，而是要考虑当前所处的环境，也就是当前所能提供的基础服务，人才储备，成本，以及考虑所需要应用的场景等。 下面的内容主要是我们团队当时的一些实践以及一些思考，大家可以借鉴参考，故事的最开始应该是发生在 2017 年初吧。 技术选型那个时候刚来到新公司半年 ...

psps -e:显示所有进程的记录，需要筛选时，结合 grep 等文本处理命令。 ps -l:列出进程的最基本信息，包括 s、pid、ppid、time 和 ucmd 等字段信息。 ps u:列出 cpu 使用率、mem 使用率、rss 内存等字段信息。 rsyncrsync [OPTION]... ...

问题1git push origin master:master -f ## remote: GitLab: You are not allowed to force push code to a protected branch on this project. GitLab: You are ...