自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uniapp APP真机调试接口请求不到服务器解决方法

在使用Hbuilder开发uniapp的过程中,出现了两个在 Chrome 调试中正常,但打包后异常的问题,特此记录。

2024-04-10 09:10:30 684

原创 实战 vue3 使用百度编辑器ueditor

在开发项目由于需求vue自带对编辑器不能满足使用,所以改为百度编辑器,但是在网上搜索发现都讲得非常乱,所以写一篇使用流程的文章提示:以下是本篇文章正文内容,下面案例可供参考至此你已经可以在页面中看到一个初始化之后的 UEditor 了,并且它已经成功和数据绑定了!api配置可以参考以下网站UEditorPlus 配置文档 | UEditorPlus 使用文档。

2024-02-26 11:58:14 1109

原创 实战 vue2/vue3 computed 基础用法和携带参数动态用法

一般情况下,我们在Vue中使用。是无法直接进行传参的。

2024-02-26 11:31:09 598

原创 分享一个vue3简单的防抖

【代码】记录一个基于vue3简单的防抖。

2024-02-21 11:56:28 371

原创 在vue中如何实现准时的setTimeout

当每一次定时器执行时后,都去获取系统的时间来进行修正,虽然每次运行可能会有误差,但是通过系统时间对每次运行的修复,能够让后面每一次时间都得到一个补偿。通过系统的时间补偿,能够让我们的 setTimeout 变得更加准时,至此我们完成了如何让 setTimeout 准时的探索。setTimeout 是。

2023-12-14 16:35:10 637

原创 树结构使用实例---实现数组和树结构的转换

使用递归把树转成列表数组,使得接口请求一次,前端自己组装结构。

2023-08-21 10:26:11 1319

原创 vue 一键“导出文件流”

2.src下建一个util文件夹,存全局js代码。1.后台返回的文件流效果图。

2023-07-17 14:47:24 266

转载 开发人员必备“git commit提交规范“

如果你想保持良好的习惯去提交代码,接下来我们直接了解并使用commit

2023-07-05 10:59:00 114

原创 pc端与移动端适配 解决方案(vue版本)

【代码】pc端与移动端适配 解决方案(vue版本)

2023-05-12 10:10:27 761 1

转载 vue 面试性能优化必修文章

面试遇到 性能优化 必答的 9 个点,加分!

2023-04-17 11:30:31 62

原创 H5嵌入APP后,保存图片至相册(window.WebViewJavascriptBridge原生APP与H5之间交互)

H5嵌入APP

2023-04-14 15:02:24 2062 5

原创 nuxt 线上刷新页面后不显示问题

nuxt 线上刷新页面后不显示问题

2023-02-03 15:17:43 985

原创 实战Vue打包并自动部署到指定服务器

前端自动部署

2022-10-17 15:37:39 1760 1

原创 vue判断用户不能输入特殊字符,可自定义扩展

【代码】vue判断用户不能输入特殊字符,可自定义扩展。

2022-03-24 14:53:01 1361

原创 vue2 实现鼠标移动拖放

<!-- 演示demo 鼠标拖放 --><template> <div class="demo" v-drag> <ul> <li> 可拖动 </li> <li>vue</li> <li>vue2</li> </ul> </div></template>...

2022-03-16 14:02:02 479

原创 前端创建项目mac出现.vuerc文件报错

使用vscode创建项目报.vuerc错误,鼠标右键进入vuerc详情然后鼠标点击如图这样就可以删除了,由于我的 .vuerc已经删除了,所以重现不了,只能告诉你们步骤

2022-03-03 10:45:08 836

原创 后台管理系统,左侧sidebar组件 无限递归

1.主体使用elementUI 的控件底层子组件 sidebar-item.vue采用递归的方式遍历层级我们可以创一个文件夹,里面包含俩文件,第一个sidebar.vue,准备源数据<!-- sidebar.vue文件 --><template> <div class="index1"> <!-- 左侧导航菜单 --> <el-menu router default-active="1" :unique

2022-03-02 14:46:48 3566

原创 js判断数据是否为空值的方法

