小程序架构指南(三):小程序架构实现中的关键问题及解决方案 上回说到, 小程序架构中存在两个关键问题, 不解决则小程序项目就无从谈起. 在这篇文章中, 我们会尝试解决这两个问题. 在逻辑进程和渲染进程中, js 如何与 Native 通信 如果 js 只在逻辑进程中运行, 不能和外部通信, 那么它既不能使用原生能力, 也不能在渲染进程中构建出实际页面, 小程序架构也就无从谈起. 因此, 小程序基础库首先需要解决的就是 js 如何和 Native/渲染进程通 2021-11-08 #小程序架构指南
小程序架构指南(二):小程序业务流程与开发路线图 上回说到, 公司决定开发小程序平台, 并委派你作为项目负责人, 编制开发路线图. 所以问题来了, 小程序的开发路线图, 应该是什么样的? 在制定开发路线图前, 我们要先梳理小程序的业务流程, 以及相关的技术点. 小程序业务流程 小程序的业务流程可以分为外围和内部两部分. 外围指的是业务方从创建小程序到在 App 上启动的一系列操作, 内部则是小程序在 App 上从启动到退出的全部过程, 这里我们分 2021-11-08 #小程序架构指南
小程序架构指南(一):我们为什么需要小程序 假设有天老板找到你, 笑眯眯的说: “小王啊, 你看微信百度支付宝都有自己的小程序平台了, 我们什么时候搞个呢?” 假设有天老板找到你, 笑眯眯的说: “小王啊, 你看微信百度支付宝都有自己的小程序平台了, 我们什么时候搞个呢?” 这时你会… 什么是小程序 评估我们是否需要小程序, 首先得定义什么才是小程序 按照微信的解释, 小程序是一种特殊的网页应用. 传统模式下, 逻辑层(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