摘要：
一、创建项目 使用npx create-react-app (项目名) --template typescript 创建项目 ①如果App.tsx文件有如下报错: （没有报错的请忽略） 需要将tsconfig.json文件里的 "jsx": "react-jsx" 配置改为 "jsx": "reac 阅读全文
摘要：
callback 回调是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。通俗的讲就是 B函数被作为参数传递到A函数里，在A函数执行完后再执行B。 promise Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大，ES6规定，Promi 阅读全文
摘要：
Array.of()方法的使用: Array.of()方法用于将一组数值转换为数组，举例: const a = Array.of(2,4,6,8); console.log(a); // [2,4,6,8] const b = Array.of(1); console.log(b); // [1] 阅读全文
摘要：
在react项目中，将关键字高亮显示 ： 首先封装一个方法，只需要传入（'要检索的内容','检索的关键字','给内容中的关键字加上的有特殊标记的标签名'）这三个参数即可高亮显示关键字。详见:https://segmentfault.com/a/1190000017433594 如何调用: 效果展示: 阅读全文
摘要：
什么是jsonp ： Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。 为什么我们从不同的域（网站）访问数据需要一个特殊的技术( JSONP )呢？这是因为同源策略。 同源策略，它是由 Netscape 提出 阅读全文
摘要：
一、react-hooks概念 React中一切皆为组件，React中组件分为类组件和函数组件，在React中如果需要记录一个组件的状态的时候，那么这个组件必须是类组件。那么能否让函数组件拥有类组件的功能？这个时候我们就需要使用hooks。 Hooks让我们的函数组件拥有了类似类组件的特性，Hook 阅读全文
摘要：
做一个功能如下图，随机生成100个大小、颜色随机的小球。点击开始运动的时候，小球开始运动，然后点击停止运动的时候，小球停止运动。 点击旁边的白色或者黑色，则背景颜色变为相应的颜色。 HTML部分: <body> <div id="canvas-wrapper"> <canvas id="canvas 阅读全文
摘要：
我们在某些网站上肯定看到过这样一种现象，页面上图片只有你滚动到那个位置附近的时候才会加载，否则就只占了个位，这就是延迟加载最普遍的应用场景。我们react框架进行开发的时候也是一样，没有使用的组件是完全没必要加载的。 说道代码拆分就不得不说一个关键字:import 。 使用import动态导入模块。返回一个promise。如果在代码中动态导入一个模块， 那么webpack就会做一次代码拆分。把im... 阅读全文
摘要：
fillStyle的第二种使用情况就是渐变色的填充。渐变色就分为线性渐变色和径向渐变色。 线性渐变:大致分为两步 这里又会使用到canvas的两个新的函数。 第一步 : 使用一个新的函数createLinearGradient( xstart，ystart,xend,yend ); var line 阅读全文
摘要：
上一篇介绍了Context的使用方法。但是Context会让组件变得不纯粹，因为依赖了全局变量。所以这决定了Context一般不会大规模的使用。所以一般在一个组件中使用一个Context就好。 由于Consumer的特性，里面的代码必须是这个函数的返回值。这样就显得复杂与不优雅了。那该怎么解决呢？这 阅读全文