09 2020 档案
摘要:童思少儿编程教学系统是K12在线编程教育系统,学习,随堂问答,编程实操为一体的系统。其中图形化编程系统基于Scratch3【相关架构参考】。 先看架构 从结构层次拆分,系统主要分成两个大块,普通的GUI部分和学习部分。 从功能模块拆分,GUI中包含用户中心、用户作业作品、自由创作作品。通过路由进行切
阅读全文
摘要:这是一个Python学习系统,主要提供给成年人。交互方式为对话式,不过里面的对话全部是通过脚本内置好的。用户通过Enter展示下一句对话,支持语音自动朗读。 先看架构! 基础支持层 提供了课程学习回使用到的通用功能模块 图片展示系统。标准化图片展示(限制展示图片在640px*480px范围内)、点击
阅读全文
摘要:整体架构 Scratch3的界面功能划分如下图 Scratch的整体架构如下图所示 scratch-gui: 是基于React的组件库,组成了整个页面。对于界面有定制化的在这个库下进行 scratch-blocks:积木编程模块,创建和生成积木块区域和拖拽效果区域。需要定制化积木块以及积木块相关功能
阅读全文
摘要:文档:Proxy 基本使用就不赘述,看文档即可 通用 1.Proxy可以包装任何形式的对象:包括原生数组,函数,甚至另一个代理 2.代理实例中没有指定的handler,实际就是操作原对象target:实例:打开控制台查看 let target = function(){return 'ddd'} l
阅读全文
摘要:响应式原理 源码目录:https://github.com/vuejs/vue-next/tree/master/packages/reactivity 模块 ref: reactive: computed: effect: operations:提供TrackOpTypes和TriggerOpTy
阅读全文