Hi there 👋

前言 很久没有在外部写文章，跟我的读者们交流了，一些知心一点的同事，也离职了。所以最近感觉有点缺外部的输入，还是想写点文章，跟各种各样的朋友交流一下。 熟悉我的人应该知道，去年参加了支付宝的五福的前端开发，主要负责的是 AI 年画。 年画里面其实是有很多图形互动技术，比如秒轮廓，让后让兔子动起来，然后整个过度动画到装饰页面，装饰页面对于贴纸相关的操作，里面其实用到了大量的图形互动技术，主要用的是蚂蚁的 2D 互动引擎 Tiny.js。 后面我会整理一下，把年画的一些方案公布出来，有兴趣的可以看一下。 在做五福之前，我从来没有接触互动技术，对于如何开发互动应用没有任何概念，另外像五福这种大促时间又紧，任务又重，压力十分之大。 还好跟我合作的 partner 是懂的，并且有互动技术大佬给我们当技术顾问，所以才能顺利的上线并取得了不错的效果。 工作内容发生变化 回到我自己今天写这篇文章的目的，主要是我的工作内容要发生变化了，以后要从一个传统前端要转向一个图形互动技术方向的前端了。 这意味着什么呢？ 服务的用户从公司内部用户转向了公司外部的 C 端用户。 用户量更大，意味着要求就更高，挑战就更大，也容易出故障。 技术方向发生了分叉，得重新开始学，学习任务极大。 互动技术方向对于我来说几乎是从 0 开始学，前面几年的前端经验积累用处就没那么大了，对于 React、构建工具、微前端这样的知识未来就不会再花很多的时间去学习了。 需要从 0 开始学习互动技术方向的内容：图形学、WebGL、2D 引擎库、3D 引擎库等等，还得稍微补一些数学知识。这块从我目前的学习以及同事了解，学习内容非常的多，而且对专业要求极高，不亚于传统前端的技术栈。 变化的原因主要是组内对于互动技术这块需要更多的人才，今年这块的业务会更多，另外就是在五福里接触过之后，觉得这块还是比较有意思的，特别是搞 3D 的，比如今年的福气乐园，看来就比较高大上。 两者结合，今年就准备开始走这个方向了。 不过对于现在来说，换方向对于职业发展有一些风险的，我也是在思考过后才决定的。 前景思考 对于换职业方向，其实我觉得是一件很重要的事情，需要慎重，影响未来的发展，尽量还是朝着前景好的方向转。 我记一下我现在对这个方向的思考，如果你刚好准备换方向可以参考一下。 担心的 路会往专精方向走，需要接受找工作没那么多公司招这个岗位的情况。 目前每个互联网公司都会招传统写页面的前端，但是对于图像互动技术的前端的岗位需求会少很多。 门槛高相对较高、知识的广度和深度往往不限于前端。 比如需要掌握图形学、部分数学这样非常专业的知识，相对还是比较难一些。 工程化相对落后，开发体验相对较差。 这块的知识体系跟图形/游戏行业是紧密相连的，整体看仅前端范围内还是比其它场景更大的端和场景弱不少，包括应用场景、专业度、生产模式工作流啥的，都比较落后。 看好的 就是因为门槛高，才容易形成壁垒，不容易别替换(当然，反过来，也不容易替换别人，看自己怎么看待)。 在随着未来 AI 的发展，同事随着年龄变大，才不容易被年轻人或者 AI 替代。 看好未来人机交互的进步，甚至是变革。 主要看好两个方向 元宇宙 (不看好的朋友请保留意见)。现在国内腾讯(QQ 小窝)、阿里(淘宝人生、天猫二楼的 3D体验空间)、百度(希壤)、网易(网易瑶台)等都在布局这方面的，国外的更不用说了，Facebook 都直接改名为 meta 了。 人机交互变革。目前来看前端主要是负责电脑或者手机显示器和人进行交互，未来以后可能是 VR、AR 进行交互。 最后 通过上面的分析，主要是看好未来人机交互的进步，才选择了这个方向。就算以后这个方向发展得不好，有了这些基础知识还是可以往其他的方向，比如一些设计行业(家装设计)、可视化、游戏等行业进行发展。 最后如果你来选，你会怎么来选呢？欢迎留言说一下你的看法。

