- 博客(64)
- 资源 (4)
- 收藏
- 关注
原创 评论组件--uniapp textarea focus,string.replace
评论组件--uniapp textarea focus,string.replace
2022-08-13 18:32:26
2367
1
原创 一个报错, Uncaught TypeError: ModalFactory is not a constructor
变量名不要和类/函数名一样,否则报错
2022-07-11 18:32:33
462
原创 element plus el-switch 的before-change 如何带参数
看文档Switch 开关 | Element Plus设置beforeChange属性,若返回 false 或者返回 Promise 且被 reject,则停止切换。const beforeChange2 = () => { loading2.value = true return new Promise((_, reject) => { setTimeout(() => { loading2.value = false ElMessag
2022-05-17 16:59:49
8164
5
原创 vant2 datetime-picker赋初值无效问题
如题。原因:给v-model绑定的current赋初值时采用了‘2022-4-26’这种格式。官方文档解释如下文档还是要好好看看。
2022-04-26 14:02:18
1002
转载 canvas画图-钟表
调用了window.requestAnimationFrame(绘制函数),然后在绘制函数中继续调用window.requestAnimationFrame(绘制函数),这种情况下,每一次绘制都不能影响下一次,故需要在变换开始和结束的时候添加 ctx.save()/ctx.restore()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...
2022-04-15 10:12:23
307
原创 vant tabs sticky模式下的bug
vant tabs sticky模式下,本来应该在滑动一段距离后才吸顶,结果页面加载完成就吸顶了。解决方式:给sticky属性增加一个控制变量,当页面滑动时,变量置为true。实施:1、给tabs外层增加一个父级用于滚动监听,css设置:height: calc(100vh - 54px);overflow: hidden scroll;2、添加监听:methods中增加滚动处理函数 handleScroll() { let top = document.q...
2022-04-11 18:38:06
3492
原创 原生js,鼠标移动拖拽元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title.
2022-03-10 18:07:12
285
原创 一份可用的vue3 package.json
{ "name": "ribao_manage", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "@element-plus/icons-vue": "^1..
2022-03-04 17:38:30
872
原创 可在手机浏览器下载文件的方法
后端获取的数据为blob格式的,结合a标签。axios({ method: "get", url: "/api/xxxx", params: { xxxx }, responseType: "blob" }).then(res => { if (window.navigator.msSaveOrOpenBlob) { navigator.msSaveBlob(res.dat...
2022-02-23 14:04:04
1763
1
原创 原生js实现手机端底部上拉加载数据
<div class="touch-wrap" @touchstart="handleTouchStart" @touchend="handleTouchEnd"> <div class="content-wrap"> xxxxxxxxxxxxx </div></div>使用的事件:touch涉及的是touchstart,touchend,其实还可以使用touchmove添加上拉时元素位置移动的效果,.
2022-02-23 10:00:21
638
原创 文章标题作为id使用时的字符正则处理
需求:将文章标题(中英文掺杂)作为HTML中的idid的要求有:1、必须以字母A-Z或a-z开头2、之后的字符可以是:字母(A-Z a-z)、数字(0-9)、连字符(“-”)、下划线(“_”)、冒号(“:”)和圆点(“.”)考虑到标题中主要是中文字符,最有可能的便是开头是数字的情况,故而将数字进行处理。reg = /^(\d+)|[\s+*/%=(),:!"'<>|?\\@#$&!,。?、—~¥……():“”《》]+/g...
2022-02-21 14:25:18
255
原创 video标签显示预览图非poster方式,仅部分浏览器适用
上传的视频要求播放前显示预览图,适用poster方式需要一个封面的链接,放弃。偶然间发现适用<video controls="controls" preload="auto"></video>preload属性表示是否预加载auto - 当页面加载后载入整个视频 meta - 当页面加载后只载入元数据 none - 当页面加载后不载入视频百度编辑器中添加的视频也可以更改成这种方式,默认的是none。查看编辑器使用时更改是否生效,原来的如下:.
2022-02-07 16:11:25
1831
原创 git远程仓库对应本地分支代码修改
1、git仓库原来对应本地代码分支目录下执行git remote remove origin解除关联2、要对应的本地分支目录下,执行git remote add origin git远程仓库地址git push -u origin master
2022-01-21 17:15:41
314
原创 vue2 中使用keep-alive
vue2项目中使用keep-alive,可在路由跳回该组件时展示跳走前的数据形式,滚动条等。步骤1:在route.js中使用keepAlive属性,并且定义一个scrollTop存储滚动条位置{ path: "/check/list", name: "CheckList", component: CheckList, meta: { title: "审核列表", keepAlive: true, scrollTop: 0
2022-01-12 19:32:12
3743
原创 vue2项目生产/测试环境下,接口地址不同
生产和测试执行的都是npm run build命令,需要配置文件区分一下使用的接口地址1、项目根目录下建两个文件自定义的变量名字一定要以VUE_APP开头,不然使用的时候拿不到!2、package.json中--mode后面跟着的就是.env.xxx文件的名字执行命令的话就是 npm run build:prod 或者npm run build:stage3、普通文件中使用 let apiHost = process.env.VUE_APP_URL;....
2021-12-28 17:56:53
1264
原创 vue3 引用vue-ueditor-wrap中百度编辑器ueditor实例,字数统计
<vue-ueditor-wrap v-model="content" :config="myConfig" editor-id="editor-demo-01" @ready="ready" ></vue-ueditor-wrap> ready (editorInstance) { this.editorInstance = editorI...
2021-12-08 17:13:23
1412
原创 react devtools 插件安装
react devtools 插件下载好后,打开谷歌浏览器的扩展程序,把解压的crx文件拖进来,确认添加即可
2021-10-28 17:12:06
6702
原创 echarts x轴显示time
需求统计当天的登录次数,及每次持续时间。实现:echarts 折线图+x轴(time)+y轴(value)返回的数据长这样:重新组织数据,把每一次的start_time和end_time包装成一个折线图的起止let data = [ { name: item.start_time, value: [item.start_time, index + 1] }, { name: item.end_time, value: [item.end_time,...
2021-10-27 17:31:10
6581
原创 echarts y轴显示为时间time
需求是展示不同分类的浏览时长,精确到秒,确定是柱状图+x轴(category)+y轴(time)官方文档上只说y轴type可以是time,但没看到示例。多方查找, yAxis: { type: "time", min: `${BASE_TIME} 0:00:00`, max: `${BASE_TIME} 23:59:59` },option中的yAxis如斯设置,BASE_TIME是自己随便定义的...
2021-10-27 16:14:23
9351
8
转载 video标签点击播放时直接全屏显示,播放完成后变成之前的样子
video的两个事件play 和 ended全屏显示,参考了版权声明:本文为CSDN博主「CurryChou777」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/m0_37727560/article/details/106024057最后实现就是:template模板中: <video src="http://haier-dev
2021-10-27 15:52:38
6074
4
转载 2021-10-09
转自:无法加载文件 E:\PROGRAM FILES\NODEJS\NODE_GLOBAL\yarn.ps1,因为在此系统中禁止执行脚本 - 张亮java - 博客园如果遇到如下的问题,请按照如下的步骤去执行https://www.cnblogs.com/zhangliang88/p/15268024.html注意一点: 以管理员身份运行...
2021-10-09 09:29:57
94
原创 vue router 打开新窗口 router.resolve
constrouter=createRouter({routes})//重写constrouterPush=router.pushrouter.push=(param)=>{if(param.blank){const{href}=router.resolve(param)window.open(href,'_blank')}else{routerPush.call(router,...
2021-09-22 15:00:18
4981
原创 vue-ueditor-wrap 安装使用
最近使用富文本编辑器,还是用了之前百度那一款,虽然好久没更新了。1、使用npm 安装npm i vue-ueditor-wrap看了readme后,发现还需要将ueditor下载下来找到官网下下来后,将整个ueditor文件夹放在public文件夹下(vue-cli@4)2、在main.js全局引用importVueUeditorWrapfrom'vue-ueditor-wrap'constapp=createApp(App)app.use(VueUeditorWra...
2021-08-16 13:27:41
1364
1
原创 gitlab连接本地项目出错
运维给了gitlab的地址,一顿操作,终于把本地的项目成功推到了远端,高兴不过3秒,完蛋,搞错项目了。找了会百度也没看到靠谱的解决办法,我手动将gitlab项目里的文件一个个删除了。当然,删之前还是先把本地项目和远端的连接中断:git remote rm origin。接下来是关联正确的本地项目:1、git remote add origin git@gitrepos.lanlianmeng.cn:xxxx.git2、git push -u origin --all报错了,让Git p.
2021-08-12 17:38:20
400
原创 vue不是内部或外部命令...
安装@vue-cli后,查看是否安装完成,哦哦vue不是内部或外部命令...又要配置环境变量找到vue.cmd的路径,把它加到环境变量->用户变量的path中,重启命令行就好了。
2021-08-03 17:36:59
102
原创 tsc不是内部或外部命令...
安装typescript后,发现无法使用,解决方式:配置环境变量。找到文件tsc.cmd文件所在目录将这个路径添置用户变量的path里保存后,重新打开 命令窗口
2021-07-22 16:19:08
425
原创 安装yarn的坑 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确 ,然后再试一次。
1、安装yarn npm install -g yarn报错解决.使用Windows powershell(管理员)A命令行: npm install -g yarn2.yarn -v查看版本报错无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确 ,然后再试一次。解决: 配置环境变量。找到yarn的bin安装目录确定后,重新打开命令行(可以不是管理员方式)yarn ...
2021-07-16 17:36:25
24342
4
原创 “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
vue-router@4使用时,报上面的错,代码是这么写的importVueRouterfrom'vue-router'constTest={template:`<h1>测试</h1>`}constroutes=[{name:'Test',path:'/test',component:Test}]constrouter=VueRouter.createRouter({//...
2021-06-29 16:01:42
9045
原创 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
最近用vue3.0起了个新项目,引用element ui2.x的时候,还是按照之前的写法importVuefrom"vue"结果就报错了,
2021-06-21 09:53:17
1477
1
原创 安装@vue/cli报错
1、先将之前 之前版本的删除npm uninstall vue-cli -g2、上图中报错的位置C:\Users\1\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\_apollo-codegen-flow@0.35.9@apollo-codegen-flow\node_modules\@babel\generator\node_modules\.bin\这个文件夹下所有的文件删除3、重新安装一遍npm install -g @..
2021-06-16 17:57:21
1324
原创 Flow function类
flow用来对js进行静态类型检查// @flowfunction concat(a: string, b: string): string { return a + b;}concat("foo", "bar"); // Works!// $ExpectErrorconcat(true, false); // Error!
2021-06-10 15:55:32
325
原创 vant dialog组件使用
vant Dialog组件引入import { Dialog } from 'vant'export default{ components: { Dialog: Dialog.Component//!!!!坑 }}template中使用<Dialog v-model="showSuccess" title="注册完成" > <div>链群编码:932302339093030</div> <div>核准日期:<
2021-05-19 14:36:46
4877
原创 iconfont 使用symbol引用方式
iconfont 使用symbol引用方式封个组件:通用CSS:.iconf {width: 1em; height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}Vue组件中具体使用官方文档中说的使用:由于生成的类名中已经带有icon,故改为...
2021-02-04 15:00:39
1641
原创 flutter安装 环境变量配置 报错 dart-sdk下载地址
报错如上图,单个词认识连起来就不知道什么意思了,看到网上的解决办法,就是删除flutter/bin 目录下的cache文件夹,无果(试了N遍,也就两天吧)。今早再看发现是dart-sdk解压出错,好嘛,我自己下载压缩包,自己解压可以吧,捯饬一通,发现checking Dart SDK version还是不通过,估计就是版本不够。又是一通百度,连chocolate包管理我都下下来了,终于看到一点苗头,原来dart-sdk稳定版是2.10.0,地址是这个https://storage.googl..
2020-12-24 13:48:19
683
原创 vue 指令 下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>vue指令 下拉菜单.
2020-12-16 14:42:36
1861
商业价值分析系统运维解决方案
2018-07-17
angular-1.5.8.js压缩包
2018-07-21
xlsx.core.min.js
2019-05-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人