之前对Rxjs的concatMap、switchMap、exhaustMap、mergeMap这四个映射操作符的理解有欠缺，以下是对这四个操作符的深入理解。首先在理解这四个操作符之前一定要理解的概念就是源数据和映射Observable,我们可以把这两部分想象成流水线工厂的原材料和加工机器,一定要独立的理解这两部分，这四个操作符不同的地方就是在加工机器这一部分使用了不同的逻辑,以此来产出不同的结果

最近由于项目需要,需要非开发人员根据业务数据的手动录入表单并且可以同步输出对应的JSON数据.记录下整个业务分析和最终实现的过程.

首先是下面的流程图,最终呈现的效果为,用户开启语音输入,识别问题后调用GPT获得结果的同时向讯飞发起语音合成.

以ChatGPT为基础结合ChatVRM,讯飞语音合成和语音识别实现的前端方案中,单纯的从前端角度出发简要描述各个技术的结合.

Rxjs操作符分类介绍

之前对于Promise并没有深度的了解过,闲来无事手写了Promise,过程中对Promise有了更进一步的了解,其中比较难的就在于then()的内部处理,之所以能实现链式调用和异步处理,最重要的核心就是一旦调用了then()方法,内部就会重启一个新的Promise并将其返回,并根据Promise的状态来做不一样的处理

针对基础的Ts知识不做过多解释,相关文档查阅即可.本文注重对于类型操作中的难点和日常项目中的高频类型等做整理.本文会在内置的高级类型基础上延展.
针对内置的高级类型,这里按照操作类型做了简单的分类.

本文主要记录Eslint和Cz工具集配置过程:

本文你主要用于记录viewport适配方案在Ng中的应用.具体viewport方案的优劣和介绍不做过多介绍.

装饰器在Angular中是个很常见的概念,@Component、@Directive、@Pipe、@NgModule、@Injectable、@Input、@Inject等等.本文着重讲解各种装饰器的作用以及在Angular中的实际使用

工作流程

• 解析器(parser):将JS代码解析成抽象语法树AST
• 解释器(Ignition):将抽象语法树(AST)解释成字节码(bytecode),同时可以解释执行字节码的能力
• 编译器(TurboFan):编译出高效的机器代码

V8的惰性解析和预解析

V8的解析阶段会将源文本解析为抽象语法树,再交由解释器解释成字节码,事实上,解析前会经历一系列的操作;这个过程大根是先将源文本(UTF-8、Latin1、ASCII)转为UTF-16的字符流,扫描器(Scanner)通过组合底层字符流中的连续字符来构造这些标记。然后提供给解析器;

针对业务需要,整个流程为点击按钮=>调取异步方法=>设置操作状态=>异步结束,重置状态;其中调取异步方法中,点击按钮时都无效或不可点击

OSI(开放式系统互联通信)参考模型分为应用层、表示层、会话层、传输层、网络层、数据链路层、物理层、;

本篇仅对隐式转换中的知识点做记录,不深入展开介绍.

1.可选泛型

将泛型中的所有属性变为可选.

更新于2021.11.17
version:12+

由于小程序的限制,无法设置开发和正式的环境变量,这里参考node的方法来设置小程序的环境变量,由于小程序的限制,不管是体验版或开发版还是正式版,都是使用的一份本地缓存,当手机同时存在两个或两个以上小程序版本时,就会因为缓存的原因读取错误的本地缓存,除非有后端人员介入对错误进行处理,否则只能删除小程序以保证能正常使用,当然还有一个好处是保证了我们线上的正式版一定是生产环境

本地项目的准备工作请参考官方文档,不做解释,https://angular.cn/guide/universal 可以参考示例代码,
需要注意的时,配置文件的时候请检查好文件路径

• Docker —— 从入门到实践     https://github.com/yeasy/docker_practice
• TypeScript Deep Dive 中文版    https://github.com/jkchao/typescript-book-chinese
• TypeScript基础手册    https://typescript.bootcss.com/
• rxjs中文文档    https://cn.rx.js.org/manual/overview.html
• express     http://www.expressjs.com.cn/
• 阿里图标库     https://www.iconfont.cn/plus
• LeetCode参考答案    https://github.com/azl397985856/leetcode
• postwoman API请求生成器     https://github.com/liyasthomas/postwoman
• JS基础概念    https://github.com/stephentian/33-js-concepts
• HTTP权威指南精简版    https://github.com/woai30231/http
• NGXS,基于angular的状态管理     https://www.ngxs.io/
• 坐标转换    https://github.com/wandergis/coordtransform
• angular-eslint    https://github.com/angular-eslint/angular-eslint
• ngx-echarts    https://github.com/xieziyu/ngx-echarts

实现过程