it_varlue的博客

原创 # Vue性能优化（超级详细版）

vue懒加载。vue代码切割,vue图片懒加载.vue各种性能优化

原创 react性能优化篇

React性能优化的方法有哪些？ React中使用shouldComponentUpdate的原因是什么？

原创 # 微信小程序教程 (附带配置文件代码)

小程序审核流程。配置文件事例。小程序轮播图演示。

原创 前端 react教程（详细版）

前端面试 react基础教程 。 类组件与函数组件区别。state与props区别.useCallback与useMemo区别.react生命周期。 高阶组件。reactHooks

原创 UIApp教程（全网最详细的教程来啦）

uiapp进阶，UIapp基础。UIapp动画等等超详细快来订阅吧～

原创 前端vue 教程（详细版）

vue基础知识.vue生命周期.vue动画使用.vue路由配置和懒加载.vuex的使用.vue的插件库.

原创 fetch 处理后端流文件 返回直接打开下载

前端处理后端数据流下载

原创 antd RangePicker 设置禁用时间。 最长可以选择12个月

const datadisabledDateMonth = current => { const time = monBegin || moment().startOf('year') const result = moment().add(12, 'month') .diff(moment(time), 'month'); // 计算选中日期和今天之后29天的日期差 const days = moment(time) > moment() ? result ...

原创 echarts 横向柱状图 不带进度条 最大值为最长的一条

这种效果 。 后面的数据可以带 可以不带。先上代码import React, { Component, useState, useEffect, useMemo } from 'react';import * as echarts from 'echarts';import { DatasetComponent, GridComponent, VisualMapComponent } from 'echarts/components';import { BarChart } from ...

原创 用Echarts写水波球并且附带外环

这种效果 外环随着数据的变化而变化话不多说 上代码Api 解释他的type类型要是type: 'liquidFill', 这种就是形成了水波球。radius：是可以控制水波图的整个在div里占比大小的。backgroundStyle： 设置水波球的背景颜色 ， 和填充色不一样。label: 标题 就不显示了 我这边没删代码 用的副标题 感觉副标题好用一些。color 就是填充的颜色 他这个可以选渐变 colorStops 这个是设置渐变色的。其他的这些配置 如果要求都是...

原创 react中让导航栏粘性定位

首先用到 react - sticky 这个插件先下载npm i -S react-sticky第二步在我们想要用到的地方引入这是效果图 ,往扒拉的时候 这个导航栏一直在上面因为我用了antd组件 所以是写了renderTaBar = ( props , 以及默认的样式) 然后修改之前引入的sticky 就在这里使用 然后写你 是要距离底部还是顶部的时候生效 bottomOffset 或者是topOffset={80} , 然后写样式, 就...

原创 react中的immutable 以及用法

目录一、 immutable 是什么？二、使用步骤1.引入库2.读入数据总结提示：以下是本篇文章正文内容，下面案例可供参考一、 immutable 是什么？Immutable.js出自Facebook，是最流行的不可变数据结构的实现之一。它实现了完全的持久化数据结构，使用结构共享。所有的更新操作都会返回新的值，但是在内部结构是共享的，来减少内存占用(和垃圾回收的失效)。持久化数据结构：这里说的持久化是用来描述一种数据结构，指一个数据，在被修改时，仍然能够保持..

原创 React 中开发的常用的依赖包以及组件库

原创 react 做todolist ， 数据持久化

import{React,Component}from'react'import'./todos.css'classTodosextendsComponent{state={inputValue:'',todos:[{title:'learnReact',done:false,id:Date.now()},{...

原创 2021-05-14

Js中数组去重的几种方法 现在的几种方法适合JS学到数组的使用，大家自行看并且挑选适合自己的。一般来说面试题都会让写出几种方法，可以自行添加数据套用。第一种，通过sort排序来实现，因为会产生数组塌陷所以最后用i--第二种 设置空数组来承接第三种 for while循环第四种第五种 双重for循环第六种第七种...