<script>export default { data() { return { route: {} }; }, mounted() { console.log('判断数据是否为空值' + this.isNull({ a: '测试' })); }, methods: { //判断数据是否为空值,为空返回true,有值为false isNull(data) { if (!data) return true;.

2022-03-02 14:12:07 5850

原创 .prettierrc介绍及文件常见配置

1.vue根文件下创建个.prettierrc.js2.添加需要的配置module.exports = { // 设置tab宽度为2个空格 "tabWidth": 2, // 语句末尾要加分号 "semi": true, // 使用单引号 "singleQuote": true, // (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid:省略括号 "arrowParens": "avoid", // 在对象,数组括号与文字之间...

2022-03-01 11:16:59 2781

原创 Nuxt axios拦截器的配置和API 封装(axios,api接口统一管理)

Nuxt的API 封装及解耦 | Mrcdh技术博客

2022-01-05 09:57:58 2962 1

原创 vue dplayer插件 播放m3u8(直播推流)

1.我们先看一下效果图(目前没有推流所以视频是播放无效的)2.播放直播m3u8需要的插件dplayerhls.jsnpm install hls.js --savenpm install dplayer --save3.安装完成在文件中使用<!-- 视频直播 --><template <div class="video-dplayer"> <div id="dplayer"></div> </div&..

2021-11-30 13:52:50 4377

原创 vue项目优化,通过externals加载外部CDN资源

代码敲完,项目上线,然后就要与优化相遇。项目时间非常的长加载慢的很,至此开始前端优化之旅项目根目录运行npm install webpack-bundle-analyzer --save-dev在build/webpack.dev.conf.js中引入const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports = { devS..

2021-11-15 08:59:12 1103 4

原创 js 函数节流

//函数节流: 指定时间间隔内只会执行一次任务//我们拿scroll来做列子mounted(){ window.addEventListener('scroll',this.throttle(this.windowScroll,300)) },methods:{ //函数节流封装代码,参数method表示要执行的函数,delay表示要延迟的时间,单位为毫秒 throttle(method, delay=500) { var timer = null; //.

2021-09-14 14:20:34 112

原创 nuxt 刷新报Window 或 Document未定义解决方案

首页我们明白问题的来源,页面跳转是没问题的,当我们刷新页面才会出来,我们知道nuxtjs是做服务端渲染的,他有很多声明周期是运行在服务端的,以及正常的vue声明周期mounted之前均是在服务端运行的,那么服务端是没有比如window对象的location、navagitor等,以及H5的FormData()方法,所以当你在created之前使用这些时,会报错,那么如何处理呢?首页定义然后在mounted中赋值...

2021-08-26 14:09:02 598 1

原创 深入点了解JSON.stringify使用

用过 json 的应该都知道,把一个对象通过 stringify 之后提交给后台是很常用的手段。但是 IE6-7 下没有 JSON 对象

2021-06-17 15:44:54 123

原创 vue中使用简单的回调函数

使用场景(比如:多个新增接口一样,只是新增之后调用的列表接口不一致)//新增接口this.getTalkBy //列表接口的回调, data数据this.getAddTalkLike(this.getTalkBy,data);getAddTalkLike(callback,data){ addTalkLike(data).then(res=>{ if(res.code === 200){ callback(); } }) },ge

2021-06-08 11:05:15 6054 1

原创 前端 点击右键触发事件

在页面元素绑定contextmenu事件contextmenu.prevent.native<template>  <span size="medium" @contextmenu.prevent.native="openMenu($event)" /></template><script> methods(){ openMenu(e){ console.log(e) } }</script&gt.

2021-04-25 15:33:46 1186

原创 前端 今天 上一天 下一天

data(){ return{ time: new Date(), timeData: '',//转成中文 } } created(){ this.before(0);; }, /* 上一天 */ leftClick(){ this.before(1); }, /* 下一天 */ rightClick(){ this.before(2); }, /* *上一天 ...

2021-03-10 11:20:56 203

原创 前端 数据重组>根据日期重组

/** * @description 数据分组 * @param array 需要分组的数组 * @param key 唯一展示字段的key * @returns {[]} JSON数组 * 调用 groupData(list,'commit_time2') */ function groupData(array, key){ let newArray = []; array.forEach((item, i) => { // 没有搜索到则该数据不分组.

2021-03-10 11:12:09 201

原创 前端 工具类>日期转换

/**用法*import { formatDate} from "@/assets/js/utility";*cut == 1 日期格式为3月05日*cut == 2 日期格式为03-05*1615334400 时间戳*formatDate(1615334400,1)*//* 封装10位数字转日期格式 */function formatDate(time, cut) {if (!time) return;var date = new Date(parseIn.

2021-03-10 11:05:49 198

原创 前端 小程序/移动端h5 底部兼容性问题

安卓手机显示正常,苹果机被往下拉了一点padding-bottom: constant(safe-area-inset-bottom);/*兼容 IOS<11.2*/padding-bottom: env(safe-area-inset-bottom);/*兼容 IOS>11.2*/

2021-03-10 11:02:58 328

转载 Vue axios拦截器使用

转载:https://blog.csdn.net/sinat_17775997/article/details/83379367

2020-10-19 11:01:29 95

转载 vue.js 拦截器

转载:https://zhuanlan.zhihu.com/p/94685764

2020-10-19 11:00:37 187

转载 vue项目结合vuex、localstorage实现本地储存token验证登陆注册

https://www.cnblogs.com/jervy/p/10115337.html

2020-10-19 10:58:46 618

原创 Vue 中实现路由、请求拦截器 新手版

前后端分离模式已然成为现在的主流模式,鉴权方式从原始的 Session 到现在的 jwt、oauth2 等等方式,无论是哪一种方式,在前端,我们都要通过使用拦截器来实现权限认证等系列操作,我们来讲讲 Vue 中的路由拦截器与请求拦截器中的实现方法。用到的组件vue-routeraxios请求拦截器首先我们创建一个文件,用来封装 axios 的一些基础方法或配置,我把这个文件命名为 axios.jsimport axios from 'axios'import router from '.

2020-10-19 10:52:42 1380

转载 一个基于 VUE 和 element-ui 的树形穿梭框组件

https://www.npmjs.com/package/el-tree-transfer

2020-10-12 16:51:17 531

转载 H5移动端使用rem适配(插件postcss-pxtorem)

https://blog.csdn.net/github_38281308/article/details/108443558

2020-10-06 17:17:47 1436

转载 丢一个pc端响应式HTML/CSS-响应式页面的设计

https://blog.csdn.net/qq_36770641/article/details/79587807

2020-08-13 10:22:04 146

原创 转载:VUE中name相同的push到一个新数组

https://blog.csdn.net/mori17/article/details/106206390

2020-06-23 12:36:35 1030

转载 element 动态表格单元格改变样式的方法

转载:https://www.jb51.net/article/167743.htm

2020-06-08 14:32:03 1578

实战 vue3 使用百度编辑器ueditor

实战 vue3 使用百度编辑器ueditor

2024-02-26

树结构使用实例-实现数组和树结构的转换

树结构使用实例-实现数组和树结构的转换

2023-08-21

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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