JIZQAQ学习&踩坑笔记本

业务需求，

之前有个设计稿上没有的颜色，我直接偷懒，在vscode里面写css的时候选了，大概类似下面这个样子。电脑上看的时候是没问题的，chrome显示正常，我们测试手机是苹果，IOS也显示正常。结果隔了一段时间，我自己想要尝试一下的时候，在我的安卓机上发现这个颜色就是不显示。我自己的手机是华为的mate 20 pro，我手头上也没有别的安卓机，不知道是华为的问题还是安卓的问题。最后解决方案是，改成rgba格式正常显示，带透明度的颜色还是乖乖先用着rgba吧泪目…...

官方demo：https://wangdahoo.github.io/vonic-documents/demo/#/Datepicker文档：https://wangdahoo.github.io/vonic-documents/#/zh/api?id=datepicker完全没有提到怎么修改可以选择的时间范围啊…试了常规的minDate什么的都不行，到底是为什么会默认最早的时间是19...

做了个Vue+Vant的mobile端web项目，整个设计原本是小程序的，现在临时改成web，发现不需要缩放，于是把缩放给禁用掉。找到这个项目的index.html文件添加一行<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">content里面几个参数意思是宽度设置为设备宽度，initial-scale属性控制初始

微信官方文档——微信网页开发/网页授权https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html官方给的获取openid步骤：目录第一步：用户同意授权，获取code第二步：通过code换取网页授权access_token第三步：刷新access_token（如果需要）第四步：拉取用户信息(需scope为 snsapi_userinfo)前端需..

官方文档：ElementUI ——InfiniteScroll 无限滚动https://element.eleme.cn/#/zh-CN/component/infiniteScroll根据文档这部分，写了我的代码，开始长下面这样子…结果发现了一个问题，就是进入页面之后像是 infinite-scroll-disabled和infinite-scroll-immediate没有生效似的，页面疯狂调用onLoad函数。<div class="left" v-inf...

父组件中我写了一段这个，大概就是封装了一个小卡片，外面用了个list<div v-for="item in likeList.list" :key="item.likeId"> <me-like-item :item="item" :current="currentItem" @click="clickCurrent(item)"></me-like-item></div>业务需要呢，我每次点击一个卡片的时候，卡片背景颜色和字体什.

和往常一样先放个现在项目结构的图片在components文件夹新增你需要的组件的文件夹和对应index.vue因为是工作项目，所以就不展示具体的代码了，index.vue里面的结构大概是<template> <div>具体组件</div></template><script>export default { name: 'RecognitionCard', components: {}, props: {

使用场景为需要请求4个接口，每个接口会返回一个数字，最终将他们相加显示出来。我使用下来，个人偏向于使用Async/Await，感觉代码更简洁、易读，就按顺序写下来就是了。先是使用Promise的例子：getTotalNum(){ let getOneEvent = new Promise((resolve) => { this.$api.getApiOne(params).then(res => { if(res.status ==

先展示一下现在项目结构，红色框框圈出来的是涉及到改动的部分。先展示一下.env.production的内容，.env.production里面VUE_APP_CURRENTMODE = 'prod'，下面根据实际项目需求配置。VUE_APP_CURRENTMODE = 'dev'VUE_APP_BASEURL = 'https://XXXXXXX'VUE_APP_IMGURL = 'https://XXXXXXX'main.js 这样子用this.$api就能调用我们封装好的接口了。

.env 全局默认配置文件，不论什么环境都会加载合并.env.development 开发环境下的配置文件.env.production 生产环境下的配置文件开发环境下会自动获取.env.development的变量，用build运行的时候则会使用.env.production的变量。项目结构如下图。环境变量命名需要以VUE_APP_开头，如VUE_APP_BASEURL = 'http://XXXX/XXX'VUE_APP_IMGURL = 'http://XXXX/XXX'