- 博客(37)
- 收藏
- 关注
原创 Vue 2和Vue 3的生命周期钩子在实际应用中有哪些最佳实践?
数据请求:在组件创建时发起请求,确保在created或setup中处理。DOM 操作:在mounted或onMounted钩子中进行,确保 DOM 已渲染。清理工作:在销毁或卸载钩子中进行,避免内存泄漏。错误处理:使用钩子捕获和处理错误,提升用户体验。通过遵循这些最佳实践,可以提高 Vue 应用的性能和可维护性。
2025-03-07 10:18:40
387
原创 Vue 2的面试题
回答要点:组件实例被创建后,数据观测和事件配置之前。created:组件实例创建完成后,数据观测和事件配置已完成,适合进行数据请求。mounted:组件挂载到 DOM 后,适合进行 DOM 操作。:组件销毁之前,适合进行清理工作。
2025-03-07 10:13:37
378
原创 Vue 2 和 Vue 3 区别
总体而言,Vue 3 在灵活性、性能和现代开发体验方面都显著提升。我个人在使用 Vue 3 时,感受到更高的开发效率和更清晰的代码结构,尤其在处理复杂逻辑和大规模应用时,组合 API 的优势尤为明显。虽然 Vue 2 仍然是一个强大的框架,但 Vue 3 提供了更适应现代开发需求的功能和特性。
2025-03-07 09:23:49
455
原创 前端 Vue、React、Angular三种语言的不同、优缺点以及如果合理的选择
总之,在决定使用哪种框架之前,应当考虑项目规模、团队技术栈、长期维护需求以及是否需要特定的生态系统支持等因素。同时,随着技术发展,框架之间的差异也在逐渐缩小,因此密切关注最新版本的特点和社区趋势也是很重要的。
2024-03-25 15:34:18
1453
原创 整理好22个的处理数组的方法以及使用案例
JavaScript 中有一些处理数组的方法,它们可以帮助我们在数组中进行条件判断。1.push()、2.pop()、3.shift()、4.unshift()、5.concat()、6slice()、7.splice()、8.join()、9.indexOf()、10.lastIndexOf()、11.includes()、12.sort()、13.reverse()、14.some() 、15.every() 、16.filter()、17.find() 、18.findIndex()、19.forEa
2023-07-24 10:19:11
318
转载 vue3文档新版本
大家好 ,看了好久的vue3,现在才知道看错了。新版本在这里Vue.js - 渐进式 JavaScript 框架 | Vue.js
2022-06-17 17:15:30
258
原创 antdv Progress 进度条 实现环内内容换行 踩坑避雷
修改前样式 修改后样式 问题:在API format属性内换行符 /n 失效、解决方法: ①添加样式 style=“white-space: pre;” 识别 ‘\n’ ②css 样式定位到需要换行的元素 新增属性"white-space: pre-wr...
2022-04-11 10:24:44
1939
5
原创 下拉框placeholder属性失效解决方法
placeholder='搜索名称' 不起作用因为下拉框的绑定的值为 ' ' ,改成 undefined就好了错误代码 data() { return { userId: '', } },修改后代码 data() { return { userId: undefined, } },修改后样式...
2022-02-09 15:29:45
2170
原创 在表格内部截取返回的数据.replace
{ title: '名称', align: "center", dataIndex: 'tName', customRender: function (t, r, index) { return r.Name.replace("名字是", ""); //把 名字是 替换成 空格 }},
2022-01-18 14:13:54
177
原创 if 判断
刚知道的原来if判断能这么写 projectId: function (next) { // this.openBid = true; if (next) //判断如果 next 存在 也就是为 true 就默认执行下一行 this.getData(next); }
2022-01-18 14:04:37
228
原创 整理的学习前端部分地址 ---初级
!ment - 博客园------------------------------------------------------------------------------------------------------------------------------RGB颜色值与十六进制颜色码转换工具https://www.sioe.cn/yingyong/yanse-rgb-16/-----------------------------------------------...
2022-01-18 14:00:23
445
原创 vue :class 的使用
<div :class=" [name === 'gaga' ? 'class1' : 'class2']"> //如果 name 字段等于 gaga 那么他的class属性就是class1 否则 就是 class2<style>.class1{ background: #DA7536;}.class2{ background: #D53A24;}</style>...
2022-01-18 13:18:44
409
原创 判断返回字段内包含某内容
if (item.name.indexOf("噗嗤") > -1 || item.name.indexOf("哈哈") > -1 || item.name.indexOf("呕吼") > -1) { this.config.data.push([(index + 1), item.name, item.birthday, item.age, item.time, '按钮']) } else { this.config...
2021-12-09 10:41:31
263
原创 根据 数值的大小 设置样式
<span slot="TW" slot-scope="text, record"> <span v-if="record.TW" :class="{ completed: Number(record.TW) > '37.3' ? true : false, building: Number(record.TW) ...
2021-12-03 13:20:56
109
原创 设置背景图片
background: #FFFFFF url("../../img/img.png") no-repeat center bottom; background-size: 100% auto;//上下局下 左右居中 上面用颜色填充 图片大小 100% 自适应
2021-11-25 17:19:04
302
原创 在table列表内写开关,下拉框操作
<template> <div> <a-table ref="table" size="middle" bordered="bordered" rowKey="id" :columns="columns" :dataSource="dataSource" :pagination="ipagination" :loading="lo.
2021-09-10 17:23:32
611
原创 VUE 按返回值进行判断,举例男女
<template> <a-card> <div> <a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :dataSource="dataSource" :pagination="ipagination" :load.
2021-09-10 16:44:43
2432
原创 鼠标悬浮 显示全部内容 文字溢出显示...
效果 先给字段写一个提示框tooltip,表示鼠标移过时显示气泡。 <div class="td"> <a-tooltip> //鼠标悬浮显示的内容 字段 name <template slot="title"> {{ na...
2021-09-10 15:56:14
1148
原创 vue引用echarts实现数据集折线图,修改基本样式。
<template> <div id="project-attendance"> <div class="project-attendance-chart-view"> <div class="Chart_one" id="myChartCurve"></div> </div> </div></template><script>exp...
2021-08-12 11:42:35
566
原创 vue引用echarts实现数据集柱状图,修改基本样式。
代码<template> <div id="project-overview"> <div class="Chart_one" id="myChartCurveb"> </div> </div></template><script>export default { mounted() { this.drawLine() }...
2021-08-12 11:10:20
672
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人