2019年度总结
简述本以为 19 年在工作上应该是平淡无奇的,现在仔细想想,19 年还是挺多姿多彩的。整理了一下这一年接触过的项目,业务相关的暂且放一边了,下面项目有些可能因为某些原因最终没有完成落地,但重在参与,记录一下。 项目 混合体系 2.0 版本 混合组件库功能升级 混合桥接层 2.0 升级 发布系统持续集 ...
阅读更多
初探 react_hook
介绍很多人都听过 React Hook,但其实对它也不是很清楚。大概知道是个啥,但要和别人说却也说不出来是个啥。 如果你想入门 React Hook。 如果你想应付面试。 如果你没有耐心去看官方文档。 那就看完下面内容就够了。(附官方地址:https://zh-hans.reactjs.org/do ...
阅读更多
Canvas 实现 3D 球体动画
简述之前因为想做一个相对酷炫的抽奖活动,学习了一下基于canvas实现 3D 球体旋转动画,发现内部实现也挺简单,这里把当时的学习分析路线做了一下记录。 初步分析刚开始只是之前看到过这种动画,想想应该挺复杂。先网上搜了几个案例,没有仔细看,不过也知道大家都是用 canvas 做的,对于 canvas ...
阅读更多
埋点圈选功能原理解析
介绍圈选功能,可理解为是无痕埋点技术的具体应用产品。 使用方式: 1.web 在线网页 圈选功能管理后台上,提供了一个容器加载在线地址,通过点击指定元素的方式,获取元素的特殊标记并上报数据分析系统。数据筛选服务,根据上报的标记将无痕上报的数据进行分类统计。 2.混合 APP 指定的 APP 上开启圈 ...
阅读更多
混合体系中的 Webview 预加载方案原理解析
简述在 HybridApp 中加载 web H5,你一定会发现 H5 加载会有白屏,因为要载入 js,css 等一些静态资源,而且现在很多都是采用 SPA 的模式开发,也就说首页加载会相对更慢一点,入口 js 是相对比较大的。通过采用 webview 预加载方式,能够极大的提高 HybridApp ...
阅读更多
基于 cordova 的高可拓展性组件库方案设计
简述之前有简单介绍过混合体系,其中底层 cordova 组件库搭建的好坏,会很大程度上影响业务开发效率,今天主要介绍一下我们团队的混合组件库的主要实现。 技术方案技术栈:ts + webpack + typedoc + QUnit + 私有 npm 所有的内容都是基于 typescript 语法,能 ...
阅读更多
来自独角兽企业的混合体系背后的思考
简述一个技术体系的选择并不是选择越前沿的技术越好,而是要考虑当前所处的环境,也就是当前所能提供的基础服务,人才储备,成本,以及考虑所需要应用的场景等。 下面的内容主要是我们团队当时的一些实践以及一些思考,大家可以借鉴参考,故事的最开始应该是发生在 2017 年初吧。 技术选型那个时候刚来到新公司半年 ...
阅读更多
Linux 常用命令整理
psps -e:显示所有进程的记录,需要筛选时,结合 grep 等文本处理命令。 ps -l:列出进程的最基本信息,包括 s、pid、ppid、time 和 ucmd 等字段信息。 ps u:列出 cpu 使用率、mem 使用率、rss 内存等字段信息。 rsyncrsync [OPTION]... ...
阅读更多
GitLab 保护分支深入使用
问题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 ...
阅读更多
前端无痕埋点技术架构解析
简单介绍不再需要开发人员在业务代码中手动植入埋点上报请求,而是通过 sdk 自动分析上报所有的有效用户行为信息数据,更方便,更准确。 技术方案规范定义1.需要统计哪些数据。 页面的 pv、uv、设备型号、时间段、特别元素的点击次数 2.需要怎么定义这些数据格式。 首次进入(pipe.visit ...
阅读更多