- 博客(21)
- 收藏
- 关注
RSS订阅原创 人工智能学习方向
说到权威视频，我个人非常推荐知乎知学堂的 AI 大模型公开课，里面有AI 大模型的介绍性入门，给你讲解GPT 的核心原理、模型架构，以及LangChain、Fine-tune技术，带你全程体验体验微调过程，这个学完你立马就能找个项目去跑上面的流程，非常推荐，入口就在下面，现在是免费的，直接听就可以↓🔥技术岗高薪必学：AI大模型技术原理+应用开发+模型训练。如果你不能熟练的使用某一个 AI 的编程框架，那你怎么来验证你的想法是不是对的，是不是有用的，是不是真的能超过人类呢？你做的对不对，好不对，全看它了。
2025-04-03 10:22:39
592
原创 前端实现画中画超简单，让网页飞出浏览器
这样，你就可以在用户操作时，做出相应的反馈，比如显示提示或执行其他操作。如果是只需要将视频实现画中画功能，视频画中画 (Picture-in-Picture) 的兼容性会好一点，但是它只能将。可以直接点右上角关闭PIP窗口，如果我们想在代码中实现关闭，直接调用window上的api就可以了。首先，我们随便写一个简单的 HTML 页面，后续的 JS 和样式都会基于它实现。我们会发现我们把原始元素传入到PIP窗口后，原来窗口中的元素就不见了。为了方便，我们可以直接把之前的网页的css样式全部赋值给画中画。
2025-04-02 09:19:24
558
原创 es6语法提升
定义函数的时候使用运算符(...)，会将传过来的多余参数合到一起。（4）内部属性为对象进行展开——内部对象不会展开。3. 展开运算符和剩余参数运算符的区别。永远是个数组，即使没有值，也是空数组。（2）合并对象——属性各不相同。（3）合并对象——包含相同属性。（5）数组作为参数进行传递。（6）将类数组转换为数组。3. 数组与对象合并使用。一、 ...的两种含义。二、 ...的用法举例。1. 剩余参数运算符。
2025-04-01 09:23:40
1130
原创 vue的10种组件间通信方式
refs获取子节点引用直接操作，在父组件中用this.refs获取子节点引用直接操作，在父组件中用this.refs获取子节点引用直接操作，在父组件中用this.slot-scope属性弃用，作用域插槽通过v-slot:xxx="slotProps"的slotProps来获取子组件传出的属性。slot属性弃用，具名插槽通过指令参数v-slot:插槽名 的形式传入，可以简化为 #插槽名。展开 派发数据: 父组件中绑定数据进行派发 场景2 父子传参 接收数据: 子组件中。派发数据: 父组件中绑定数据进行派发。
2025-03-28 11:01:14
925
原创 vue3打印解决方案 Vue-Plugin-HiPrint
一旦您创建了打印模板，您可以在您的 Vue 组件中使用 Vue-Plugin-HiPrint 来触发打印操作。首先，先要在项目的index.html文件中引入print-lock.css样式文件，这个文件在node_modules/vue-plugin-hiprint/dist/目录。Vue-Plugin-HiPrint 使用 HiPrint 作为底层打印引擎，它支持使用 HTML 和 CSS 创建高度自定义的打印模板。安装完成后，您需要在您的 Vue 项目中引入 Vue-Plugin-HiPrint。
2025-03-24 10:55:50
603
原创 左右菜单联动
对上面的代码进行优化重构--因为有一些代码是重复使用的比如 const query = uni.createSelectorQuery().in(this);滚动右侧内容-左侧菜单栏跟着联动到对应菜单栏项。给分类页匹配加载动画效果。
2025-03-21 16:12:06
579
原创 替换if判断
此技巧尝试避免使用switch语句，相反是用键/值创建一个映射并使用一个函数访问作为参数传递的键的值。多态性是对象具有多种形式的能力。OOP中多态性最常见的用法是使用父类引用来引用子类对象。我们知道在JS中函数是第一个类，所以使用它我们可以把代码分割成一个函数对象。
2025-03-20 11:08:48
352
原创 双token和无感刷新token
前端部分在axios封装时候加拦截器判断token是否过期，我这里跟别人写的最大的不同点是：我创建了两个axios对象，一个正常数据请求用（server），另一个专门刷新token用（serverRefreshToken），这样写的好处是省去了易错的判断逻辑。先说后端部分，后端逻辑相对前端简单点，关键两步。
2025-03-18 09:18:35
1015
原创 不要再让 import“占领满屏“啦？
Re-export一般用于收拢同类型的模块、一般都是以文件夹为单位，如components、routes、utils、hooks、stories等都通过各自的index.tsx暴露，这样就能极大程度的简化导入路径、提升代码可读性、可维护性。babel-plugin-import不是直接减少 import 的数量，而是通过优化 import 语句来减少打包体积，提高项目的加载性能。require.context 是一个非常有用的功能，它允许我们动态地导入一组模块，而不需要显式地一个接一个地导入。
2025-03-14 09:28:22
1066
原创 vue3文字标注
和取消的步骤一样，只不过在点击重选后，先弹出标签弹窗，选择标签后，需要先删除选中的元素，然后再新增一个标记元素。由于在标签选择，在标签选择中判断一下是否是重选，是重选的话就需删除后再创建元素，不是的话就代表是新增，直接新增标记元素（综上所述）。如何判断点击的文字是否已标记，通过在创建的标记元素中绑定点击事件，触发则表示已标记。点击已进行标记的文字————>重选/取消弹窗显示————>点击取消。
2025-03-13 13:12:01
782
原创 如何使用 Vue 和 Axios 对接口进行防抖和节流处理
在上述代码中，我们创建了一个 axios 实例，并对该实例进行了防抖处理。在前端开发中，“防抖”指的是在一定时间内只能触发一次事件，通常是输入框或滚动事件。在上述代码中，我们创建了一个 axios 实例，并对该实例进行了节流处理。在拦截器中，我们通过比较当前时间和上一次请求的时间，来决定是否进行节流处理。在前端开发中，“节流”通常指的是在一定时间内只能执行一次事件，例如：下拉加载更多、页面滚动等。防抖的实现原理非常简单，就是通过对要执行的函数进行延迟处理，以此来控制函数执行的次数。
2025-03-10 13:47:01
1093
原创 VUE中常用的4种高级方法
但需要注意的是，provide/inject 的数据是非响应式的，这是因为provide/inject是一种更加底层的 API，它是基于依赖注入的方式来传递数据，而不是通过响应式系统来实现数据的更新和同步。注意，子孙组件中的 inject 选项中使用了一个数组，数组中包含了需要注入的属性名。具体来说，provide方法提供的数据会被注入到子组件中的inject属性中，但是这些数据不会自动触发子组件的重新渲染，如果provide提供的数据发生了变化，子组件不会自动感知到这些变化并更新。
2025-03-07 16:14:04
1079
原创 纯css实现一个级联连线效果
实现左侧的竖线，两种思路， 一种是继续用伪元素， 给li.parent增加::after 来设置父元素的竖线， 但是这种情况下，是需要通过js动态计算，子元素的高度，再赋值，其实也有更简单的方式， 直接利用外面的大盒子设置伪元素来设置左侧的竖线， 这样就能利用盒子的高度，不再需要依赖js或者css的计算属性进行计算了。看到类似的其实首先就是想到用伪元素去实现左侧的引导线，目的是利用元素自身的两个隐藏的元素， ::before 和 ::after ， 来简化dom， 元素能省则省。这样就完成了上面的案例。
2025-03-06 11:03:16
408
原创 CSS 制作文字立起来的效果
这里的 x-angle 和 y-angle 是角度值，用来指定倾斜的程度，单位可以是度（deg）、弧度（rad）、梯度（grad）或转（turn） ，正数表示向某个方向倾斜，负数表示向相反方向倾斜。transform: skew() 是 CSS 中用于对元素进行倾斜变换的函数，它可以让元素在水平方向（X 轴）、垂直方向（Y 轴）或者两个方向同时产生倾斜效果。伪元素使用双冒号 :: 来表示（在 CSS2 中也可以使用单冒号，但为了区分伪类和伪元素，建议使用双冒号）用于在元素的内容之前或之后插入内容。
2025-03-05 10:51:01
759
原创 15 个惊艳的 CSS 动画案例速查表，助你提升前端技能！
在CSS中，animation 属性是实现动画效果的核心，它允许你通过单个属性值来定义动画的所有方面。: 动画速度曲线 (例如：linear, ease, ease-in, ease-out, ease-in-out, 或 cubic-bezier 函数)。: 动画播放方向 (例如：normal, reverse, alternate, alternate-reverse)。: 动画延迟时间 (例如：1s 或 1000ms)，动画开始前的等待时间。: 动画持续时间 (例如：2s 或 2000ms)。
2025-03-04 09:06:29
1080
原创 css创作炫酷的文字雨动画
定时器： 为了让字符(雨滴)持续下落，使用 setInterval 函数和一个时间间隔值来调用 rainEffect() 函数。最后，使用JavaScript来实现文字雨的效果。通过动态生成并随机选择字符，可以实现让这些字符(雨滴)从.cloud(云朵)中降落的效果。添加到 .cloud 元素中，使用 setTimeout() 函数在2秒后将文字节点从 .cloud 元素中移除，模拟雨滴落地消失效果；创建一个基本的HTML结构，这段HTML代码定义了一个容器，其中包含了"云朵"和"雨滴"(即文字元素)。
2025-03-03 10:22:55
976
原创 css网页动画交互案例
首先是基础布局，我们可以通过flex进行基础布局，中间的图标部分可以让其均等分 其次我们将icon图标进行导入，设置他的字体大小，以及父级盒子为圆形，0帧时让其缩小为0，同时透明度为0 添加动画，让盒子放大为1，透明度为1，注意盒子出现的时间不同，首先是第一个先出来，然后依次显示出来的，这时候设置动画延迟就可以了。今天我们继续来制作网页中常见的CSS动画案例，今天要讲的案例是一个进入页面图标依次显示，划入盒子，图标旋转360度，如下图所示。1.划入绿色圆形盒子的交互效果。3.底部按钮划入时的交互。
2025-02-28 09:28:12
598
【JavaScript技术领域】常见面试题汇总：涵盖基础语法、DOM/BOM操作、事件处理及高级特性详解
2025-04-03
vue前端开发JavaScript与Vue核心概念解析：闭包、原型链、作用域链及Vue生命周期详解
2025-04-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人