- 博客(56)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 typescript引入js文件报错：Could not find a declaration file for module ‘@/utils/yd/utils‘.
将文件引入方式：import { xxx } from '@/utils/yd/utils'修改为：import { xxx} from '@/utils/yd/utils.js'
2023-04-19 15:25:07
1062
1
原创 Element的Notification通知自定义样式&手动关闭&直接渲染带html格式的字符串
效果图：功能点1：弹窗需要自定义样式，例如实现滚动条展示多条数据答：其实简单的自定义样式可以使用官网提供的：message 属性支持传入 HTML 片段不过我用的是createElement，这个的使用方法具体用法可以参考这篇博客：[Vue]createElement参数 - vickylinj - 博客园功能点2：渲染数据的时候不能，挤在一起，而要能将数组里的数据换行显示答：后端返回的数据是一个数组类型，所以我需要将数组遍历出来加上换行符号</br>,.
2022-04-26 11:02:05
4537
3
原创 解决vue-photo-preview图片点击没反应，无法放大查看问题
方法一：同网上大多数博客写的方法一样，异步请求图片，在数据返回之后加上这个this.$previewRefresh()方法二：当多张图片使用方法一不奏效的时候，检查下preview属性，是否是相同的值。preview有重复值，比如v-for遍历多张图片，但是我每张都设置为 :preview="1",这样无论如何点击哪张都没反应。所以我改为不同的值，就OK了！虽然暂时不知道为何分为同一组会出现这种BUG。...
2022-01-13 14:28:09
2350
原创 element的Loading 加载设置“加载“的位置始终居中
问题描述，给页面设置加载中的样式，但是由于数据量很大，数据在逐步渲染的同时，页面高度也随之变高，出现竖向滚动条，这时候的加载中的那个“圈圈”也跟着页面滚走了，显示如下解决办法：我是投机取巧的方法，如果有更好的方法，欢迎留言告诉我~首先，我设置一个没什么用的div，然后让它的高度和宽度正好盖住页面；然后，将v-loading的事件放在这个div上，将div的设为position: absolute，这样不占用空间，不影响页面其他布局注意，高度要动态获取，不然换一个显示器，就不能刚好完.
2021-12-14 17:56:45
8346
3
原创 解决vue-codemirror编辑器需要点击一下才显示数据问题
bug描述：codemirror的数据已经赋值成功了，但是初始状态不渲染数据，需要点击编辑框获取焦点后才展示，如下百度了很多答案都是：设置一个setTimeout延时手动刷新下<codemirror v-model="value" :options="cmOption" ref="myCodemirror"></codemirror>setTimeout(() => { this.$refs.myCo..
2021-12-14 16:57:52
7104
10
原创 el-upload多文件一次性上传(携带json)，自定义上传事件(手动上传），不使用action属性上传
element el-upload 多文件上传
2021-11-29 19:08:52
5550
3
原创 Element ui table展开行中自定义有的行展开，有的行不展开
实现的效果图：思路：通过自定义表格行样式，将不需要展开的展开箭头隐藏！注意：不是visibility: hidden;因为这样只是看不见展开箭头，点击事件还在，依然会被展开，需要使用：display: none关键代码：给表格设置:row-class-name="isShowExpend"完整代码： <el-table :data="requestData" style="width: 100%" :row-class-name="isShowExpend"
2021-04-25 10:19:09
2289
2
原创 vue-cli3中使用mock（实际项目中快速搭建）
整体项目结构如下：下载地址1.安装axiosnpm install axios在main.js中配置import axios from 'axios';Vue.prototype.axios = axios;2.安装mockjsnpm install mockjs --save-dev3.安装mocker-apinpm install mocker-api --save-dev4.在项目根目录创建mock文件夹，配置请求的数据..
2020-10-27 12:39:19
1718
原创 element 时间选择器时间跨度设置 2天
直接上代码叭<el-date-picker v-model="dateParam" type="datetimerange" :picker-options="pickerOptions"> </el-date-picker>export default { data() { return { timeOptionRange: '', pickerOptions: { // 时间跨度限制为2天 on
2020-10-21 18:42:07
2088
原创 moment.js常用的方法总结
《moment.js》1.获取当前时间往前的时间1.获取当前时间往前的时间moment().format("YYYY-MM-DD HH:mm:ss"); //当前时间moment().subtract(10, "days").format("YYYY-MM-DD"); //当前时间的前10天时间moment().subtract(1, "years").format("YYYY-MM-DD"); //当前时间的前1年时间moment().subtract(3, "months").forma
2020-10-21 15:53:26
1668
原创 Element问题汇总
《Element问题汇总》1.el-menu页面内控制激活的菜单$router.path :default-active------------------------------------------❀持续更新❀---------------------------------------------------------1.el-menu页面内控制激活的菜单$router.path :default-active需求：页面内进行路由跳转，依然保持菜单项的选中状态实现：将default-act
2020-10-19 11:03:26
689
原创 Element的MessageBox 弹框如何自定义图标
需求：修改弹框的小图标为自己想要的，如下是element自带首先，复制一段element的官方代码作为演示<template> <el-button type="text" @click="open">点击打开 Message Box</el-button></template><script> export defa...
2020-05-08 15:57:59
10494
5
原创 微信小程序
《微信小程序》1-1:微信小程序的介绍01.‘微信开放平台’ 与 ‘微信公众平台’02.什么是小程序03.小程序中的组件和API04.注册小程序开发账号------------------------------------------❀持续更新❀---------------------------------------------------------1-1:微信小程序的介绍01.‘...
2020-02-25 14:08:35
468
原创 解决使用ESLint后出现的报错：当代码中的双引号、分号、空格不符合规范
所有配置修改完后需重启生效！问题：vue-cli构建的项目默认启用ESLint进行代码检测，凡是不符合它规范的就会报错，但是vscode代码格式化中的有些规则和ESLint规则相反！例如：情况一：你按ESLint的规则写的代码是这样的 ↓但是当你使用vscode 的格式化功能后 ↓然后出现报错 ↓解决办法：在项目根目录创建.prettierrc 文件...
2020-01-28 20:04:20
15268
2
原创 vue-cli4.x中vue.config.js配置解决js文件注释出现报错问题
问题：解决办法：在项目中的vue.config.js文件中，添加配置如下，配置好后重启生效lintOnSave: false//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'附：如果没有vue.config.js文件，直接在项目根目录创建一个就行，如下...
2020-01-28 15:34:27
3675
8
原创 vue.js/webpack/vue-cli/vuex知识点
第一章 vue基础1-1 vue的指令01.v-cloak指令用法02.v-cloak和v-text的区别03.什么是双向数据绑定，双向绑定的使用场景04.事件函数的调用，事件函数参数传参05.事件修饰符06.常用按键修饰符07.表单域修饰符用法第二章 webpack01.webpack指令02.webpack益处第三章 vue-cli（vue脚手架）01.安装与查看版本号02.创建vue项目的方式一：基于交互式命令行03.创建vue项目的方式二：基于图形化界面04.分析项
2020-01-21 17:08:56
350
原创 CSS/CSS3知识点
《前端开发基础---CSS/CSS3》1.字体大小注意事项1.字体大小注意事项p { font-size: 20px; } px（像素）大小是我们网页的最常用的单位 谷歌浏览器默认的文字大小为16px 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小 可以给 body 指定整个页面文字的大小...
2020-01-14 20:06:47
340
3
原创 HTML/HTML5知识点
01.浏览器内核02.Web标准的构成03.html基本结构含义04.锚点链接：快速定位到页面中的某个位置05.常用特殊字符：空格/大于号/小于号06.自定义列表的应用场景07.lable标签的for属性
2020-01-07 17:16:36
224
原创 优秀技术博客收藏
在开发过程中，遇到一些疑惑不解的地方，总能遇到一些很好的答疑解惑的文章，所以收藏一下✌持续更新.............. css-清除浮动的原理与方法 函数节流与函数防抖的理解 前端开发规范 ECMAScript 6 入门 标准盒模型和怪异盒模型的差异 Vue 中 $nextTick() 讲解 vue组件间通信的6种方式，并提...
2019-12-31 16:29:49
294
原创 Redmine-4.0.4插件安装教程之图像剪贴板粘贴
redmine image_clipboard_paste不能粘贴图片问题解决，redmine 已经安装了image_clipboard_paste插件，但新建问题时还是不能粘贴图片，ctrl+v没反应
2019-10-28 16:56:34
2823
8
原创 Git下载安装使用教程
《Git下载安装使用教程》第一部分：git配置使用01.下载安装02.基本工作流程03.配置第一部分：git配置使用01.下载安装点我????Git下载官网传送门，选择自己计算机对应的版本安装很简单，直接默认下一步下一步即可，安装成功后，鼠标右键菜单中会多出两个选项，如下：点击Git bash Here，输入命令：git --version 查看版本号，能看到当前安装的git版本号则代表...
2019-10-21 21:44:38
2411
1
原创 vue--使用vue过程中所遇问题的解决方法
记录一些学习并使用vue开发项目时遇到的问题，并提供一些解决方案，以防万一再次遇到同样的问题能快速的解决，毕竟人的记忆力有限，太久没接触容易遗忘，如果我的记录对他人也有帮助那当然就更好啦。
2019-08-14 11:21:01
4143
原创 使用H5Stream实现rtsp流播放，并整合到web项目中
更新！！！这篇博客最早是工作要求实现rtsp流媒体播放，所以做了一个demo测试下，后来又不需要做这个功能了，遂没有再深入研究，只记录了之前的学习结果，最近发现有小伙伴留言说流媒体无法播放，我看了下，的确rtsp流无法播放，但是MP4格式还是可以的。由于工作繁忙未有时间研究，所以这篇博客权且给大家参考一下，如果有小伙伴找到最新解决办法，欢迎留言哦~谢谢。以下为原文：预期目标在项目中增...
2019-08-02 17:30:13
28373
63
原创 微信小程序如何获取UnionId详细版---Crypto.js解密
前言：查看小程序的官方文档UnionID 机制说明首先，我没有公众号，也不是云开发，所以只能使用第一种方法调用接口 wx.getUserInfo。注意！！！一定要先去微信开放平台绑定你的小程序，否则即使解密之后也无法获取UnionId，切记是微信开放平台，不是微信公众平台！其次，由于UnionId是敏感数据，所以单纯的wx.getUserInfo是不会返回给你 的，这就需要使用 加...
2019-07-02 09:54:31
7811
原创 vue引入css文件报错：This relative module was not found:
引入css文件：报错信息：问题：解决办法：打开./src/assets/css/style.css找到../../Assets/fonts/StandardCT-BoldCond.otf，将路径修改正确
2019-06-27 09:32:12
4404
1
原创 Vue Vue-cli Eslint 实现在vscode里保存后代码自动格式化
使用Vue-cli构建的项目会启用Eslint检测代码规范，所以很容易因为代码不规范控制台总报错，所以为了解决这个问题，可以配置vscode在ctrl+s的时候自动代码格式化。1.配置环境npm i -g eslint-plugin-vue#ornpm i -S eslint-plugin-vue2.安装插件：eslint 插件和vetur 插件3.修改setti...
2019-06-26 23:07:52
3776
1
原创 开发常用网址收藏
前端：Vue.js :渐进式JavaScript框架 Vuex:一个专为 Vue.js 应用程序开发的状态管理模式 Vue-cli：Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，搭建交互式的项目脚手架 Vue路由器：Vue Router 是Vue.js 官方的路由管理器 Vue-resource：Vue.js 的插件，提供了XMLHttpRequest或JSONP...
2019-06-26 14:54:46
2154
原创 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
项目原本运行的好好的，安装了一个包之后，再输入npm run dev运行就突然报错了：原因是我这次安装包(npm i mint-ui -S)的时候使用了npm，而之前的都是cnpm解决办法：直接删除node_modules文件，再运行 cnpm i这样就能将之前安装的包，全部统一cnpm安装回来。执行：npm run devOK！...
2019-05-25 11:03:13
7653
原创 戴尔wind10系统重装教程和更新提醒关闭
重装系统教程链接：（该重装系统不会自动格式化，所以记得将手动格式化C盘，否则，重装完原来的数据还存在）https://mp.weixin.qq.com/s?__biz=MjM5MDM5NjcyMA==&mid=2754956547&idx=3&sn=ded41e5c701726a793ee536d694dc50f&chksm=8784955cb0f31c4a14...
2019-05-09 15:55:14
1129
原创 微信小程序实现轮播图带透明背景标题、且指示点靠右显示
效果图：wxml:<swiper indicatorDots="{true}" autoplay="{true}" indicator-active-color="#00ae61"> <block wx:for="{{imgUrls}}" wx:key="*this"> <swiper-item> <image s...
2019-04-29 17:16:24
3980
14
原创 JS对于字符串的切割截取
1.slice(start,end) 方法start：起始索引（开始位置） end：终止索引（结束位置） 如果某个参数为负，则从字符串的结尾开始计数 如果省略第二个参数，则该方法将裁剪字符串的剩余部分var str = "Apple, Banana, Mango";var res1 = str.slice(7,13);var res2 = str.slice(-13,-7);...
2019-04-29 16:04:14
41722
原创 解决微信小程序的swiper轮播图右边留有空白
解决办法：在image图片设置宽度100%，style='width:100%'<swiper indicator-dots="{{true}}" autoplay="{{true}}"> <block wx:for="{{imgUrls}}" wx:key="*this"> <swiper-item> &am
2019-03-05 16:51:47
6897
6
转载 解决this.setData is not a function、this.setData写在setTimeout里报错、this的作用域
修改前：setTimeout(function () { this.setData({ index: "1" })}, 3000)修改后：(在setTimeout方法外层先定义var that = this;)var that = this;setTimeout(function () { that.setData({ index: "...
2019-02-26 14:19:22
4296
1
原创 android实现日期时间的显示
前言：这里介绍两种日期显示的方法！放张简陋效果图（但可实现的效果远不止如此）方法一：——该方法可显示当前时间，以及日期切换，主要是自己封装的方法，具体可参考JDK API@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);...
2019-02-25 13:30:07
11766
原创 微信小程序开发学习笔记
1.获取微信小程序的场景值，例如用户是通过搜索进入的还是扫二维码1.获取微信小程序的场景值//在app.js中onLaunch: function(options) { console.log(options.scene) },onShow: function(options) { console.log(options.scene) }场景值详见：http...
2019-02-20 17:02:05
628
原创 Application Installation Failed（Installation failed with message INSTALL_FAILED_USER_RESTRICTED: In）
Installation failed with message INSTALL_FAILED_USER_RESTRICTED: Install canceled by user.It is possible that this issue is resolved by uninstalling an existing version of the apk if it is present, a...
2019-02-19 16:32:25
4544
1
原创 微信开发者工具、android stuio、计算机、vscode常用快捷键
作为一名程序员当然要想尽办法提高效率，解放鼠标！（如果遇到了新的快捷键再继续添加，网上快捷键实在太多了，我只收藏一些自己常用的，当然，有可能会遇到有些快捷键在你那不灵验，可以看看是不是和输入法快捷键冲突了）微信开发者工具:ctrl+p：快速打开文件 ctrl+b:编译 ctrl+e：最近打开过的文件 ctrl+g：跳转到某一行代码，比如输入20，就跳转到第20行代码了 ctrl...
2019-02-13 11:13:17
473
vue-cli3中使用mock（实际项目中快速搭建）
2020-10-27
redmine图片粘贴插件：clipboard_image_paste.zip
2019-10-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人