自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

不忘初心,坚定道路!

记录学习历程与解题思路

  • 博客(8)
  • 资源 (3)
  • 问答 (1)
  • 收藏
  • 关注

原创 【linux】linux常用命令学习笔记(一)

前言我现在感觉目前短板就是shell脚本那些,必须好好补一下。记录下常用操作备忘。目录规则常见目录/ 根目录/boot 启动目录,启动相关文件/dev 设备文件/etc 配置文件/home 普通用户的家目录,可以操作/lib 系统库保存目录/mnt 移动设备挂载目录/media 光盘挂载目录/misc 磁带机挂载目录/root 超级用户的家目录,可以操作/tmp 临时目录,可以操作/proc 不能直接操作,保存的是内存的挂载点/sys 不能直接操作,保存的是内存的挂载

2020-06-24 21:27:11 194

原创 【React】用了connected-react-router一定要让一个组件用withRouter或者Route包裹才能获取路由方法?

前言有个小伙伴发问:为什么一个组件要用withRouter包裹?不是使用了connected-react-router把路由信息存到store了吗?我仔细一想,觉得很有道理,其实确实可以不通过withRouter包裹获取history方法。前置知识我们知道,withRouter其实相当于<Route component={xxxx}/>,而最上层是被Router包裹的,为此有基于Router制作的各种增强版Router。connected-react-router就是其中之一,它可

2020-06-21 00:02:18 2754 1

原创 【React】FontAwesomeIcon按需引入TreeShaking攻略

前言最近写组件库用了这玩意,但是实验发现并不能treeShaking掉,于是来详细探究下其中原因。测试代码首先使用未按需引入的图标进行实验(按需引入是默认导出+@fortawesome/free-solid-svg-icons/xxx)。import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";import { faCoffee } from "@fortawesome/free-solid-svg-icons";

2020-06-18 02:09:27 748 1

原创 【javascript】前端监控学习笔记(二)

前言上一篇主要说了脚本错误捕获,资源加载错误捕获,和promise捕获。本篇记录下接口异常捕获、白屏监测、加载时间、性能指标,卡顿指标,pv。接口异常捕获原理重写xmlhttprequest的open和send方法,使其在上报前进行标记和计时,监听其load、error、about事件,当发生相应的事件进行上报。注意!open事件中进行标记xhr需要排除上报url,否则会发生无限循环。axios同理,可以进行自行封装。排除上报地址后,对应的计时监测和上报。export default

2020-06-17 00:25:10 513

原创 【javascript】前端监控学习笔记(一)

前言监控不会,线上嗝屁,赶紧记录下。埋点方案代码埋点嵌入代码形式进行埋点,比如点击事件,在点击时插入一段代码发给服务端,缺点工作量大。可视化埋点将业务代码和埋点代码分离,提供可视化交互页面,在业务代码中自定义增加埋点事件,最后输出的代码耦合了业务代码和埋点代码。缺点是灵活性低。无痕埋点前端任意事件都记录下来,进行上传。优点是采集全量数据,不会出现漏埋误埋。缺点是给数据增加传输和服务器压力。基础原理使用window.addeventListener监听error事件。

2020-06-15 19:32:45 293 1

原创 【React】警惕加入动画导致因key产生的渲染错误

前言我这次写个多选框,多选框其实挺好写的,但是如果要加入动画效果,那就有点不太好搞了。做这个动画,还犯了个key的错误,导致渲染错误,让我想记录下来。多选框原理先说下我的多选框原理,为了后面读者可以了解这个key的错误到底怎么发生的。正常不带动画的多选框,就是有个状态去记录传来data的索引,然后有个状态根据索引记录要渲染的data,这样当选中一个data,那么这个data会记录到索引,然后索引改变后就改变state,再根据state改变渲染结果。而选中删除则是获取了选中的元素索引,匹配到索

2020-06-10 15:22:23 440

原创 【工具配置】GitHub Packages的发包

前言这个配了我半天,记录下吧。流程首先,GitHub Packages只支持作用域包,所以一开始的包名需要改一下,叫@xxxx/yyyy。最好先发布下,看能不能发布成功,如果发布失败,那就使用命令npm publish --access=public进行发布,让作用域包先能发布成功。代码提交上传至github就不说了。然后点击packages,第一步有个配置,先在package.json里配上: "publishConfig": { "registry": "https://n

2020-06-09 03:54:38 766 1

原创 【React】手写并封装受控组件自定义hook表单验证器(附组件库线上体验地址)

前言有小伙伴说写组件库封装表单没有思路。我一开始感觉确实有点不太好写,如果自己写了自己用也就算了,做成封装给别人用的那考虑东西就有点多。后来有人发了个react-hook-form的仓库,我一看,这种利用自定义hook做验证的思路很不错啊,于是自己手写个。组件库线上体验地址https://github.com/yehuozhili/bigbear-ui原理react-hook-form的使用方式需要拿到组件实例,对于我的组件库基本都是用函数组件写的且并未用forwardRef包装的轻量级

2020-06-05 07:34:37 1373

win32-x64-51_binding.node

用于解决node gyp安装失败,sass安装失败等情况,需要设定环境变量:set SASS_BINARY_PATH=D:\win32-x64-51_binding.node

2021-10-26

textures.zip

threejs制作地球的材料图片 云 地球 背景 threejs制作地球的材料图片 云 地球 背景

2020-12-10

rtsp地址转websocket去网页显示

rtsp地址转websocket去网页显示 其中需要ffmpeg jsmpeg等。利用ffmpeg转码灌输给websocket,客户端通过websocket接收流,然后使用jsmpeg播放

2020-11-16

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

TA关注的人

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