紫轩阁-优快云博客

官方文档中使用picker-options属性来限制可选择的日期，这里举例子稍做补充单个输入框的组件代码：<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"></el-date-picker>情景1: 设置选择今天以及今天之后的日期data (){ return {

2022-05-05 10:41:14 12790 1

原创 JS 怎么将数组里的所有字符串转换为数字（互相转换）

使用 map()字符串 => 数字：const value= ['1', '2', '3']value = value.map(Number) // [1, 2, 3]字符串 => 数字：const value= [1, 2, 3]value = value.map(String) // ['1', '2', '3']

2022-04-21 12:07:39 10573

原创微信小程序识别息屏

微信官方给的**onHide()**的执行条件是“小程序从前台进入后台时触发”，就是只要用户看不见这个页面，包括离开小程序，离开此页面，离开微信，熄灭屏幕等等都会被调用。监听息屏时，把参数重置...

2022-04-18 12:02:27 1321

原创移动端适配兼容--ios系统iphoneX等机型底部小横条处理，app嵌入的适配处理

2022-02-24 15:40:00 4617

原创 ios6在input框输入内容时软键盘弹起来把页面上移后，使页面卡在ios顶部不会自动下来

// 兼容iPhone6键盘弹出无法回弹原位，且页面卡住了 setTimeout(()=>{ if(document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA'){ return } let result=''; if(/(iPhone|iPad|iPod|iOS)/i.test(navigat

2022-02-23 11:41:11 480

原创 Vue动态替换路由-Url参数

动态替换和修改URL的参数，可使用webpack-merge包来完成。1、安装webpack-mergenpm install webpack-merge --D2、引入包import merge from 'webpack-merge'3、操作参数新增// 新增一个id this.$router.push({ query:merge(this.$route.query,{'id':'123'})})修改// 修改idthis.$router.push({ qu

2021-12-24 15:00:35 2451

原创常用快捷键列表

