小程序架构指南(一):我们为什么需要小程序 假设有天老板找到你, 笑眯眯的说: “小王啊, 你看微信百度支付宝都有自己的小程序平台了, 我们什么时候搞个呢?” 假设有天老板找到你, 笑眯眯的说: “小王啊, 你看微信百度支付宝都有自己的小程序平台了, 我们什么时候搞个呢?” 这时你会… 什么是小程序 评估我们是否需要小程序, 首先得定义什么才是小程序 按照微信的解释, 小程序是一种特殊的网页应用. 传统模式下, 逻辑层(js)和渲染层( 2021-11-08 #小程序架构指南
node 接口转发注意事项 前端开发过程中经常遇到接口跨域问题, 很难处理. 因此有了本地起一个 koa, 通过转发接口绕过跨域限制的方案. 这个方案具体实现步骤如下 处理同一服务的不同接口 假设本地开发的请求需要转移到 a1.ke.com 项目上, 那么我们需要做这么几件事 添加中间件, 捕获以指定字符串开始的请求, 以便后续转移 首先配置服务地址, 区分本地/dev/测试/预览/线上环境 123456789101 2021-10-30
企微 h5-jssdk 本地开发调用指南 企微在 h5 环境下调用 js-sdk, 需要解决以下五个问题 在已验证的域名下调用, 域名下要有指定文件 域名不能带端口号(想在本地开发时测试 api, dev-server 必须启动在 80 端口下) 初始化 api 时, 企微 sdk 会发送请求验证是否有 api 调用权限(重要) 初始化 api 时, 配置参数要带校验签名, 该签名由 signature + 当前域名计算得出 由于该项 2021-10-20
微壳小程序技术架构概览 微壳小程序运行原理概览 大家好, 我是前端架构组的姚泽源, 今天分享下微壳小程序的运行原理概览. 这次分享的由三部分构成. 首先是小程序的基本运行模式和作为配套的平台整体架构. 然后会回答一个大家可能都想过的问题: 为什么我们要开发小程序平台, 为什么不直接用 H5 最后会具体介绍小程序的启动原理. 这一块涉及到自定义渲染器和 React 项目启动流程探索, 相信大家会比较感兴趣. 时间不多, 我 2021-07-28
异步模型的脆折风险----从一次 Node 服务故障谈起 当抵达 Node 服务的请求数达到理论最高吞吐量时, 单个请求的响应时间和所有请求平均响应时间会是什么关系? 答: 所有请求平均响应时间一切如常, 单个请求响应时间突然飞涨 为什么是这样? 周末接到三次报警, 线上 Node 服务突然出现大量接口 30 秒超时. 但每次都是刚连上 vpn, 报警就消失. 期间没有上线操作, 流量不大且平稳, 报错的是普通接口逻辑流程正常, 99.5%的请求响应 2021-06-28
读书分享:为什么学生不喜欢上学 大家好, 今天分享一本书, <<为什么学生不喜欢上学>>. 这是本写给教师的认知心理学方面的科普, 目前豆瓣热门教育学排名第一. 这本书主要是介绍思考的工作原理, 以及根据这些原理制定合适自学和育儿策略. 让我们先从第一个事实开始:『人类的大脑并不擅长思考』. 实际上, 我们的大脑能做很多事, 擅长做一些事, 但是思考能力和其他能力比起来, 明显不是大脑的长项. 举个 2021-02-04
如何统计前端项目中npm包的使用率 最近接了个需求, 需要统计公司前端项目中, 自研 npm 包的普及度&包内函数使用量. 解决过程比较有意思, 这里分享下. 项目的基础思路比较简单, 大致如下图所示. 对于获取所有前端项目问题, 由于我司有一套自建的公共前端打包平台, 可以直接调用平台接口拉取项目源码. 所以剩下的难点只有一个: 如何解析 js 文件, 得到目标 npm 包内导出对象的使用次数. 其实方法也很简单: b 2021-01-10
业内小程序编辑器实现方案分析 当前, 实现小程序编辑器有以下方案 方案一: 基于 MonacoEditor, 封装文本编辑器在 Electron 中使用 方案一: 启动本地 VS Code 服务器, Electron 中通过 iframe 嵌入网页实现编辑器功能 方案二: 基于 VS Code 完成编辑器功能, 预览功能通过编写 VS Code 插件实现 方案三: 基于 VS Code / Theia 源代码, 定制 IDE( 2020-08-15
Windows系统重装指南 更新历史 2022 年 7 月 28 日 默认操作系统更新为 win11 Onedrive 存储位置由 F 盘迁移到 D 盘 vscode 支持配置同步 Linux 系统操作使用 VSCode 替代, 移除 vim 配置 WSL2 默认使用导出的版本, 而非重新安装 2020 年 7 月 23 日 初始化文章 电脑又双叒叕坏了。 重装了一遍系统。 这里记录一下重装后的操作(顺序 2020-07-23
不再重要的CSS调优:读 CSS重构:样式表性能调优 概括下书里我认为有用的部分: 优秀架构的标准 可预测 优秀的软件架构可以对软件的工作方式和结构做出准确的假设, 新成员可以通过架构直接知道 组件的功能是什么 某一段代码在何处 新代码应该添加到哪里 可扩展 好的软件架构在其上添加新功能很容易, 而且不需要做大的结构性变化. 可维护 可维护性指: 当你修改一处代码时, 没必要大规模改动其他代码. 因此, 在好的架构上, 修改现有 2018-06-17