数据类型
摘要:Number、String、Boolean、Null、undefined、object、symbol、bigInt。 判断数据类型 Object.prototype.toString.call 原理:调用了Object原型对象的tostring方法 typeof 运算符返回一个用来表示表达式的数据类
阅读全文
posted @
2021-01-07 13:07
小白学前端
阅读(79)
推荐(0) 编辑
利用IntersectionObserver实现图片懒加载
摘要:1 import {useEffect} from 'react'; 2 let observer; 3 export default function useObserverHook(ele,callback,watch=[]) { 4 useEffect(()=>{ 5 const node=d
阅读全文
posted @
2020-12-18 17:20
小白学前端
阅读(188)
推荐(0) 编辑
think-react-store
摘要:think-react-store 基于 react hooks 和 context api 实现的类似的 redux 的数据管理库。支持数据存储,方法调用,可以在 class 组件和 function 组件中使用,支持同步和异步的方法调用。 https://github.com/cpagejs/t
阅读全文
posted @
2020-12-16 17:18
小白学前端
阅读(241)
推荐(0) 编辑
project-libs 一款常用函数集锦
摘要:project-libs 是一个常用函数集锦的工具库,包括浏览器、函数式、常用验证、cookie、数组处理等函数。 https://github.com/cpagejs/project-libs
阅读全文
posted @
2020-12-16 16:48
小白学前端
阅读(211)
推荐(0) 编辑
一些优化(1)
摘要:1.去除无用的样式 程序中引入的css中某些类没有用到,但是打包仍会打包进来,我们当然不想看到他,那该怎么做呢? 安装: 1 npm i purgecss-webpack-plugin glob -D webpack.config.js中引入 1 // 去除无用的样式 2 const glob =
阅读全文
posted @
2020-07-28 16:39
小白学前端
阅读(160)
推荐(0) 编辑
webpack-bundle-analyzer插件的使用方式
摘要:webpack-bundle-analyzer打包文件分析工具 这是一个webpack的插件,需要配合webpack和webpack-cli一起使用。这个插件的功能是生成代码分析报告,帮助提升代码质量和网站性能 1 npm install --save-dev webpack-bundle-anal
阅读全文
posted @
2020-07-27 16:29
小白学前端
阅读(3661)
推荐(2) 编辑
单例模式
摘要:单例模式: 保证一个类只有一个实例,一般先判断实例是否存在,如果存在直接返回,不存在则先创建再返回,这样就可以保证一个类只有一个实例对象。 作用: (1)、保证某个类的对象的唯一性; (2)、模块间通信; (3)、防止变量污染 1 function Singleton(name) { 2 this.
阅读全文
posted @
2020-06-18 11:54
小白学前端
阅读(184)
推荐(0) 编辑