随笔分类 - TS/ES/JS/Node
TypeScript || ECMAScript || JavaScript ||
Node
摘要:1.下载二进制文件 https://github.com/jdx/mise/releases 2.新建目录并放置压缩包内的二进制文件 我使用的目录是 D:\Developer\mise\bin 3.配置环境变量 +代表添加,*代表追加 [+] MISE_INSTALL_PATH => D:\Deve
阅读全文
摘要:volta 是用于管理node及包管理的工具。相较于nvm和fnm,对于开发更加友好。 1.下载二进制文件 https://github.com/volta-cli/volta/releases 2.新建目录并放置压缩包内的二进制文件 我使用的目录是 D:\Developer\volta\bin 3
阅读全文
摘要:采用Rust语言编写的动态切换Node的工具,相较于nvm-windows可以提供更好的性能 1.下载二进制文件 https://github.com/Schniz/fnm/releases 2.新建目录并放置压缩包内的二进制文件 我使用的目录是 D:\Developer\fnm\bin 3.配置环
阅读全文
摘要:1.数组、对象的匹配赋值【解构赋值】 let [a,b,c] = [1,2,3] // 可以用于变量值之间的转换 let a = 1; let b = 2; [a,b] = [b,a] // 成功切换 let {name,age} = {name:"fanqi",age:27}; //变量名需要和对
阅读全文
摘要:在前端使用导入Word文档并自动解析成html再插入到tinymce编辑器中,可以使用mammoth.js识别Word内容转换为Html并set到编辑器中,使用mammoth只可解析.docx格式的Word,目前的mammoth不支持.doc格式,后续升级也许会加上解析doc的功能。 mammoth
阅读全文
摘要:1.图片上传后后台返回地址但富文本中的地址不对 // tinymce默认对URL进行了处理,关闭URL转换即可 // https://www.tiny.cloud/docs/tinymce/6/url-handling/#convert_urls tinymce.init({ selector: '
阅读全文
摘要:var jsrsasign = require("jsrsasign"); var cryptoJs = require("crypto-js"); var accessToken = pm.environment.get("ACCESS_TOKEN"); var accessTokenExpire
阅读全文
摘要:openapi-generator为各种语言都以抽象类的形式进行了默认配置 以Typescript为例,其中的抽象类路径为 openapi-generator\modules\openapi-generator\src\main\java\org\openapitools\codegen\langu
阅读全文
摘要:Openapi Generator是Swagger Codegen的分支,但功能更加强大 1.安装JDK【略】 2.下载jar包 wget https://repo1.maven.org/maven2/org/openapitools/openapi-generator-cli/6.5.0/open
阅读全文
摘要:1.准备工作 1.Protocol Buffers 下载地址:https://github.com/protocolbuffers/protobuf/releases 需要注册环境变量 PROTOC_HOME -> D:\Developer\protoc\bin 【你自己的二进制目录】 Path -
阅读全文
摘要:官方介绍地址:https://github.com/swagger-api/swagger-codegen 1.安装JDK【略】 2.下载jar包 wget https://repo1.maven.org/maven2/io/swagger/codegen/v3/swagger-codegen-cl
阅读全文
摘要:1.Swagger 多分组 在很多大型系统中,为了方便对接口进行归类,往往使用了 Swagger 多分组功能,这样会使系统的接口散落在多个 swagger.json 中。 将SpecificationDocumentSettings属性的EnableAllGroups设置为true。 启用之后在 S
阅读全文
摘要:注:目前yarn主分支依然是1代,也没有常规方式直接安装2代,yarn的理念是,想体验2代,只能在具体项目中体验,无法全局安装【应该是暂时】。 注:项目安装yarn2 时,需要访问 raw.githubusercontent.com,因此我们需要先解决污染问题。 ⒈进入这个网址:https://ww
阅读全文
摘要:首先需要说明的是: nvm不支持Windows!!!,但是有替代品,也就是nvm-windows,类似git和git for windows一样。 第一步:点击下载 nvm,打开该项目在github上面的下载页面后,我们选择latest中的第一个:nvm-noinstall.zip,点击下载。 下载
阅读全文
摘要:Vue的灵活性总是让代码看起来非常洗练,对TypeScript来说也是一种挑战, 好在Vue对TypeScript进行了一次全方位的适配。 相对于React严谨的代码,Redux啰嗦的样板代码,Vue就显得非常灵活。Vue采用双向绑定原理,如下图所示 双向绑定的好处是这样的,在数据发生变化的时候,会
阅读全文
摘要:⒈初始化 React Native环境 参考https://reactnative.cn/docs/getting-started.html ⒉安装React Native官方的脚手架工具 npm install -g @react-native-community/cli ⒊使用React Nat
阅读全文
摘要:⒈创建React项目 初始化一个React项目(TypeScript环境) ⒉React集成React-Router React项目使用React-Router ⒊React集成Redux Redux是React中的数据状态管理库,通常来讲,它的数据流模型如图所示: 我们先将目光放到UI层。通过UI
阅读全文
摘要:⒈初始化React项目(略) 请参考 初始化一个React项目(TypeScript环境) ⒉集成React-Router 在React世界里,公认最好用的路由是React-Router。那我们直接来集成它吧。 yarn add react-router history #如果是type环境 yar
阅读全文
摘要:React将由三部分组成,其中,Redux是应用状态管理服务,React-Router用于路由映射,React View用于显示界面。 我们使用Facebook推荐的create-react-app来进行项目初始化配置。首先确保系统已正确安装Node及Npm。 ⒈使用npm安装create-reac
阅读全文
摘要:TSLint是TypeScript代码的样式风格检查工具。类似于JavaScript的ESLint,或者Ruby的Rubocop。 配置TSLint TSLint是一个外部工具,我们需要进行一次安装工具的流程 #初始化package.json npm init yarn add ts-node ty
阅读全文

浙公网安备 33010602011771号