2020 年 6月随笔档案 - 小白学前端

reflect-metadata

摘要：1.需要安装这个库：npm install reflect-metadata --save 2.在定义类或者类方法的时候，可以设置一些元数据，我们可以获取到在类与类方法上添加的元数据，用的方法就是 Reflect Metadata。元数据指的是描述东西时用的数据。 1 @Reflect.meta 阅读全文

posted @ 2020-06-23 11:17 小白学前端阅读(4325) 评论(0) 推荐(0) 编辑

装饰器

摘要：装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，访问符，属性或参数上。装饰器使用 @expression这种形式，expression求值后必须为一个函数，它会在运行时被调用，被装饰的声明信息做为参数传入。在TypeScript中装饰器还属于实验性语法，所以要想使用必须在配置文件中ts 阅读全文

posted @ 2020-06-22 17:45 小白学前端阅读(230) 评论(0) 推荐(0) 编辑

单例模式

摘要：单例模式: 保证一个类只有一个实例，一般先判断实例是否存在，如果存在直接返回，不存在则先创建再返回，这样就可以保证一个类只有一个实例对象。作用：（1）、保证某个类的对象的唯一性；（2）、模块间通信；（3）、防止变量污染 1 function Singleton(name) { 2 this. 阅读全文

posted @ 2020-06-18 11:54 小白学前端阅读(184) 评论(0) 推荐(0) 编辑

parcel简单使用

摘要：parcel 是一个打包工具，号称是 0 配置通过parcel打包，html直接引入ts文件第一步下载安装 1 yarn add --dev parcel@next index.html文件内容 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <m 阅读全文

posted @ 2020-06-18 10:52 小白学前端阅读(655) 评论(0) 推荐(0) 编辑

命名空间

摘要：param.ts文件内 1 namespace Param{ 2 //导出接口 3 export interface User{ 4 name:string 5 } 6 //导出类 7 export class Header{ 8 constructor(){ 9 const ele=documen 阅读全文

posted @ 2020-06-17 22:20 小白学前端阅读(157) 评论(0) 推荐(0) 编辑

联合类型和类型保护

摘要：1 interface Bird{ 2 fly:boolean; 3 sing:()=>{} 4 } 5 interface Dog{ 6 fly:boolean; 7 bark:()=>{} 8 } 9 //不会提示sing和bark方法需要判断，直接使用会报错 10 //两种常用方法:一种用 a 阅读全文

posted @ 2020-06-16 23:39 小白学前端阅读(221) 评论(0) 推荐(0) 编辑

react-native实现底部导航栏图标问题

摘要：1 cnpm i react-native-svg react-native-iconfont-cli 2 react-native-svg 为iOS和Android上的React Native提供SVG支持，以及Web的兼容性 3 react-native-iconfont-cli 把iconfo 阅读全文

posted @ 2020-06-10 00:47 小白学前端阅读(464) 评论(0) 推荐(0) 编辑

react-native导航

摘要：创建navigation文件夹，创建bottomTab.tsx文件 1 import React from 'react' 2 import { RouteProp, TabNavigationState } from '@react-navigation/native'; 3 import { c 阅读全文

posted @ 2020-06-08 15:59 小白学前端阅读(364) 评论(0) 推荐(0) 编辑

react-native中使用dva

摘要：下载 dva-core-ts react-native 下面举一个例子实现异步加载创建models文件夹 --home.ts 1 import {Model,Effect,call,put} from 'dva-core-ts' 2 import {Reducer} from 'redux' 3 阅读全文

posted @ 2020-06-08 15:58 小白学前端阅读(1305) 评论(1) 推荐(0) 编辑

react-navigation with TypeScript

摘要：1 import { createStackNavigator,StackNavigationProp } from '@react-navigation/stack'; 为了对路由名和参数进行类型检查，首先要创建带有路由名到其参数的映射的对象类型 index.js 1 export type st 阅读全文

posted @ 2020-06-07 11:26 小白学前端阅读(1075) 评论(0) 推荐(0) 编辑

文档管理Yapi

摘要：依赖于 mongodb node.js npm i -g yapi-cli 开启mongdb 运行 yapi server 打开 localhost:9090 开始部署默认账户:admin@admin.com 密码:ymfe.org 切换到部署目录 node vendors/server/app. 阅读全文

posted @ 2020-06-07 11:12 小白学前端阅读(174) 评论(0) 推荐(0) 编辑

初始化一个react-native项目

摘要：删除 react-native-cli npx react-native init demo --template react-native-template-typescript 绝对路径下载插件 babel-plugin-module-resolver 配置 babel.config.js 1 阅读全文

posted @ 2020-06-07 11:06 小白学前端阅读(385) 评论(0) 推荐(0) 编辑