github.com/hpoenixf

webpack是当下常用的代码构建工具，对它进行优化可以提升工作效率和项目质量。

webpack是用来转换，生成代码的，要对它进行优化，主要还是从更快的工作和生成更小体积两个方面来进行考虑

sdk 的作用是把一些功能封装起来，提供给别的开发者使用，如何才能编写一个好的sdk呢

首先，谁最有权力来判断我的sdk好不好呢？产品经理吗？领导吗？当然是我们的用户。
我们不妨以用户使用sdk的全流程来思考一下，好的sdk有怎样的特征

怎么做一个好的sdk

1. 让用户选择
   1. 宣传已经接入的知名业务
   2. 强调团队已经产出的优秀产品
   3. 到内部论坛、外部宣传
2. 让用户了解
   1. 编写更好的文档
   2. 提供playground
3. 让用户更好的接入
4. 让用户用的更好
5. 让用户更好的解决问题
6. 让用户更好的维护、升级

后面几点就详细讲讲吧

双线程

双线程，隔离了js和ui，渲染层用webview来渲染，逻辑层用jscore运行js脚本

这两个线程借助native微信客户端通讯，同时客户端还要帮忙发送网络

双线程好处

• 开发者不能直接操作dom、跳转其他页面
• 方便管控，禁用危险api

帧同步简介

帧同步是让玩家保持一致性，可以进行对战联机的功能，王者荣耀要采用了该技术。简单点来说，就是每当玩家进行操作，都会上传对应的操作给服务器，服务器定时将收到的操作发放给游戏客户端，每个游戏客户端收到的数据都是一样的，运行的结果自然也是一样的。

帧同步跟状态同步相比，优点有：高一致性，低流量消耗，简化服务器逻辑，容易反作弊。

XSS

用户注入代码

• 存储型：攻击者上传信息，提交到数据库
• dom型：前端将不可信内容插入到页面
• 反射型：攻击者将恶意代码插入到url中，url参数被前端取出并执行

防止方法：前端过滤展示，后端过滤输入

之前我在负责游戏频道的首页，由于我们面对的用户是东南亚用户，在印尼、菲律宾等国家可能网络较差，页面可交互时间经常来到四五秒，影响用户体验。针对这问题，我进行了一系列操作，取得了较好的结果。

结果：首屏时间优化到一秒，可交互时间从三秒优化到了1.8秒，命中缓存的情况下可以到0.5秒到一秒。

我是怎么做到的呢?

最近总有一些零散而有意思的感想和总结，第一时间会发到朋友圈，这些文字想写成文章有点难，但是放过去了又可惜，因此记在博客里，时不时更新一下，分享给大家~

表达的逻辑

容易理解的顺序：先讲主要，抽象的，再讲次要的，支撑的。

理想的结构：金字塔结构，总分，纵向，任意层次的思想是对下层的总结，横向，多个思想共同组成同一个逻辑推理过程。

人很难记住超过七个思想，要抽象组合，归类分组。