自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 利用stylish简化B站UI,减少注意力干扰

利用stylish简化B站的UI,减少注意力干扰

2023-12-30 15:30:52 613

原创 2023年终总结

今年看了很多个人成长的书,我觉得对我最直接的影响就是两点:1、尝试借助事件+时间记录软件记录每天的内容,开始管理我的精力;2、对学习方法祛魅。之前我最大的一个问题就是很喜欢在做事前找系统的方法论,学习时也是非得先看个“高级”的学习方法,沉迷于术的学习。今年我自己感悟最大的点就是回归了简单的学习习惯,学习只有两个步骤:找到学习的内容+开始学,让大脑自己去寻找学习舒适的点和不适的点,确保学有所成后再看是否有必要改进学习方法。明年的愿望就是公考能过。

2023-12-28 20:06:46 387

原创 React forwardRef相关总结

React forwardRef相关总结一句话概括:React 使用 forwardRef 完成 ref 的转发。一、React forwardRef 简介没有使用forwardRef时,父组件传入子组件ref属性,此时ref指向的是子组件本身。如下所示:class Child extends React.Component { render() { return ( <div> <button>点我</button>

2021-03-11 16:16:49 8487 2

原创 实现g2柱状图翻页显示数据的功能

实现鼠标和触屏拖拽g2柱状图翻页显示数据的功能背景在做看板项目时,视觉想要实现如下的柱状图效果需要做到几个交互点:一页只显示部分内容,支持翻页查看其它数据。右侧需要有个蒙层(或者按钮)提示用户还可以翻页,翻到底部或者数据只有一页时不显示遮罩。翻页的动作由鼠标拖拽或手指触摸触发。为了实现上述功能点,我们需要 g2 提供或自己手动实现以下相应的需求:能够分页展示数据能够监听鼠标和手指拖拽事件,控制页数变化,然后触发图表绘制当前页。能够获取到当前页码和总页数,判断是否显示遮罩和是否已翻

2021-01-27 12:05:18 1443

原创 【可视化-柱形图】antv实现柱状图的相关记录

柱形图(基于 4.x 版本 g2)简介g2 文档较为简略,实现具体功能时花费了较多的时间,所以写一份相关的记录,记录一些常见的功能配置和 hack 配置一、表配置-ChartConfigconst chart = new Chart(props: ChartCfg);手册详细参数见官方文档,这里只举例说明可以配置滚动条的样式。常规属性宽度:chartConfig.width高度:chartConfig.height容器:chartConfig.container自定义滚动条样式通过

2021-01-07 12:04:38 1758

原创 记录 HTTP 压缩引起的 Node 请求乱码的问题

记录 HTTP 压缩引起的 Node 请求乱码的问题HTTP 压缩的定义Web 服务器和浏览器之间压缩传输的”文本内容“的方法。HTTP 压缩的过程(以 gzip 为例)浏览器发送:发送请求,请求头携带Accept-Encoding: gzip服务器接收:接收请求,生成原始 Response,包含 Content-Type 和 Content-Length服务器压缩:使用 gzip 压缩 Response,编码后 header 中的 Content-Length 为压缩后的大小服务器发送:发

2020-12-21 09:47:35 265

原创 WebpackLibrary和LibraryTarget详解

webpack的output.libraryTarget有多种参数,每种参数都会影响最终编译后的文件。笔者在下文中,将结合实际编译完成后的文件,介绍libraryTarget对源代码的实际影响。主要分为三类:暴露为一个变量通过对象属性暴露更符合模块定义系统其他文件在导入webpack编译后的文件时,首先会调用webpack编译后的模块系统,构建模块,然后返回该模块。简化后的代码如下:--- webpack编译后的文件:dist/index.js// 构建模块函数function a()

2020-12-11 12:22:19 6361 2

原创 Mobx初探

一、前言本文是笔者在看了 frontendmaster 的状态管理课程之后,对 mobx 进行的初步学习的总结。二、Mobx 简介mobx 是社区内使用的较为常见的一种状态管理库,mobx 官网称其通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展mobx ...

2019-04-23 08:53:33 196

原创 React项目自定义滚动条的方案回顾

更改原生样式chrome提供了良好的css接口,用于更改原生滚动条的样式,主要是下面两个:::-webkit-scrollbar //滚动条整体部分,可以设置宽度啥的::-webkit-scrollbar-thumb //滚动的滑块虽然基本实现了设计稿的样子,但这里会有两个问题无法实现:设计稿中要求滚动条距离右边边框有4px间距滚动条要悬浮于内容之上firefox:无接口,任性...

2019-02-16 15:04:42 5943 1

原创 文件下载与拖拽上传

笔者在业务中碰到了需要下载示例和拖拽上传并实现进度条的功能,针对过程中遇到的问题,笔者进行了相应的总结。需求页面中增加下载示例按钮实现一块区域能够拖拽上传word文件,限制文件大小2MB和文件类型,能显示进度条,同时支持取消上传。文件下载业务中要求的是示例放在静态文件夹中,并不需要请求后台。针对这种场景,笔者将介绍三种方法,分别是window.open,form表单提交以及a标签下载...

2018-11-20 17:02:22 398

原创 React中使用UEditor

前言本文将介绍笔者在React的项目中使用百度的富文本编辑器Ueditor的过程。注意本文不提供一条龙式的使用方法,只是将使用过程中的一些实现思路进行总结,供以参考。react项目中导入ueditor,会存在各种不正交的问题,需要注意。引入首先在ueditor官网下载最新安装包,然后在项目入口的html中导入(导入方式不一,可以采用import的方式,需要自行度娘。但是无论哪种引入...

2018-08-24 17:20:27 7067

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除