vs code 的常用快捷键列表一、vs code 的常用快捷键列表1、注释：a) 单行注释：[ctrl+k,ctrl+c] 或 ctrl+/b) 取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u)c) 多行注释：[alt+shift+A]d) 多行注释：/**2、移动行：alt+up/down3、显示/隐藏左侧目录栏 ctrl + b4、复制当前行：shift + alt +up/down5、删除当前行：shift + ctrl + k6、控制台终端显

2021-12-21 21:42:38 271

原创 vs code 的常用快捷键列表

常用快捷键

2021-12-21 21:37:24 2611

原创 vue中swiper vue-awesome-swiper的使用方法和爬坑大法

文章目录由版本引起的一系列坑正确的使用姿势：安装（指定版本）组件中使用总结：坑1按照上图安装方法，npm将安装最新的vue-awesome-swiper（@4），对应的是swiper6，但是国内暂时没有swiper6的文档，意味着没法参考使用方法，有问题也不好去网上找坑2最新版vue-awesome-swiper的安装姿势是这样子滴：npm install swiper vue-awesome-swiper --save对比vue-awesome-swiper版本3npm ins

2021-11-23 14:40:35 1043 1

原创 koa2入门学习_1

1、node.js 安装就省略了2、新创建一个文件夹存放这个demo3、进入demo文件夹里 cmd ,npm init -y4、安装koanpm install koa --save5、用nodemon 启动项目nodemon 安装 npm install nodemon -g --save在cmd 输入nodemon app.js 等同于 node app.js新修改代码，nodemon 会自动启动，不用再手动启动了...

2021-11-03 16:58:59 218

原创 object-fit属性-详解

object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。**二、object-fit属性值：**1.fill(与不使用模样一样)默认值，不保证保持原有的比例，内容全部显示铺满容器。2.contain个人理解：保持原有尺寸比例，使图片的宽度完整的显示，高度自动缩放。3.cover个人理解：保持原有尺寸比例。高度铺满容器，宽度等比缩放，超出部分被剪掉。4.none个人理解：图片原有宽高不变，超出部分被剪掉，保留下来的内容使图片的正中央。5.scale-do

2021-10-14 15:16:03 3979

原创微信浏览器唤醒App

实现效果如下图所示，顶部会有一个广告图，点击这个广告图，如果手机上已经安装了App，则直接打开，如果没有安装，则开始下载，如果在微信公众号中，则跳转应用宝第三方平台跳转。html<span @click="openAppClick" class="see-btn">打开APP</span>jsopenclient(){ let ua = navigator.userAgent.toLowerCase(); //config 配置文件 JS 传递

2021-09-02 14:56:44 668

原创 vue-awesome-swiper获取当前页的索引值

html<swiper ref="mySwiper" :options="swiperOptions"> <swiper-slide>Slide 1</swiper-slide> <swiper-slide>Slide 2</swiper-slide> <swiper-slide>Slide 3</swiper-slide> <swiper-slide>Slide 4</s

2021-09-01 23:55:37 5134 4

原创 VS Code最常用插件

1、chinese 编辑工具汉化2、material theme 编辑器主题插件3、Prettier 代码错落格式化4、Braket Pair Colorizer2 括号一对颜色相同5、Auto Rename Tag 修改标签头，尾一起改变6、Live Server 开启本地的http server，监听保存自动刷新页面...

2021-09-01 22:54:15 3953

原创 2021-07-17

VUE 各种遇到的问题以及面试题原理1.你知道vue的模板语法用的是哪个web模板引擎的吗？说说你对这模板引擎的理解.mustache，主要是使用{{}}进行数据渲染。2.你知道v-model的原理吗？那双向绑定的原理呢？v-model是一个语法糖，真正实现双向绑定还是依靠v-bind：绑定响应式数据。以及触发input事件并传递数据（核心和重点）双向绑定的原理：通过Observer把数据劫持（Object.defineProperty()），加入到订阅器（Dep）,订阅器收集订阅者（watc

2021-07-17 14:15:37 200

原创 vue css采用别名引入背景图

在vue css中采用别名引入背景图片，可以在前面加一个波浪号css 属性中： background: url("~@/assets/xxx.jpg")Webpack 会将以~符号作为前缀的路径视作依赖模块而去解析，这样 @的 alias 配置就能生效了。...

2021-05-17 15:40:27 871

原创移动端隐藏滚动条

设置高度时想要有滚动的效果，父级也要设置高度给滚动条的部分设置宽高为100%， overflow-y: auto;设置滚动条的部分::-webkit-scrollbar{ width: 0; display:none; }

2021-05-14 15:22:43 402

原创 calc()函数 css中用100%的宽度/高度，减去px

注意：1. 运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；2. 任何长度值都可以使用calc()函数进行计算；3. calc()函数使用标准的数学运算优先级规则；4. 它支持 “+”, “-”, “”, “/” 运算*div{ height: calc(100% - 114px);}...

2021-05-14 15:17:49 3600

原创解决git冲突

第一种git stashgit pull origin 分支名称git stash pop第二种冲突解决方法：1.按键盘字母 i 进入insert模式2.修改最上面那行黄色合并信息,可以不修改3.按键盘左上角"Esc"4.输入":wq",注意是冒号+wq,按回车键即可...

2021-05-13 15:08:14 223

原创子组件接收props的属性不能在mounted,created赋值无效

1、子组件接收props的属性不能在mounted,created获取值无效需用watch 或者computed 接收转换

2021-05-13 15:03:21 707

原创解决Computed property “people_num“ was assigned to but it has no setter.问题

computed: { people_num() { return this.$store.state.people_num; }, },改成computed:{ ...mapGetters(['peopleNum','priceParams','tplCode','subitems']), people_num:{ get(){ .

2021-05-13 14:55:40 200

原创使用vue vantUi框架根字体是37.5 和默认根字体75不一致，导致页面组件样式变小

**vue/cli 4.5.10的解决方法，亲测有效**

2021-04-24 18:42:53 385

原创解决IOS中H5页面返回历史页页面不刷新问题

目前找到的有两种方式解决这种问题 1. 使用onpageshow事件，监听该事件，代码来源解决微信端ios返回页面不刷新的问题，目前该方法我测试可用目前该种情况主要出现在IOS新升级的系统13.5 发现了该种情况（12目前没有发现该种情况），使用window.history.back(-1)，返回历史页面，页面不刷新。目前该方法已测试，代码如下：window.onload = function () { var isPageHide = false; // 页面加载（是没有刷新页面的，跟页面刷新有着

2021-04-08 14:25:04 1608

空空如也

空空如也