- 博客(53)
- 收藏
- 关注
原创 vs code相关
字体:在setting.json 中设置 :{ //.... "editor.fontFamily": "Consolas, 'Courier New', monospace"}
2021-12-17 10:15:00 66
原创 Daily Accumulation
css多个宽度不同图片(高度相同)在一行,并且需要随着屏幕宽度自适应:height 用 vw 为单位来写–> vw参照的是浏览器视窗的宽度,即将视窗宽度平分为100份,看每个容器占视窗宽度的几份–> 假设此时是1920分辨率,且浏览器全屏,一个容器宽度是192px,那么它占的份数就是192/1920*100=10vw。–> 然后图片宽度设置为auto例如:img{ width: auto; height: 2.396vw;// 图片原本设置的高度为46px, 46/1
2021-12-14 10:17:29 772
原创 封装element ui组件
在项目中,经常有封装element ui组件的需求目的其实也很简单,就是为了统一样式,或者方便后期统一修改,或者后期换组件之类的需求。下面来上代码,看看在vue里怎么封装已有ui组件其实道理是一样的,不只针对element ui,如果是其他ui组件也适用//select<template> <el-select @submit.native.prevent v-bind="$attrs" v-on="$listeners" ><slot></s
2021-12-10 16:44:58 1903
原创 nvm安装 踩坑
windows 系统 的 node管理器可以自由切换node的版本删除原有node首先安装前,需要先卸载电脑上原有的node:点开左下角 窗口 图标,直接输入 node 搜索,会出来node选项,然后点开 在文件中打开 按钮双击 uninstall node 的文件,按照提示卸载node清除残留文件,大概位置可能有:C:\Program Files (x86)\NodejsC:\Program Files\NodejsC:\Users{User}\AppData\Roaming\npm
2021-11-15 18:45:13 1008
原创 uniapp小程序 生产环境 调试console
uniapp 官方有提供api uni.setEnableDebug直接调用即可// 打开调试uni.setEnableDebug({ enableDebug: true})// 关闭调试uni.setEnableDebug({ enableDebug: false})
2021-11-03 15:22:36 1898 1
原创 @media 响应式在手机上没有生效
如题,如下代码在电脑端浏览器缩放是响应效果,但是在模拟手机的时候响应式样式没有生效在手机端打开页面也是没有生效用的是nuxtjs 框架@media screen and (max-width: 900px) { //css //...}解决:–原因: nuxtjs 框架不想vue 框架,没有index.html ,所以一般html 里都会有的meta标签之类,它都没有,所以说需要手动加入该响应式的meta标签–方法:在 nuxtjs 的nuxt.config.js 里加入meta//
2021-11-03 10:11:24 1301
原创 小程序相关
uniapp 本地以及真机调试数据正常,提交后体验版没有数据:首先需要检查是否在小程序后台配置接口域名并且http 和 https 不互通,配置的地方必须和是代码里使用的域名分毫不差配置:
2021-10-12 16:46:09 61
原创 Liveness probe failed: HTTP probe failed with statuscode: 500
Nuxt js 项目发生产的时候,运维说前端服务起不来,K8S 报错,然后前端页面显示502 bad gateway毫无头绪,怀疑是服务端渲染本地连接生产环境后报 CORS error 跨域最终原因:前端调用的生产环境接口域名被改了……解决方法:...
2021-10-12 15:55:53 4631
原创 $emit参数读取方式 $event、arguments
1: $event 常用于单个参数emit, 且父组件中的响应函数需要用到本身的指定的数据(如列表中的index)其实子组件也可以通过对象存储多个传参,然后用单个对象传递代码如下:// 子组件中:onChange(value){ this.$emit('onChangeFn', value)}// 父组件中:<childenComponents @onChangeFn="FnName($event, index)"></childenComponents>
2021-09-29 14:28:51 1099
原创 JS获取当前时间的昨天以及任意一天
JS获取当前时间的昨天以及任意一天// 具体方法如下(可复制直接使用,参数中的问号是ts写法,可以去掉)function getNowFormatDate(day?) { const date = new Date() if (day) { date.setTime(date.getTime() + 24 * day * 60 * 60 * 1000) } const seperator1 = '-' const year: any = date.ge
2021-09-28 11:37:36 668
原创 js 修改meta标签 属性
我们跳转不同网站的时候,基于一些业务需求可能有的场景需要在请求头里带 refer 信息,有的场景又不能带这个refer 信息:需要refer信息:<meta name="referrer" content="never">需要refer信息<meta name="referrer" content="always">当然,referrer 的meta 值还有很多,这里就不做详细介绍了但是可能还有一种场景:同一个项目中,有的页面中的请求头需要refer 信息
2021-07-02 14:32:18 4648
原创 外部H5唤起微信小程序
需要在第三方网站直接打开微信小程序:以下是找到的参考链接,实现过程等后续补https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.htmlhttps://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/url-scheme/urlscheme.generate.html...
2021-05-29 17:35:38 1750
原创 查看微信小程序的原始账号id和appId
这边接到需求说要在H5页面中打开小程序,查到微信文档找到:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html使用 wx-open-launch-weapp标签来跳转这个标签需要传入所需跳转的小程序原始id,即小程序对应的以gh_开头的id下面就来说下怎么找到这个原始id1.-- 进入一个小程序,点击右上角那三个点点的图标,就出现图下图的弹窗,点击弹窗顶部标题2.-- 点击标题之后会进
2021-05-29 17:28:31 11615 2
原创 css-排除类名
场景: 写了一个通用块,有禁用样式 和 hover样式然后 被禁用的时候 希望 hover的样式 可以不生效解决:.wrap:not(.is-disabled).wrap{ &.is-custom { //一些样式... &:not(.is-disabled):hover { display: block; box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.08); //...其他hove
2021-05-25 13:39:43 497
原创 判断是页面否为微信打开
场景:做微信分享功能时有个需求说要做用户记录跟踪,需要获取用户的openId传给接口存储基于这个openId的获取需求,需要做微信静默授权才能获取到这个openId但是这个静默授权有个问题:如果不是微信打开这个页面,会报需要微信打开的一个报错提示,整个页面只能在微信打开最后就是要判断这个页面是否在微信打开:export const isWeixin = () => { let ua = navigator.userAgent.toLowerCase() return ua.ind
2021-05-20 11:45:46 1247
原创 el-select 重写(动态加载,已保存值无法回显问题)
element ui的 el-select 不满足需求,看了下源码对其中的某些方法重写问题: 下拉选项数据为动态加载,用户之前选择了第一页之后的数据,在编辑回显时,无法显示之前的已选值解决方案:然后el-select设置成返回已选项的对象需要保存选中项的code和name(需要和后端沟通,让他接口帮忙保存)重写el-select 的回显值方法下面是重写内容:<el-select ref="select" class="load-select" v-model=
2021-05-20 11:24:13 2460 2
原创 css实现文本缩进
需求: 拼接后端返回内容,并按照代码缩进格式展示,并且可以保留排版复制分析:因为要复制,所以只能放在一个dom盒子里面,不能拆不同dom写样式解决:style="white-space: pre-wrap"note: 我这里实行的比较简单,大家如果是很多的代码串展示的话,可以尝试在’><’ 直接加上分隔符试试,或者有其他的办法可以给我指下路^ V ^复制的话可以去看下我的另一篇文章js实现复制文本及其排版格式<div id="'code-wrap'" class="co
2021-04-27 11:20:25 471
原创 js实现复制文本及其排版格式
复制文案同时保留其缩进排版// 复制文案同时保留其缩进排版copyFn(){ const selection = window.getSelection() selection.removeAllRanges() const range = document.createRange() range.selectNodeContents(document.getElementById('code-wrap')) // 需要选中的dom节点 selection.a.
2021-04-27 11:09:19 733
原创 登录localstorage与http、https踩坑
相同的地址在http协议和https 协议下存储的localstorage 是不互通的跳转的时候需要注意
2021-04-07 10:58:08 759
原创 微信分享ios兼容
微信分享ios兼容修复微信HTML5 History兼容性问题遇到问题: ios的微信中,初次进入页面后分享不生效,但是刷新之后分享是生效的解决方案: 在分享页面中加入以下代码beforeRouteEnter(to, from, next) { // 修复iOS版微信HTML5 History兼容性问题 if (to.path !== location.pathname) { // 此处不可使用location.replace location.as
2021-03-16 17:48:55 507 2
原创 2021-03-02
遇到的疑难杂症(坑)1. 生产报错但是本地开发环境不报错原因:vue-property-decorator的包版本不同package.json里的版本号用了 ^8.2.2^是指安装不低于 8.2.2的最新模块解决方案: 去掉 **^**号,锁定版本在8.2.2...
2021-03-02 17:56:04 52
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人