自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 Vue 2和Vue 3的生命周期钩子在实际应用中有哪些最佳实践?

数据请求:在组件创建时发起请求,确保在created或setup中处理。DOM 操作:在mounted或onMounted钩子中进行,确保 DOM 已渲染。清理工作:在销毁或卸载钩子中进行,避免内存泄漏。错误处理:使用钩子捕获和处理错误,提升用户体验。通过遵循这些最佳实践,可以提高 Vue 应用的性能和可维护性。

2025-03-07 10:18:40 387

原创 Vue 3 的面试题

可以通过动态导入语法实现异步组件。在模板中使用时直接引用。

2025-03-07 10:14:31 322

原创 Vue 2的面试题

回答要点:组件实例被创建后,数据观测和事件配置之前。created:组件实例创建完成后,数据观测和事件配置已完成,适合进行数据请求。mounted:组件挂载到 DOM 后,适合进行 DOM 操作。:组件销毁之前,适合进行清理工作。

2025-03-07 10:13:37 378

原创 插槽主要类型

这些插槽类型帮助开发者创建灵活和可重用的组件,增强了组件之间的交互和数据传递能力。

2025-03-07 10:12:19 150

原创 Vue 2 和 Vue 3 区别

总体而言,Vue 3 在灵活性、性能和现代开发体验方面都显著提升。我个人在使用 Vue 3 时,感受到更高的开发效率和更清晰的代码结构,尤其在处理复杂逻辑和大规模应用时,组合 API 的优势尤为明显。虽然 Vue 2 仍然是一个强大的框架,但 Vue 3 提供了更适应现代开发需求的功能和特性。

2025-03-07 09:23:49 455

原创 JavaScript 中,处理数组的方法

在 JavaScript 中,处理数组的方法有很多。

2025-03-07 09:19:56 402

原创 前端常用样式表名称

使用 kebab-case 命名,字母一律小写,用短横分隔单词。如果单词过长,需要使用言简意赅的缩写单词表示。

2025-02-06 11:44:30 153

原创 前端常用动词参考

【代码】前端常用动词参考。

2025-02-06 11:42:19 71

原创 React中的父子组件通讯:通过Props传递参数并实现方法回调

React中的父子组件通讯:通过Props传递参数并实现方法回调

2024-08-29 16:12:49 393

原创 react antd+table实现合并单元格

react antd+table实现合并单元格。

2024-07-09 16:44:27 353

原创 react + antd table 实现固定三级树结构合并单元格展示

react + antd table 实现单元格合并

2024-07-09 15:26:27 372 1

原创 React 线上浏览视频、pdf

React 线上预览视频、pdf

2024-06-03 16:07:56 229 1

原创 在 React中,有文件url,如何成功下载各类文件

react下载文件

2024-06-03 14:42:27 869 1

原创 前端 Vue、React、Angular三种语言的不同、优缺点以及如果合理的选择

总之,在决定使用哪种框架之前,应当考虑项目规模、团队技术栈、长期维护需求以及是否需要特定的生态系统支持等因素。同时,随着技术发展,框架之间的差异也在逐渐缩小,因此密切关注最新版本的特点和社区趋势也是很重要的。

2024-03-25 15:34:18 1453

原创 VUE3 父组件中调用子组件方法

VUE3 父组件中调用子组件方法

2024-01-20 11:36:44 24797 1

原创 React 引用Table表格设置分页为中文

React 引用Table表格设置分页为中文

2023-12-27 14:19:18 595

原创 整理好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

原创 angular项目中 图片的切换

【代码】angular项目中 图片的切换。

2023-05-31 09:42:54 271

原创 angular中的生命周期钩子都有哪些, 都是怎么用的?

angular中的生命周期钩子都有哪些, 都是怎么用的?

2023-05-09 14:34:51 712

原创 获取当前IP地址

获取当前服务器IP

2023-04-14 08:30:07 321

原创 VUE2使用postcss-pxtorem

VUE2使用postcss-pxtorem

2023-01-05 16:49:16 2516

原创 apiJson 设置 “query“: 2 查询仍然是10条数据

apiJson 设置 "query": 2 查询仍然是10条数据

2022-11-05 08:09:01 456

转载 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关注的人

提示
确定要删除当前文章?
取消 删除