- 博客(137)
- 收藏
- 关注
RSS订阅原创 uniapp APP真机调试接口请求不到服务器解决方法
在使用Hbuilder开发uniapp的过程中，出现了两个在 Chrome 调试中正常，但打包后异常的问题，特此记录。
2024-04-10 09:10:30
587
原创 实战 vue3 使用百度编辑器ueditor
在开发项目由于需求vue自带对编辑器不能满足使用，所以改为百度编辑器，但是在网上搜索发现都讲得非常乱，所以写一篇使用流程的文章提示：以下是本篇文章正文内容，下面案例可供参考至此你已经可以在页面中看到一个初始化之后的 UEditor 了，并且它已经成功和数据绑定了！api配置可以参考以下网站UEditorPlus 配置文档 | UEditorPlus 使用文档。
2024-02-26 11:58:14
1045
原创 在vue中如何实现准时的setTimeout
当每一次定时器执行时后，都去获取系统的时间来进行修正，虽然每次运行可能会有误差，但是通过系统时间对每次运行的修复，能够让后面每一次时间都得到一个补偿。通过系统的时间补偿，能够让我们的 setTimeout 变得更加准时，至此我们完成了如何让 setTimeout 准时的探索。setTimeout 是。
2023-12-14 16:35:10
606
原创 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
476
原创 前端创建项目mac出现.vuerc文件报错
使用vscode创建项目报.vuerc错误，鼠标右键进入vuerc详情然后鼠标点击如图这样就可以删除了，由于我的 .vuerc已经删除了，所以重现不了，只能告诉你们步骤
2022-03-03 10:45:08
835
原创 后台管理系统，左侧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
3549
原创 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
5847
原创 .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
2779
原创 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
4371
原创 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
597
1
原创 深入点了解JSON.stringify使用
用过 json 的应该都知道，把一个对象通过 stringify 之后提交给后台是很常用的手段。但是 IE6-7 下没有 JSON 对象
2021-06-17 15:44:54
120
原创 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
6052
1
原创 前端 点击右键触发事件
在页面元素绑定contextmenu事件contextmenu.prevent.native<template> <span size="medium" @contextmenu.prevent.native="openMenu($event)" /></template><script> methods(){ openMenu(e){ console.log(e) } }</script>.
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
327
转载 Vue axios拦截器使用
转载：https://blog.csdn.net/sinat_17775997/article/details/83379367
2020-10-19 11:01:29
95
转载 vue项目结合vuex、localstorage实现本地储存token验证登陆注册
https://www.cnblogs.com/jervy/p/10115337.html
2020-10-19 10:58:46
616
原创 Vue 中实现路由、请求拦截器 新手版
前后端分离模式已然成为现在的主流模式，鉴权方式从原始的 Session 到现在的 jwt、oauth2 等等方式，无论是哪一种方式，在前端，我们都要通过使用拦截器来实现权限认证等系列操作，我们来讲讲 Vue 中的路由拦截器与请求拦截器中的实现方法。用到的组件vue-routeraxios请求拦截器首先我们创建一个文件，用来封装 axios 的一些基础方法或配置，我把这个文件命名为 axios.jsimport axios from 'axios'import router from '.
2020-10-19 10:52:42
1379
转载 一个基于 VUE 和 element-ui 的树形穿梭框组件
https://www.npmjs.com/package/el-tree-transfer
2020-10-12 16:51:17
528
转载 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
1021
3-5年的前端们你们过的咋样了
2023-07-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人