Jest同时支持ts和react jsx TypeScript + Jest + React-Testing-Library：https://www.jianshu.com/p/1bef70cfe712 jest配置文件 // jest.config.js module.exports = { // preset: 'ts-jest...

参考：https://www.jianshu.com/p/d51258ef5484

参考：https://www.cnblogs.com/yuanchao-blog/p/11730296.html 解决办法 首先： git pull origin master --allow-unrelated-histories github上的教程 push an existing repository from t...

缓存 目标 理解cache-control所控制的缓存策略 学习理解last-modified和etag以及整个服务端浏览器端的缓存流程 案例分析和实战，基于node实践以上缓存方式 案例--手淘 304 200 from memory ...

ts查看编译结果、测试网站 https://www.tslang.cn 声明对svg的支持 decalre module '*.svg'

执行最严格的类型检查规则，并处理报错 // tsconfig.json { ... "compilerOptions": { ... "strict": true, "noImplicitAny": true, ... /* Additional Checks......

将js、jsx文件重命名为ts、tsx文件，并且使用最宽松的类型检查规则，在不修改代码的前提下，是我们的工程能够跑起来 一、重命名 项目小，手动重名名就可以 项目大，借助工具重命名 使用shell...

将一个js项目逐步迁移到ts 共存策略:原来的js代码不动，新增的代码用ts编写 已有项目 hello world工程，用react编写的 工程中没有任何ts和tsx文件 构建工具是babel loader为babel-loader 开始...

为一个库编写声明文件 使用package.json中字段types // package.json { ... "types": "./types/employee-query.d.ts" } types/employee-query.d.ts: import Vue from 'vue'; declare class ...

新建项目vue-employee-query(基于上节课的项目) 我们新建的是一个组件，不是一个web工程 进行一些改造 1)webpack公共配置 1.1)把入口文件抽离了出去 1.2)指定了新的出口文件名 // build/web...

一、基于hello world工程 1)安装vue:npm i vue vue自带了声明文件，不用额外装 2)/src/index.ts import Vue from 'vue'; let app1 = new Vue({ el: '.app', data: { name: 'TypeScript', }....

步骤 前端 后端

内容介绍 涉及的功能 资源的合并与压缩 图片编解码原理和类型选择 浏览器渲染机制 懒加载预加载 浏览器存储 缓存机制 PWA Vue-SSR 前端性能优化点 网络层面 构建层面 服务端层面 浏览器渲染层...

ts-express api server增加些路由 // app.ts import indexRouter from './routes/index'; import usersRouter from './routes/users'; import employeeRouter from './routes/employee'; le...

基于expresd搭建 1)全局安装express应用生成器 npm i -g express-generator 2)生成一个express应用 express ts-express 3)进入该项目目录，安装依赖 cd ts-express npm i 一般的项目到此就搭...

安装了哪些包 redux react-redux redux-thunk 文件 入口文件 // src/index.tsx import { Provider } from 'react-redux'; ... ReactDOM.render(...

列表渲染 问题：在使用antd的Form时，用Form.create()(表单组件)注意事项： // Props interface Props extends FormComponentProps { onDataChange(data: EmployeeResponse): void; } // Com...

搭建界面 目录结构： src/ components/ employee/ #员工界面 App.tsx 代码 /src/components/employee/QueryForm. 过程 UI组件添加事件和状态（react的state），状态的类型（就是接口请求和响...

组件复用方式 优势 劣势 状态 类组件（class） 发展时间长，接受度广泛 只能继承父类 传统模式，长期存在 Mixin 可以复制任意对象的任意多个方法 组件相互依赖、耦合，可能产生冲突，不利于维...

函数组件 React.FC import React from 'react'; import Button from 'antd'; interface Greeting { name: string; } const Hello: React.FC = (props) => Hello {props.name} ......