2020年12月_马优晨

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 npm -S -D的区别

npm install XXX -S-s 即--save(生产环境)包名会被注册在package.json的dependencies里面，在生产环境下这个包的依赖依然存在npm install XXX -D-d 即--dev（开发环境）包名会被注册在package.json的devDependencies里面，仅在开发环境下存在的包用-D，如babel，sass-loader这些解析器i 、-S、-D代表什么i 是install 的简写；-S就是--save的简写，–save会将

2020-12-17 17:57:21 511

原创 TS学习总结

（1）编译开发TS可以使用（2）数据类型数据类型主要作用是：方便数据维护和数据校验；布尔类型 boolean数字类型 number字符串类型 string数组类型 array元组类型 tuple枚举类型 enum任意类型 anynull 和 undefinedvoid类型never类型数组的三种写法：var arr:number[] = [11,22,33];console.log(arr);var arr:Arrary<number> =[11,22,33

2020-12-11 10:35:54 4294 4

转载性能优化之图片懒加载

本文在github做了收录 github.com/Michael-lzg…demo源码地址 github.com/Michael-lzg…为什么要进行图片懒加载我们先来看一下页面启动时加载的图片信息。图片懒加载的原理我们先来看下页面结构 <head> <meta charset="UTF-8" /> <title>Lazyload</title> <style> img {

2020-12-09 16:14:46 1088

原创 React Hook “useState“ is called in function xx which is neither a React function component or

如上图报错信息：问题就出现在函数的取名，函数名首字母要大写我的函数名是slider 改为Slider就不会报错了；

2020-12-09 10:55:49 1989

原创 react 条件渲染

在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。React 中的条件渲染和 JavaScript 中的一致，使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素，然后让 React 根据它们来更新 UI。（1）元素变量你可以使用变量来储存元素。它可以帮助你有条件的渲染组件的一部分，而输出的其他部分不会更改。if (isLoggedIn) { button = <LogoutButton onC

2020-12-07 10:28:47 169