基于React的自定义ToolTips浮层组件编写基本思路 本文要实现自定义浮层组件，基于React框架实现。目标是实现类似于一个按钮或者图标，鼠标hover上去后，弹出一个提示浮层，位置在图标附近。同时鼠标移动到浮层后，浮层不会消失。鼠标移开图标或浮层，浮层消失。 实现步骤 借助Re…2024年2月22日·815 字·3 分钟新知笔记前端技术React前端ToolTips
JS自定义debounce函数实现防抖背景 有时候在实现输入框即时搜索时，根据输入的内容的变化调用接口获得搜索内容。但是如果不做防抖处理，会导致频繁调用后端接口，达不到理想的效果。当然，防抖可以用在其它很多方面。 代码实现 直接上代码 主要原理就是通过定义一个debounce…2023年12月12日·222 字·1 分钟新知笔记前端技术javascript前端debounce
javascript前端为pdf添加水印教程场景：前端下载 pdf 文件的时候，需要加上水印，再反给用户下载 用到的库：pdflib 文档 @pdflib/fontkit 字体：github 方案目标：logo图 + 中文 + 英文 + 数字 = 透明水印 …2023年10月24日·1565 字·6 分钟新知笔记前端技术javascript前端pdf
使用js和React Hook时的过时闭包问题及解决方案1. JS 中的闭包 下面定义了一个工厂函数 createIncrementi，它返回一个increment函数。之后，每次调用increment函数时，内部计数器的值都会增加i。 createIncrement1 返回一个增量函数，该函数…2023年10月20日·1764 字·6 分钟新知笔记前端技术javascriptReact过时闭包
基于React的前端日历组件编写教程前言 前端日历组件可以在很多组件库中找到，但是如果有一些更加自定义的需求，那么就需要我们从0开始写一个全新的日历组件，这样的话自定义更加方便一些。 思路 首先，我们的日历要借助js的date相关的方法。比如 1. 当前月份的第一天: co…2023年9月25日·531 字·2 分钟新知笔记前端技术React前端日历
Vue使用axios下载文件的方法axios 请求头部加上responseType='blob' 后端代码响应头部需要设置AccessControlExposeHeaders头部信息，把你需要获取的头部属性字段设置在这个值里面前端响应部分就可以获取，否则不可无法获取（多个用…2022年9月15日·152 字·1 分钟新知笔记前端技术vue前端html
9月8日vue学习笔记vuex状态管理 当写vue项目时，当涉及到频繁的组件之间的数据通讯、一个组件需要多次派发事件时，我们的代码就会变得复杂、冗余、难以维护。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。我们可以把一些共享的数据保存至v…2022年9月8日·1199 字·4 分钟新知笔记前端技术vue前端html
9月7日vue学习笔记vue脚手架 安装后，进入脚手架目录 项目结构 altmd01.png main.js 解析 index.js 路由 login.vue router/index.js 路由模式 路由配置项 altmd02.png altmd03.p…2022年9月7日·714 字·3 分钟新知笔记前端技术vue前端html
9月6日vue学习笔记api接口 altmd01.PNG altmd02.PNG 示例：通过refs获取对象 结果:控制台输出 组件的通信 发布订阅者模式 用于定义发布者对象与订阅者对象的一对一或一对多的关系，当发布者对象状态发生改变时，所有依赖于它的订阅者…2022年9月6日·1401 字·5 分钟新知笔记前端技术vue前端html
9月5日vue学习笔记模板语法 关键字：template 模板template内的内容对app内的内容进行全部覆盖，所以显示效果为长春加油 ES6新语法 用替代''，可以在句中直接进行换行 rander rander:新建一个元素，上述例子则是新建了一个…2022年9月5日·1428 字·5 分钟新知笔记前端技术vue前端html