我自己最近由于组织架构的调整，调整到了做用户增长相关的业务，我才去了解了什么是用户增长，用户增长包含用户的获客、激活、留存、变现、推荐，然后知道用户增长是所以企业永远不会过时的话题。 因为所有的企业如果需要成长，一定需要伴随用户的增长，扩大规模。 然后我还想着在做用户增长相关的业务，想去深入学习一下，然后把自己的公众号当做产品来做用户增长。 由于产品在给我们讲业务的时候，主要讲的是拉新获客相关的，所以我的头脑的一直就把 拉新作为用户增长的全部了。但是实际上拉新只是用户增长的一个环节，还有很多环节都需要用户增长，今天重点聊拉新。 拉新是增长中的第一个要素，通过合理的拉新方式让用户知道一款产品并在使用找到产品提供的核心价值留下来，并在使用过程中对产品创造价值最终形成对产品在盈利上的供给。 可见拉新主要是让不太清楚这款产品的用户，知道他的价值，然后使用这款产品，基本上这样拉新就算成功了。后续这个用户继续不继续使用，那就是激活、留存要做的事情了。 常用的一些拉新方式就是找一些渠道打广告，公域的比如应用商店、抖音、快手、百度、小红书等；私域的比如公众号找博主，朋友圈；甚至有些还有线下地推的方式。 今天在读《华与华正道》看到一句话：把现有的客户服务好，远方的客户自己会来。 我发现自己悟了，懂得了一条新的渠道，而且靠谱，对用户增长后面的环节，比如激活、留存转化率都会更高。 我们思考这么一个道理，现有的客户服务好，怎么对拉新有帮助的。 服务好现有的客户，那么客户对身边的人有类似需求的，是不是可以带过来；社交电商就是基于此。 服务好现有的客户，自己的品牌口碑就会很好，当别人有类似需求的时候，找口碑好的产品，就会自己找上来。 这就是不做用户增长，也做到了用户增长。 要是服务不好现有的客户，为了维持现有的收益，可能就得不停的通过传统的方式拉新，传统方式拉新成本贼高，投广告啥的都是很花钱的。然后把钱花了很多去投广告，如果资金不充裕，没有多余的，那么现有的客户更服务不好，又要去拉新，恶性循环。 所以我觉得服务好现有的客户，是用户增长的基础，稳扎稳打，逐步扩张。 基于以上的思考，我觉得我未来的做公众号的方向就需要转向服务好现有的读者，不断的去尝试对现在的读者有价值，愿意看的内容，而不是为了维持现有的阅读量，通过各种渠道去拉新人。 另外我想到了我现在的公司，支付宝，在支付份额上最近几年被微信压得很惨，虽然我觉得支付宝被压得很惨的原因不是因为客户没有服务好，而是被微信的高频所压制。但是我还是觉得服务好现有的客户是比拉新更重要的，有没有办法把现在支付宝和微信重叠的用户，让他们都用支付宝，这如果都转过来了，已经够支付宝长久发展了。 如果支付宝的服务好到这部分微信高频用户的都用上了支付宝，难道对于新用户在选支付产品的时候还不用支付宝吗？ 最后还是送给大家书中的一句话： 《大学》说：“物有本末，事有终始，知所先后，则近道矣！”现有客户是本，新客户是末；把现有客户服务好是先，新客户是后。所以我一看见谁着急没客户，要去拓展，我就觉得他是舍本求末。到处去开拓客户，是最低效的经营手段。想要客户，只会让你签下不平等条约，最后除了得到一个“客户”，剩下的全是损失。 不做「用户增长」的用户增长，才是最有效的用户增长。

债基是什么？ 债券型基金，就是主要投资债券的基金，规定基金资产80%以上要投资于债券，也可以有一小部分资金投资于股票市场、可转债、打新股等等。 债券基金分类 只做债券的，叫“纯债基金”； 做债券+打新股的叫“一级债基”； 做债券+打新股+炒股的叫“二级债基”。 主要投资可转债的叫“可转债基”。 债券基金是怎么赚钱的？ 1、利息收入 即债券持有到期所获得的票面利息收入。只要债券不出现兑付困难，持有至到期一般是不会出现亏损的。这个角度来看，长期债券基金的收益要高于短期债券基金。 2、价差收入 债券一般在银行间市场或沪深交易所交易，因流动性、市场利率、信用情况变化等，债券的价格是存在波动的。一般而言，利率上升，债券价格下降；利率下降，债券价格上升。因而根据债券二级市场价格变动，低买高卖可以赚取差价。 3、债券回购 这主要是通过回购业务将持有的债券质押进行融资，融得的资金又继续投入到债券市场，这就可以获得额外的杠杆收入。目前开放式基金杠杆比例不超过140%，封闭式基金以及定期开放式基金杠杆比例可以达200%。 4、股票投资收入 这主要说的是二级债券基金， 可以通过参与二级市场股票投资，增厚基金收益。 当然，这也要相应承担股票市场波动的风险。 债基什么情况会跌 第一， 国债收益率快速上行 因为国债利率大涨，那些求稳的大资金肯定会想配置更多国债，那么势必卖出一部分公司类债券。所以大多数债券遭到抛售，债券价格大跌，拖累债券基金净值下跌。 第二， 碰到债券违约 第 三 ，可转换债波动很大 可转换债券和一般债券不一样，除了本身有还本付息的债券属性外，还有转股的权利。那么如果正股上涨，可转换债券就会上涨。

