使用webpack 5搭建react应用(四)TypeScript

前言TypeScript 是 JavaScript 的超集,为其增加了类型系统,可以编译为普通 JavaScript 代码。这篇我们将会学习是如何将 webpack 和 TypeScript 进行集成。安装依赖npm install --save-dev typescript ts-loader新增...

使用webpack 5搭建react应用(三)loader

前言我们之前的文章说道devServer和打包,现在我们还不支持css,url,file的loadercss-loader,style-loader,sass-loadernpm install --save-dev css-loader style-loader sass sass-loader修...

使用webpack 5搭建react应用(二)devServer

我们在上一节的基础上,已经可以开发出react应用了,但是不可能每次文件改动都要手动执行一次build,所以我们需要devServer使用 html-webpack-pluginnpm install --save-dev html-webpack-plugin修改webpack.config.js...

使用webpack 5搭建react应用(一)初始化

使用webpack 5搭建一个自己的react应用(一)打包应用新建一个文件夹mkdir webpack-react设置为npm仓库npm init安装webpack,react包npm install webpack webpack-cli --save-devnpm install react ...

前端手写map,filter方法

MDN上map的语法var new_array = arr.map(function callback(currentValue[, index[, array]]) { // Return element for new_array }[, thisArg])参数分析map方法接受一个回调函数,其...

JS中的深浅拷贝

在说深浅拷贝之前,我们先来了解下面的基础概念JS中的数据类型众所周知~,JS中的数据类型有这几种数据类型 number, string, boolean, null, undefined, object, symbol但是,在这片文中我们不讲这几种类型,我们把上面7中类型分为两类:1 基本数据类型包...

Promise/A+规范实现

class Promise{ constructor(executor){ this.state = 'pending'; this.value = undefined; this.reason = undefined; this.onResolvedCallbacks =...

快速排序

(1)在数据集之中,选择一个元素作为"基准"(pivot)。(2)所有小于"基准"的元素,都移到"基准"的左边;所有大于"基准"的元素,都移到"基准"的右边。  (3)对"基准"左...

代码片段

获取浏览器Cookie的值通过document.cookie 来查找cookie值const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).pop().split(';').shift(); cookie('_ga...

前端性能优化

网络相关1 DNS预解析<link rel="dns-prefetch" href="//xxx.cn" />2 缓存强缓存Expires // HTTP 1.0Cache-Control // 出现于 HTTP / 1.1 优先级高于Expir...