小白学前端 - 博客园

2020年7月28日

摘要： 1.去除无用的样式程序中引入的css中某些类没有用到，但是打包仍会打包进来，我们当然不想看到他，那该怎么做呢? 安装: 1 npm i purgecss-webpack-plugin glob -D webpack.config.js中引入 1 // 去除无用的样式 2 const glob = 阅读全文

posted @ 2020-07-28 16:39 小白学前端阅读(159) 评论(0) 推荐(0) 编辑

2020年7月27日

webpack-bundle-analyzer插件的使用方式

摘要： webpack-bundle-analyzer打包文件分析工具这是一个webpack的插件，需要配合webpack和webpack-cli一起使用。这个插件的功能是生成代码分析报告，帮助提升代码质量和网站性能 1 npm install --save-dev webpack-bundle-anal 阅读全文

posted @ 2020-07-27 16:29 小白学前端阅读(3652) 评论(0) 推荐(2) 编辑

2020年6月23日

reflect-metadata

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

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

2020年6月22日

装饰器

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

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

2020年6月18日

单例模式

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

posted @ 2020-06-18 11:54 小白学前端阅读(183) 评论(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 小白学前端阅读(653) 评论(0) 推荐(0) 编辑

2020年6月17日

命名空间

摘要： 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 小白学前端阅读(156) 评论(0) 推荐(0) 编辑

2020年6月16日

联合类型和类型保护

摘要： 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 小白学前端阅读(220) 评论(0) 推荐(0) 编辑

2020年6月10日

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 小白学前端阅读(459) 评论(0) 推荐(0) 编辑

2020年6月8日

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 小白学前端阅读(359) 评论(0) 推荐(0) 编辑