- 博客(66)
- 收藏
- 关注
RSS订阅原创 vue极简语法 等待定时器执行完毕再执行其他语句，定时器异步改同步
【代码】vue极简语法 等待定时器执行完毕再执行其他语句，定时器异步改同步。
2024-02-20 16:27:33
397
1
转载 浏览器无法自启动全屏模式
有人在学习了js启动浏览器全屏模式之后，就肯定会想让浏览器在自启动之后就自动触发全屏模式，但是这样是不行的，任何自动加载全屏的代码都无法主动启动浏览器的全屏，无论是异步的还是模拟点击事件也不行！只有用户的主动行为才可以触发（任何鼠标事件任何键盘事件等等）,这是为了用户体验和用户的浏览安全。原文链接：https://blog.csdn.net/qq_33933205/article/details/107712531。网页不是开发者的网页，而是用户的网页。// 2021/5/29更新 这个行为新增了报错。
2023-10-12 11:12:40
1012
转载 vue中用饿了么tabs组件切换component标签组件 component组件嵌套，导致页面重复渲染
vue component组件重复渲染问题
2022-09-14 17:01:59
2654
2
原创 正则表达必须包含数字字母和特殊字符
下面给大家介绍下JS正则表达式 必须包含数字、字母、特殊字符js正则表达式要求:必须包含数字、英文字母、特殊符号且大于等于8位特殊符号包括: ~!@#$下面给大家介绍下JS正则表达式 必须包含数字、字母、特殊字符js正则表达式要求:必须包含数字、英文字母、特殊符号且大于等于8位特殊符号包括: ~!@#KaTeX parse error: Undefined control sequence: \d at position 26: …如下:?1/^(?=.*\̲d̲)(?=.*[a-
2022-06-03 00:03:45
4703
转载 JavaScript怎么实现两个窗口之间的通信？ https://blog.csdn.net/kaimo313/article/details/107773642
问题最近在进行业务开发的时候，遇到一个问题，就是一个页面里面点击打开了一个新的窗口，然后在新的窗口里面保存成功数据之后需要更新前面一个窗口的数据？window.postMessage的简单介绍一段时间的挣扎，确定了用postMessage实现改功能，没办法，这个再一次涉及到了我的知识盲区。我们先来看一看MDN上怎么说简介【window.postMessage】window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协
2022-02-08 14:06:59
1657
原创 如何让antv x6兼容IE浏览器
如何让antv x6兼容IE浏览器：可以学习anvt G6的方法去处理，亲测有效。链接地址：https://antv-g6.gitee.io/zh/docs/manual/FAQ/supportIE解决方法：1、在main.js中，引入babel-polyfillimport 'babel-polyfill';2、在bable-loader中，加入报错的模块{ test: /\.js$/, loader: 'babel-loader', include: [res
2021-11-16 10:03:37
2540
原创 wangEditor富文本编辑器踩坑：解决IE浏览器按Tab键无法缩进，谷歌可以
问题：IE浏览器按Tab键无法缩进，谷歌可以解决思路：先监听键盘事件判断按下Tab键时，再向光标的当前位置插入两个空格键（注意：IE缩进：‘/t’不起作用，一定要：’ ‘;） 首先wangeditor组件文档标注了在光标位置插入内容：editor.cmd.do('insertHTML,''<p>想要插入的内容</p>) wangeditor文档地址： https://www.wangeditor.com/doc/pages/08-%E5%B8%B8%E7%94%
2021-09-14 14:38:04
1209
转载 vue + el-menu 实现菜单栏无限多层级分类
思路：数据格式须为数组内部多层嵌套模式，利用递归渲染菜单栏数据实现菜单多层级分类。1.模拟菜单数据，引入封装组件<template> <div class="container"> <el-container> <el-header>Header</el-header> <el-container class="container-body"> <el-aside clas
2021-08-16 14:45:02
1272
原创 网课上课笔记
1、跨域域名、协议、端口有一个不同就是跨域默认端口不显示HTTP默认端口是80HTTPS默认端口443Access-Contorl-Allow-
2021-06-08 21:28:34
132
原创 笔记1：闭包
闭包：能够读取其他函数内部的函数变量。 function f1(){ var a=10 function f2(){ a++; console.log(a); } return f2(); }; var f =f1();//f1()执行的结果才是闭包 f();
2021-03-31 11:16:05
107
原创 encodeUnicode编码：经常用到的后台要求上传文件后获取的path（url）进行encodeUnicode编码
encodeUnicode(str) { var res = []; for (var i = 0; i < str.length; i++) { res[i] = ("00" + str.charCodeAt(i).toString(16)).slice(-4); } return "\\u" + res.join("\\u"); },
2020-10-20 18:03:04
271
原创 vue代码上传文件后端需要formData格式，抛弃el-upload组件，仿照el-upload用原生上传
首先弹窗写好：template部分：<el-dialog title="申请结算" :visible.sync="dialogVisible" width="600px" custom-class="pushSettlement"> <div> <el-form ref="form" :model="form" label-width="80px" style="width: 300px; mar
2020-09-25 17:21:22
1016
转载 解决子元素滚动条滑动到边缘后外层滚动条继续滑动问题
.el-dialog { height: 100%; overflow-y: scroll; overscroll-behavior-y: contain; }简单的看了下文档，overscroll-behavior CSS 属性是 overscroll-behavior-x 和 overscroll-behavior-y 属性的合并写法, 让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。overscroll-behavior分别有三个值分别是auto，..
2020-09-11 16:33:54
689
1
原创 vue-pdf放大缩小，上一页下一页，滚动翻页
以下是上一页下一页，放大缩小：<pdf :src="path" :page="currentPage" @progress="loadedRatio = $event" @num-pages="pageCount=$event" @page-loaded="currentPage=$event" @loaded="loadPdfHandler" ref="wrapper" class="pdf"></pdf> 翻页缩小： <ul class="footers">
2020-08-06 16:21:45
8344
原创 flutter 子组件改变父类的值用callback函数，父类改变子组件的值用GlobalKey
子组件改变父类用callback函数传值过去控制子组件在开头的时候要用上：class ExamInspectionDetailSliverList extends StatefulWidget { Function controlCallBack; Key key;//key是为了父类能控制字类，不控制可以不用，就用普通传参方式 ExamInspectionDetailSliverList(this.controlCallBack,{this.key}):super(key: key)
2020-07-21 18:31:39
1628
原创 [Flutter]输入框获取焦点和失去焦点事件
FocusNode _focusNode = FocusNode(); @override void initState() { _focusNode.addListener(() { if (!_focusNode.hasFocus) { // TextField has lost focus //收回键盘 FocusScope.of(context).requestFocus(FocusNode()); } });
2020-06-29 16:13:01
2712
原创 1、弹窗里面嵌套路由，项目总结-vue-insurance-web-官网（yezhuwuyou）
1、我的订单列表-申请修改流程这个流程是个谭传，里面的内容有很多步骤，是靠路由实现的 <el-dialog class="correction" :visible.sync="correctionDialogVisible" :before-close="handleClose" :close-on-clic...
2020-04-07 15:03:01
1032
转载 element中el-cascader使用props设置value、label、children
从后端拿到arr数据结构：cityList: [ { id: 1, name: '北京', child: [ id: 11, name: '大兴区', child: [ id: 111, name: '亦庄' ] ] }]vue文件代码<el-cascader :options="cityList" :p...
2020-03-16 10:17:43
2025
原创 js 当前日期往后加一天
new Date((new Date()/1000+86400)*1000)1天有86400秒console.log出来的日期格式就是Fri Mar 13 2020 10:59:05 GMT+0800 (中国标准时间)
2020-03-12 11:04:00
1538
原创 vue 算已知起始时间，和所需要添加的月份，求终止时间
this.form.orderInfo.insuranceEndDate= moment(new Date(this.$utils().getEndTime(this.form.orderInfo.insuranceBeginDate, 12))).format('YYYY-MM-DD 23:59:59')12是需要在起始时间添加的月份。比如说2020年3月11号，再加12个月之后的日期是...
2020-03-11 16:03:01
1392
1
原创 Vue.mixin 设置共用字段，要考虑不能全局污染，犯的一个错误写下里
我一开始是这样使用的：（nuxt环境下建立的项目）建立一个tool.js文件，放在plugins文件夹里面，然后在nuxt.config.js中设置一下：（和vue的main.js设置的原理一样）然后我在tool.js文件中这样写是不对的：因为这样会造成全局污染，任何一个页面都不能用到orderStatusList这个字段了，而且暂用的空间也很多，产生字节浪费。其实我可以这样写： ...
2020-03-06 14:43:26
516
原创 nuxt 环境下window or document is not defined
引用第三方组价时，比如引用vue-awesome-swiper这种的第三方组件时，因为源组件代码中包含有操作window对象，所以这一类的window is not defined按照官方的使用插件的方法引入就可以解决 // 现在plugins目录下新建文件vue-awesome-swiper.js// 这里就以vue-awesome-swiper这个组件为例import Vue from...
2020-03-03 17:06:41
819
原创 nuxt 项目中由于axios引入不当造成接口总报403
之前引入的方法：这里红色的是之前引入的，按照官方文档引入的之后修改为 “~/plugins/axios”,axios官方文档也有说明。
2020-03-03 14:29:43
1001
原创 flutter 跳坑2 state(()=> );函数设置值只能一个
Utils.modalBottomBox(context, title: "项目筛选", successCallback: () { setState(() { isSelect=isSelectNme; }); ...
2019-12-23 20:10:25
888
原创 flutter挖坑日记 上拉刷新组件使用中 无效
原因是：_refrshListViewProvider函数里面的 _projrctList函数使用的是ListView不能包太多之前的代码：ListView外面包了Container，因为_refrshListViewProvider组件的使用是child: _projrctList(projectList), _projrctList函数里面不能包太多层级，最好就一层ListView...
2019-12-18 18:33:10
1991
转载 Flutter 之 Checkbox 、CheckboxListTile 和 ChoiceChip 控件
Checkbox选择控件 class _MyHomePageState extends State<MyHomePage> { bool _isCheck = false; @override void initState() { super.initState(); } @override Widget build(Build...
2019-12-13 14:46:38
975
原创 flutter ListView
踩坑1：使用ListView，外面包了一层 child: Column( children: <Widget>[ _projectList("上海东方有线", "销售负责人：万海"), ], ),报很多错误，会报错而且页面展示不出来，原因是大...
2019-12-06 15:21:17
206
原创 git 新建分支
crpm-lmz项目名字origin/develop在这个分支下git checkout -b crpm-lmz origin/developgit push origin crpm-lmz查看自己分支是否建成（查看所有分支）git branch -a
2019-12-05 10:58:21
132
原创 this.$route.query一直取不到
在APP.vue里面mounted里面（最前面） console.log(this.$route.query.source)第一次代码运行完成后能打印值， 后面刷新页面一直打印不了，也存了缓存 但是打印不出来，后来找到原因是 route.js并没有执行完毕console就打印出来了， 所以 this.$router.onReady(() => { i...
2019-11-25 18:57:27
11347
原创 encodeUnicode编码
encodeUnicode(str) { var res = []; for ( var i=0; i<str.length; i++ ) { res[i] = ( "00" + str.charCodeAt(i).toString(16) ).slice(-4); } ...
2019-11-22 10:05:56
388
原创 vue 区分微信内核浏览器
let ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { alert("是微信端"); // 是微信端 } else { alert("不是微信端"); ...
2019-11-06 10:20:01
376
原创 后台返回数据中有换行符，但是在文本中不显示换行效果
之前在标签里面是这样写的 （vue项目） <div class="text">{{trainDetail.trainingContent}}</div>返回的后台数据是这样的是含有换行符的后面发现用v-htm就可以解决 <div class="text" v-html="trainDetail.trainingContent"></di...
2019-09-30 10:52:21
3709
原创 watch监听页面变化 动态设置元素的高度
temple中： <iframe width="100%" :height="fullHeight" :src="pdfSRC" id="pdf"></iframe>data()中： fullHeight: document.documentElement.clientHeight , timer: truewatch中： watch: { ful...
2019-09-20 19:17:36
3117
原创 写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？
不带有key，并且使用简单的模板，基于这个前提下，可以更有效的复用节点，diff速度来看也是不带key更加快速的，因为带key在增删节点上有耗时。这就是vue文档所说的默认模式。但是这个并不是key作用，而是没有key的情况下可以对节点就地复用，提高性能。这种模式会带来一些隐藏的副作用，比如可能不会产生过渡效果，或者在某些节点有绑定数据（表单）状态，会出现状态错位。VUE文档也说明了。还有就是ke...
2019-09-04 17:17:49
405
原创 vue 尝试写组件 应用
在父组件中是这样 <div class="coverContent"></div> <region-info class="refion-infos noscrollbar animated fadeInLeft" :data="data" @on-refionEvent="refionEvent" v-show="infoStatus.region"/&...
2019-09-03 11:03:57
110
原创 vue img src="" 的路径在data中不生效 实际上需要这样写
< img src="../assets/images/banner2.png"> 可以生效 放在data里面不生效，比如这样写 // banner图 bannerList:[{ image:"./assets/images/banner1.png" },{ image:"../assets/images/banner2.png" },]实际上需...
2019-08-28 11:55:53
2260
转载 升级vue 一直报错 npm vue-cli -g 出现 ERR!报错的解决方案
npm install vue-cli -g 出现上述error ，如下图所示主要原因是npm不是最新的版本，需要通过以下命令，将npm升级到最新版本：npm install -g npm@latest通过上述命令将npm升级到最新版本，即可。接下来npm install -g vue-cli失败，设置代理npm config set registry=http://registry....
2019-08-01 19:01:13
1092
原创 // this.detailList[0].result=res.data.results//vue视图不被渲染，学会使用$set解决该类问题
例如： this.detailList.forEach(el => { this.$set(el, "reason", ""); this.$set(el, "result", ""); this.$set(el, "remark", ""); });我把数组置空然后给它赋值都是用 $set 这样的话能够视...
2019-07-08 16:59:31
1338
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人