前端学习日记 - 前端函数防抖详解
前端函数防抖详解
为什么使用防抖
函数防抖的应用场景
函数防抖原理与手写实现
原理
手写实现
使用 Lodash 的 \_.debounce
完整示例：防抖搜索组件
结语
在现代 Web 应用中，函数防抖（debounce）是一种常见且高效的性能优化手段，用于限制高频事件触发下的函数调用次数
前端
3种前端文件下载的方式
前端下载有两类，一类是直接让浏览器接管的（点击a链接触发），另一类是先在内存里下载好（blob），然后调用浏览器的保存。
1.window.open
我最初使用的方法就是这个，只要提供了文件的服务器地址，使用window.open也就是在新窗口打开，这时浏览器会自动执行下载。
2.a标签
其实window.open和a标签是一样的，只是a标签是要用户点击触发，而window.open可以主动触发
前端界面生成PDF并导出下载
最近，公司后台管理系统有个项目需求，将前端定义好的界面导出PDF文档。我查阅很多文档，发现可以使用html2canvas、jspdf来完成。也可以通过jspdf来绘画PDF文档
思路： 通过 html2canvas 将 HTML 页面转换成图片，然后再通过 jspdf 将图片的 base64 生成为 pdf 文件
1、安装
npm install html2canvas --save
np
【GitHub周榜】Agno：快速构建多模态智能体的轻量级框架，开发提速 10000 倍
系列篇章💥
No.
文章
1
【GitHub周榜】OpenHands：AI赋能，软件开发效率狂飙10倍
2
【GitHub周榜】Agno：快速构建多模态智能体的轻量级框架，开发提速 10000 倍
目录
系列篇章💥
前言
一、项目概述：轻量级框架，开启智
Vue WanAndroid项目
基于Vue 搭建的WanAndroid项目 供参考
项目中API均来源于：www.wanandroid.com
项目运行：
1.克隆项目至本地
2.npm install
3.npm run dev
项目架构：
Vue版本： V2.5.2
UI：html5 + css3 + vant2
列表刷新：vuejs-loadmore
网络请求： axios
数据持久化：js-cookie
屏幕适配：f
【Docker】Docker基础
目录Docker简介什么是虚拟化、容器化案例为什么要虚拟化、容器化？虚拟化实现方式应用程序执行环境分层虚拟化常见类别虚拟机容器JVM之类的虚拟机常见虚拟化实现主机虚拟化(虚拟机)实现容器虚拟化实现容器虚拟化实现原理容器虚拟化基础之NameSpaceNameSpace空间隔离实战基础知识实战操作一（PID隔离）实战操作二（Mount隔离
Vue模板里有哪些语法
在这里，我们说模板就是特指表示HTML结构的字符串，英文来说就是 template
一、展示内容
1、表达式
{{ object.a }} // 表达式
{{ n+1 }} // 可以写任何运算
{{ fn(n) }} // 可以调用函数 （一般在methods里面找到函数且调用）
如果值为 undefined 或 null 就不显示，这是经过Vue处理的
另一种写法为
<div v-
创建自定义的 Angular 模块
在之前的一篇文章中，我们知道，从组件的角度看，一个 Angular 应用可以看作是按树形结构组织的组件集合。组件树的根结点，是主组件，作为全局组件的占位符，可以包含其他功能组件及其子组件。
在 Angular 应用中，一个组件会承担一个应用功能的一部分职责。换句话说，一个应用功能会分解为若干个组件共同去完成。基于组件去管理 Angular 应用，如果业务复杂，组件过多，粒度会显得过细，难于管理。
