- 博客(70)
- 收藏
- 关注
RSS订阅原创 编程式路由编程
我们知道通过 RouterLink 可以实现路由的跳转, 但是如果有一个需求, 5秒后跳转到某一个路由,应该如何实现呢?push是追加历史记录（默认值）。replace是替换当前记录。
2024-08-10 19:41:01
293
原创 Vue路由传参
RouterView 是路由出口, 就是展示路由组件的地方。这里需要注意 RouterLink 类似于导航。① 直接在 to 后面填上路径。新建 router 文件夹。在main.js 中引入。
2024-08-10 16:35:44
186
原创 ES6语法详解,面试必会,通俗易懂版
区别二：WeakSet对元素的引用是弱引用，如果没有其他引用对某个对象进行引用，那么GC可以对该对象进行回收。存储的是对象的弱引用，当对象没有被其他地方引用时，可以被垃圾回收。// 如果不手动删除这些按钮，它们会一直被 Set 强引用，即使页面上已经没有这些按钮了。在这个例子中，每次点击 “添加按钮” 时，都会创建一个新的按钮并将其添加到页面上。Set是一个新增的数据结构，可以用来保存数据，类似于数组，存储的是强引用，即使这些按钮从 DOM 中移除，当按钮不再出现在页面上时，它们可以自动被垃圾回收，
2024-07-28 14:10:21
1190
原创 背景图片CSS
如果你的图片在网页的同一目录下，你可以直接使用图片的文件名。意味着背景图片在页面滚动时保持固定，不会随着内容一起滚动。意味着背景图片将覆盖整个元素，同时保持图片的宽高比。如果图片在不同的目录，你需要提供相对路径或绝对路径。意味着背景图片不会在水平或垂直方向上重复。则确保背景图片在元素中心显示。替换为你自己的图片文件路径。
2024-07-27 20:37:48
194
原创 Vue3+element-plus 实现图片图片
用于创建 URL 的 File 对象、Blob 对象或者 MediaSource 对象。一个DOMString包含了一个对象URL，该URL可用于指定源 object的内容。使用createObjectURL可以节省性能并更快速，只不过需要在不使用的情况下手动释放内存// console.log('上传文件', formModel.value)超详细URL.createObjectURL,还有例子!!!还有对比FileReader.readAsDataURL(file)
2024-07-27 16:31:17
1206
2
原创 element-ui加上import { ElMessage } from ‘element-plus‘不生效问题
前段时间,使用了 element-Plues 进行开发时, 使用了里面的按需引入。然后再login 页面我又写了。就发现, 弹窗不生效。
2024-07-20 16:32:20
422
原创 浅谈javascript中内置组件中的this以及Vue开发踩坑
事情是这样的, 我最近在开发一个 uniapp APP 端项目, 里面有一个模拟请求的代码, 需要使用到定时器但是,我发现在 定时器中 普通函数 无法通过获取数据按照经验,把它改成箭头函数就可以解决下面我来带大家复习一下有关于 Vue 中 内置的 this 等等相关知识。
2024-07-15 20:08:21
935
原创 函数传值面试题
在 JavaScript 中，当你将对象赋值给一个变量，比如a，然后传递这个变量给一个函数，如fun1，你实际上是传递了一个引用的副本。这意味着原始的a和函数内的a都指向同一个内存地址。然而，当你在fun1函数内部将a赋值为一个新数组时，你并没有改变原始对象a的引用，而是在函数作用域内创建了一个新的局部变量a，这个局部变量a与函数外部的a是不同的。执行fun1(a)后，控制台将输出，因为原始的a对象没有被修改。只有当fun1函数内部对传入的参数进行修改（比如修改它的属性），原始的a对象才会受到影响。
2024-07-15 19:49:30
282
原创 黑马程序员 Vue3 大事件项目补充(最新bug解决以及各种踩坑)
这样设计的好处是，你可以为多个页面提供一个统一的布局，同时通过重定向保持URL的整洁和逻辑上的一致性。在Vue Router中，路由配置对象定义了应用程序中的路由规则。可能是一个布局容器组件，用于包裹其他页面组件，并提供通用的布局结构，比如头部、侧边栏等。），它允许Vue Router按需加载组件，从而提高应用程序的加载性能。，Vue Router会根据这些配置渲染对应的组件，并且这些组件都会被。：这指定了当路由匹配时应该渲染的组件。属性，分别表示URL路径和对应的组件。：这是一个子路由数组，定义了在。
2024-07-12 23:19:47
650
原创 前端面试指南(一面)
ECMAScript 中定义了 6 种原始类型：6种: Boolean String Number Null Undefinded Symbol注意：原始类型不包含 Object。typeoftypeof xxx得到的值有以下几种类型：undefined boolean number string object function、symbolinstanceof用于实例和构造函数的对应。例如判断一个变量是否是数组，使用typeof无法判断，但可以使用[1, 2] instanceof Array
2024-06-03 21:12:30
651
原创 面试经典算法题之双指针专题
第一种是使用语言中的字符串翻转 API 得到 sgood\textit{sgood}sgood 的逆序字符串。最简单的方法是对字符串 sss 进行一次遍历，并将其中的字母和数字字符进行保留，放在另一个字符串。函数 是判断该字符是否为数字,也就是 ‘0’ 到 ‘9’在代码中使用到一些函数,可以记一下。这到题目, 就是简单的双指针例题。函数 是把大写字母转成小写字母。一: 筛选 + 双指针验证。
2024-04-30 09:35:08
720
原创 【第一次面试】菜鸟面试前端岗位有感（ 真的很菜， 别喷我，我们共同进步）
总的来说, 这次面试真的很糟糕。除了自我介绍断断续续外,在回答专业知识真的很垃圾( 问的真的不算什么难得问题, 不过我确实没有怎么准备八股( TM 活该) )!接下来, 我计划一个月里面每天都回头复习一下技术要点以及做两道面试题。4月18号下午4点——第一次面试。这次是线上面试,相对于线下还是好很多的, 至少对于我来说既方便又没有那么紧张。后面我打算花时间总结一下今天所有的收获， 希望能够督促我学习，今年这几个月一直在摆烂，有时学有时又玩，第一次线上面试狠狠教训了我一波，看了一些八股又没有及时复习导致。
2024-04-18 18:14:49
215
原创 [挑战十四天拿下蓝桥杯]第一天贪心算法
再举一个例子如果是 有一堆盒子，你有一个背包体积为n，如何把背包尽可能装满，如果还每次选最大的盒子，就不行了。这时候就需要动态规划。动态规划的问题在下一个系列会详细讲解。例如，有一堆钞票，你可以拿走十张，如果想达到最大的金额，你要怎么拿？每次拿最大的就是局部最优，最后拿走最大数额的钱就是推出全局最优。这题需要注意数据类型的设计( 开 long long )贪心的本质是选择每一阶段的局部最优，从而达到全局最优。指定每次拿最大的，最终结果就是拿走最大数额的钱。计算进制时需要取余 ( 否则会溢出 )
2024-03-30 10:12:32
205
2
原创 Git版本控制工具详解(上) ( 从零开始 、全网最细)
当你在 Windows 上安装 git 并且习惯使用命令行时，可以使用 cmd 来运行 git 命令； 这么一来，任何一处协同工作用的服务器发生故障，事后都可以用任何一个镜像出来的本地仓库恢复；，Unix shell 的一种，Linux 与 Mac OS X 都将它作为默认 shell。 命令行提示符（CMD）是 Windows 操作系统上的命令行解释程序；它们的主要特点是单一的集中管理的服务器，保存所有文件的修订版本； 基本上针对那些不喜欢黑屏（即命令行）编码的人； 所以建议在使用的时候，
2024-03-26 11:50:22
343
原创 Webpack部署本地服务器
HMR的全称是Hot Module Replacement，翻译为模块热替换； 模块热替换是指在 应用程序运行过程中，替换、添加、删除模块，而无需重新刷新整个页面；
2024-03-26 10:56:19
1019
原创 Webpack常见插件和模式
在中，你可以使用自定义的 HTML 模板来满足这些需求。首先，你需要创建一个包含你想要添加的内容的 HTML 文件。例如，假设你有一个名为-- 其他内容 --> -- 其他内容 --> -- 其他内容 --> -- 其他内容 --> -- 其他内容 -->
2024-03-25 21:58:19
955
原创 Webpack打包
在Webpack中，资源模块是指那些需要被处理和输出的文件，例如图片、字体等。为了方便管理和控制这些资源模块的处理方式，Webpack提供了generator选项来集中配置资源模块的生成器选项。通过设置generator选项，可以针对不同的资源模块类型进行不同的配置。例如，可以设置asset类型的资源模块的公共路径和输出路径，或者设置asset/inline类型的资源模块的公共路径和输出路径等。
2024-03-25 21:14:38
1212
原创 一篇带你入门 pnpm ( 高性能、节约磁盘空间 )
pnpm 的全称是 performant npm，意为高性能的 npm。它是由 npm/yarn 衍生而来，通过解决这两个工具内部潜在的 bug 和性能问题，实现了更快的速度和更高的效率。
2024-03-22 10:12:58
859
原创 前端工程化(三)邂逅Webpack和打包过程
◼ 那么如果我们在window上使用 \ 来作为分隔符开发了一个应用程序，要部署到Linux上面应该怎么办呢？ 在Mac OS、Linux的Unix操作系统上使用 / 来作为文件路径的分隔符； 所以为了屏蔽他们之间的差异，在开发中对于路径的操作我们可以使用 path 模块； window上会使用 \或者 \ 来作为文件路径的分隔符，当然目前也支持 /；◼ 我们知道在Mac OS、Linux和window上的路径时不一样的。 Linux和Mac OS都实现了POSIX接口；
2024-03-19 21:51:09
479
原创 前端工程化(三)之包管理工具详解 (精品、面试必备基础)(春招、秋招)
比如vue、vue-router、vuex、express、koa、react、react-dom、axios、babel、webpack等等； Y次版本号（minor）：当你做了向下兼容的功能性新增（新功能增加，但是兼容之前的版本）； Z修订号（patch）：当你做了向下兼容的问题修正（没有新功能，修复了之前版本的bug）； X主版本号（major）：当你做了不兼容的 API 修改（可能不兼容之前的版本）； ^x.y.z：表示x是保持不变的，y和z永远安装最新的版本；
2024-03-19 21:47:33
1082
原创 前端工程化(二)之模块化 (精品、面试必备基础)(春招、秋招)
事实上模块化开发最终的目的是将程序划分成一个个小的结构；这个结构中编写属于自己的逻辑代码，有自己的作用域，定义变量名词时不会影响到其他的结构；
2024-03-17 22:03:47
309
1
原创 计算机比赛总结
阿里终端训练营 9. 5 链接 https://www.orange-class.com/cooperation/terminal。字节青训营 7月6日中午12点 截止。计算机设计大赛 3月份 ( 校赛 )华为精英挑战赛 3月。
2024-03-15 23:53:19
112
原创 前端工程化(一)(精品、面试必备基础)(春招、秋招)
在浏览器中，全局变量都是在window上的，比如有document、setInterval、setTimeout、alert、console等等。前面我们知道V8可以嵌入到任何C ++应用程序中，无论是Chrome还是Node.js，事实上都是嵌入了V8引擎来执行。args])：callbackI / O事件后的回调的“立即”执行；后面在项目中，我也会讲解，如何将一些环境变量读取到 process 的 env 中；可以通过终端命令node js文件的方式来载入和执行对应的js文件；
2024-03-15 11:43:53
2101
原创 [Uniapp开发日记]从零开始带你制作富文本(CV即用、云开发版本、非云开发版本(包含后端)) 持续更新~喜欢的可以订阅关注一下
[Uniapp开发日记]从零开始带你制作富文本(CV即用、云开发版本、非云开发版本(包含后端)) 持续更新~喜欢的可以订阅关注一下
2024-03-14 21:12:32
177
原创 [Uniapp开发日记]上传图片( 最新API版本使用、完整代码、CV可用 )( 开发者服务器非云开发 )
发现网上很多教程没有实现上传开发者服务器相关内容,还有就是uniapp以前提供的接口已经停止服务,现在写了一个新的API的基本使用,配有具体代码.喜欢的话,关注收藏,我会持续更新,有问题随便问,我热心与你们交流进步!!!!!
2024-03-14 10:51:22
631
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人