最近在面试的时候经常会问：如何理解重排和重绘？ 我发现很多候选人都没有答道关键点上，感觉是在哪里看到过相关的文章，听起来零零散散，毫无逻辑。 错误示范 一般的面试过程就是这样的： 面试官：如何理解重排和重绘? 候选人：重排就是当页面的结构发生变化了，就会重排，比如改变变字体的大小，增删 DOM 元素这样的。重绘就是页面结构没有变化，只是外观变了，比如改了一下字体颜色、背景颜色这样的。就只会发生重绘。 当然他说的也没错，我也不能直接说他错，就继续引导 面试官：那重排和重绘有什么关系吗？ 候选人：重排一定会导致重绘，重绘不一定会导致重排。 面试官：为什么呢？ 候选人：因为重排结构发生变化了嘛，肯定会导致重绘。 我这时候表情就是这样： 如果你觉得上面的回答很真实，那下面的你确定得好好看看。 接下来一般我不会直接跳过，我会再问一下浏览器关键渲染路径引导一下。 如果不知道的话，我会再引导一下(这个时候其实基本已经放弃了)。 问一下你知道当浏览器加载到一个 HTML 会发生什么事情吗？ 如果还是不知道的话，这下一题了。 如果知道关键渲染路径的，基本引导一下还是可以搞明白，如果不清楚的，肯定是理解不了重排和重绘的。 考点 这道题我一般考察两个点： 浏览器的关键渲染路径。如果答不到这上面，一般这个题就凉了。 性能优化，如果减少重绘和回流，当然这个点肯定也是要基于对 关键渲染路径 的理解（这点不是关键点）。 复习 复习的目的是为了知道考点是啥，简单的给大家复习一下，更详细的内容希望按我介绍的知识点(可以看我文末推荐的文章进行深入学习)，毕竟复习不是上课。 我们可以能知道，写了 HTML、CSS、JavaScript 就可以将页面渲染到屏幕上，但是浏览器是如何把我们的代码渲染到屏幕上的像素点的呢？这就需要了解到这么一个概念 CRP： 关键渲染路径(Critical Rendering Path)是浏览器将 HTML，CSS 和 JavaScript 转换为屏幕上的像素所经历的步骤序列。优化关键渲染路径可提高渲染性能。 大致步骤是这样：在解析 HTML 时会创建 DOM，HTML 可以请求 JavaScript，而 JavaScript 反过来，又可以更改 DOM。HTML 包含或请求样式，依次来构建 CSSOM。浏览器引擎将两者结合起来以创建 Render Tree (渲染树)，Layout(布局)确定页面上所有内容的大小和位置，确定布局后，将像素 Paint (绘制)到屏幕上。 优化关键渲染路径可以缩短首次渲染的时间。了解和优化关键渲染路径对于确保重排和重绘可以每秒 60 帧的速度进行，以确保高效的用户交互并避免讨厌是很重要的。 接下来研究一下详细的过程： 步骤 1. 生成DOM DOM构建是增量的。浏览器从远程下载 Byte => 根据相应的编码 (如 utf8) 转化为字符串 => 通过 AST 解析为 Token => 生成 Node => 生成 DOM。...

今天在阅读《华与华正道》，读到两句金句： 做人要做学习型，不要做纠错型 不要批判思维，要价值思维 记忆深刻，分享一下我的理解。 做人要做学习型 从小我们就学过《论语》的：三人行，必有我师，择其善者而从之,其不善者而改之。 对这句的解释是：别人的言行举止，必定有值得我学习的地方。选择别人好的学习，看到别人缺点，反省自身有没有同样的缺点，如果有，加以改正。 以前在学习的时候只是去死记硬背，并没有去想把这个思想实践到现实中，这就是读死书。 其实读书和交友一样，要看他好的地方。如果纠到一点错就拒之门外，就无书可读、无友可交了。 善于学习别人的人，每天都在成长，每次交流、都在学习，如果是纠错型的人，总是在挑刺，总是自以为是，这样就无法从别人身上学习，成长缓慢。一旦成长缓慢，思维受限，就更无法从牛人身上学习，恶性循环就是这样来的。 除了要做一个学习的人，还要注意不要做一个纠错型的人，老纠别人的错，这样的话你会觉得周围所有人都不好，以自己为中心，这样身边的人都会对你避而远之。 做事要做价值型 不要总是持有批判思维，要学会价值思维。 身边有没有遇到过这样的案例，一个新东西出来，不是去研究这个东西的价值，而是上来就开始批判这个东西的好坏。 就拿数字货币来说吧，可能听说过比特币是基于区块链做的，然后还有还有很多山寨币，很多人炒币亏了，就否认数字货币，否认区块链技术。 然而实际上，这种去中心化区块链的方式，可能是历史依赖，解决信任问题的一大革命。 在比特币上也是，真正去研究他价值的人，从来不是以炒的心态去做的，这些人早已经赚得盆满钵满了。 对一个人，或一件事、一个方案，你不要一上来就评判他好或坏、对或错、接纳或拒绝。而是要关注他有什么价值，这样你就能得到价值。没有人经得起评判，但每个人都有价值。 价值思维的人总是从任何事或人上，都能看到价值，然后从中学习，批判型的人会慢慢丧失研究的能力，上来就要得出一个结论，好或者坏，对或者错。 总结 这两句金句给我最大的感受就是要放开自己，打开自己的眼界，让自己的见识增长，这样眼里就会容纳更多的东西，海纳百川有容乃大。 这样我们才可能看到别人，或者事情的价值，打开自己学习的欲望，而不是眼界狭窄，认为这个世界仅仅只是二元的。