随笔分类 -  js

数据类型
摘要:Number、String、Boolean、Null、undefined、object、symbol、bigInt。 判断数据类型 Object.prototype.toString.call 原理:调用了Object原型对象的tostring方法 typeof 运算符返回一个用来表示表达式的数据类 阅读全文
posted @ 2021-01-07 13:07 小白学前端 阅读(79) 评论(0) 推荐(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) 推荐(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) 推荐(0) 编辑
project-libs 一款常用函数集锦
摘要:project-libs 是一个常用函数集锦的工具库,包括浏览器、函数式、常用验证、cookie、数组处理等函数。 https://github.com/cpagejs/project-libs 阅读全文
posted @ 2020-12-16 16:48 小白学前端 阅读(211) 评论(0) 推荐(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) 推荐(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) 评论(0) 推荐(2) 编辑
单例模式
摘要:单例模式: 保证一个类只有一个实例,一般先判断实例是否存在,如果存在直接返回,不存在则先创建再返回,这样就可以保证一个类只有一个实例对象。 作用: (1)、保证某个类的对象的唯一性; (2)、模块间通信; (3)、防止变量污染 1 function Singleton(name) { 2 this. 阅读全文
posted @ 2020-06-18 11:54 小白学前端 阅读(184) 评论(0) 推荐(0) 编辑


点击右上角即可分享
微信分享提示