记录美好生活

原创 uniapp自定义目录tree（支持多选、单选、父子联动、全选、取消、目录树过滤、异步懒加载节点、v-model）vue版本

uniapp自定义目录tree（支持多选、单选、父子联动、全选、取消、目录树过滤、异步懒加载节点、v-model）vue版本

原创 所有文件转base64（vue3+element-plus的upload组件）

在 Element Plus 的 Upload 组件中，可以通过。钩子将文件转换为 Base64 格式。

原创 使用css变量实现更改字体大小功能（vue3为例）

使用css变量实现更改字体大小功能

原创 Vue项目打包上线屏蔽console.log信息

解决上线后控制台大量的打印信息。

原创 uniapp强制横屏、竖屏，强制关闭打包后app打开一直转圈问题

uniapp强制横屏、竖屏，强制关闭打包后app打开一直转圈问题。

原创 uniapp应用之间跳转以及传参接受参数

uniapp应用之间跳转以及传参接受参数。

原创 URL图片转base64使用，截图截不到的问题

的API转化成base64。

原创 el-tabs标签过多

el-tabs标签过多问题

原创 前端文件转为base64

【代码】前端文件转为base64。

原创 前端Base64在线预览pdf（vue3）

大多数现代浏览器都支持通过Data URL展示PDF文件，但在某些旧版浏览器或特定的浏览器配置下可能不支持。这是告诉浏览器这是一个PDF文件，并且内容是Base64编码的。：在实际应用中，你应该添加错误处理逻辑来处理网络错误、数据解析错误等。：确保你有一个有效的Base64编码的PDF字符串。是一个占位符，你应该用实际从后端获取的Base64字符串替换它。函数来异步获取Base64数据。在实际应用中，你应该使用。：在上面的示例中，我使用了一个模拟的。的样式，比如宽度、高度和边框等。：你可以根据需要调整。

原创 Vue兄弟组件之间通信（Bus）

vue3兄弟组件通信

原创 Bus事件总线（组件通信方式之一）

总之，正确合理地使用 Bus 事件总线可以极大地提高前端应用的可维护性和可扩展性，但也需要注意上述的一些要点，以确保其稳定和高效的运行。Bus 事件总线是前端开发中用于实现组件之间解耦通信的一种机制。它允许不同的组件在无需直接了解彼此的情况下进行消息传递和交互。可以使用一个简单的对象或者类来创建事件总线。在需要接收事件通知的组件中，使用。方法触发事件并传递相关数据。事件命名的唯一性和可读性。方法订阅特定的事件。

原创 投掷骰子html

【代码】投掷骰子html。

原创 table冻结表头

【代码】table冻结表头。

原创 Vue3封装实现的防抖和节流函数

防抖节流

原创 根据屏幕适配rem

rem适配

原创 Div元素中心拖拽旋转（两种方式）

旋转 atan2

原创 JS在两个（或更多）元素之间绘制线或带箭头的线

JS在两个（或更多）元素之间绘制线或带箭头的线 svg实现

原创 JS常用的API

js常用的API

转载 Vue3+ts实现一个颜色选择器(可以自定义)

颜色选择器，Vue3，ts，自定义

原创 前端利用canvas截图

前端利用canvas截图。

原创 文字添加样式以及鼠标插入显示样式（类office）

文字添加样式以及回显（类office）

原创 鼠标拖动元素实现移动滚动条+实战

鼠标拖动元素实现移动滚动条+实战。

原创 react中useState、useRef之间的区别

useRef useState

转载 Webpack vs Vite的核心差异

webpack vite

原创 防抖和节流原理及应用场景

防抖节流

转载 前后端数据交互——fetch 请求详解

fetch

原创 React中,this漂移

this漂移

原创 JS逻辑算法程序题

在JavaScript中，我们可以使用Array.prototype.flat()方法来实现数组的扁平化。在这个例子中，我们使用了.flat(Infinity)来确保无论数组有多深，都能被完全扁平化。如果你只想扁平化到特定的深度，你可以传递一个整数参数给.flat()方法，例如.flat(2)将只扁平化到两层深。

原创 JS的回流、重绘、防抖、节流

回流、重绘、防抖、节流

原创 关于js的一些问题

定期的，垃圾回收器将从根开始，找所有从根开始引用的对象，然后找这些对象引用的对象。垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。这是最简单的垃圾收集算法。同步：浏览器访问服务器，用户看到页面刷新，重新发请求，等请求完，页面刷新，新内容出现，用户看到新内容之后进行下一步操作。作用域链的原理和原型链很类似，如果这个变量在自己的作用域中没有，那么它会寻找父级的，直到最顶层。

原创 jQuery总结

原创 JS总结~

原创 HTML5高级

原创 关于JS面试题

这里的同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议。我们举例说明：比如一个黑客程序，他利用 Iframe 把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名，密码登录时，他的页面就可以通过 Javascript 读取到你的表单中 input 中的内容，这样用户名，密码就轻松到手了。这时这些本来是严格模式的文件，被 merge 后，这个串就到了文件的中间，不仅没有指示严格模式，反而在压缩后浪费了字节。事件委托是指将事件绑定目标元素的到父元素上，利用冒泡机制触发该事件。

原创 关于Vue的面试题

Vue

原创 面向对象OOP

封装 继承 多态

原创 CSS基础~（1）

important>行内样式>ID>(类选择器=伪类选择器)>标签名选择器>通用选择器>继承。当多个不同的选择器选中同一个元素，发生冲突时，如果设置了不同的样式会叠加效果同时生效。选中元素后面紧挨着的相邻兄弟元素——不要前面的，也不要有间隔的，也就是最多选中1个。在CSS中，有一些属性是具有继承特性的，也就是父元素的CSS属性会传递到子元素上。我们可以给指定元素的前面/后面添加内容，还可以对添加的内容进行样式设置。% 百分比，指的是占父级元素的尺寸占比，参考的是父级元素的大小。

原创 HTML基础~(3)

footer> 定义网页的底部或者某个区域的底部 15:06。需要此样式的html页面在自己的head标签中使用link标签引入该外部样式即可。在html文件中head标签里写style标签，style标签中的就是内部样式。选中某类特定的HTML元素，选择器的名字就是标签的名字，注意标签名不加尖括号。 定义网页的头部或者某个区域的顶部。“假的类”—伪类的名字不可以自定义，是固定的，表示选中某个时刻/状态。

原创 HTML基础~（2）

列表 表格 表单 input控件 input