![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
对点出暴击
未见青山老,昔人已白头。
展开
-
vue3 vite 经纬度逆地址解析
不过需要注意的是,这两种方法都会导致你的key暴露,以上代码只做测试用不能用于线上发布,线上肯定还是要把key放在后端的。在web端测试经纬度逆地址解析有2中方式,先准备好两个应用key。如果你用“浏览器端”key测试服务器端会报240报错。且需要配置vite.config.js文件的代理。第一种,使用“浏览器端”应用类型。第二种,使用“服务端”应用key。原创 2024-02-23 17:01:35 · 505 阅读 · 0 评论 -
前端不得不学之nginx
前端要不要学下nginx?可以浅尝辄止一下,非必要不用深入研究。原创 2022-06-01 11:49:27 · 704 阅读 · 0 评论 -
axios cancelToken真的符合你的使用场景么
你确定cancelToken取消就行,要不干脆在请求前拦截了吧!原创 2021-12-16 15:17:13 · 431 阅读 · 0 评论 -
css 类名不能乱起,避免被浏览器插件屏蔽
项目是基于vue-element-admin,开发过程中遇到了令人自闭的大坑,发现问题的契机为想把重复的几处style写成class。因为功能模块是广告类型相关,我就取了个“ad-item”的类名,问题出现了,界面上的元素没了,查看类的属性,宽高字体大小都给了,遂查看项目中的同名样式,发现没有同名样式,这就太离谱了。把class的样式复制给style没毛病,我定位出必然是class冲突了,要么是被ele给覆盖了,要么是在别的地方被覆盖了。去浏览器的样式表搜了一下ad-item,发现一个很奇怪的样原创 2021-05-10 17:28:13 · 253 阅读 · 0 评论 -
el-upload typescript 多文件上传添加loading progress
el-upload的单文件上传loading框很好做,如果涉及到单次要上传多个文件,产品同志又给你提bug说加载条怎么消失了的时候,改怎么优化自己的上传组件呢?标签<el-upload ref="uploader" style="display:inline-block;" action :on-success="handleImportFinished" :on-progress="handleUploadProgress" :on-erro原创 2021-02-01 15:10:36 · 3491 阅读 · 0 评论 -
Vue vue-property-decorator框架下 对于@PropSync 跨2代传值 思考
当我们遇到跨2代组件传值,但是又不想依赖Vuex的重或者担心EventBus会搅乱代码时,我们也可以用多层的@PropSync传递来解决问题祖节点标签<grandComp :product-name.sync="title"/>jsprivate title = '';created() { this.title = 某函数返回值;}父节点我们可以什么都不做,只接受祖节点传递的productName。标签<ProductDetailBaseI原创 2020-12-03 11:14:56 · 1126 阅读 · 2 评论 -
uni vue 正则解决中文名输入数字字母符号表情
以下是自己使用的工具函数,其中emoji-regex需要安装依赖包npm i emoji-regexfunction irRegular(str, type, returnType, message) { /* * str 传入的值 String * type 替换类型 String ('Number', 'Letter' ,'Sign', 'Emoji' ,'All') ...原创 2020-01-15 10:55:10 · 727 阅读 · 0 评论 -
uni-app前端框架坑点集合,打包图片加载不到问题
canvas画图保存到本地才发现的当绘制网络资源图片时保存为空白图片。对于CanvasContext.drawImage这个canvas的画图函数中imageResource并未标明对图片资源的要求,就早些版本是可以加载网络图片的,但是2019.12.12日对照微信小程序文档发现对于网络资源必须downloadFile存为缓存图片。此处uni文档并未标明。HbuilderX 2.2.2 ...原创 2019-04-08 08:25:20 · 13662 阅读 · 0 评论 -
js vue生成两位小数的分数运算
本需求是关于运用随机来数训练分数计算的能力,使用vue前端产生一个数组然后保存到excel里。本文重点讲分数的随机数生成。getRandom () { //获取一个0-100的整数 return Math.ceil(Math.random() * 99) + 1}getChild (n) { //获取一个n-100n的不被n整除的数 let...原创 2019-02-13 09:25:47 · 2771 阅读 · 0 评论 -
vue vux x-header组件的返回图标颜色修改
业务场景:自己在x-header的基础上再封装了一下,要求根据父页面传来的参数设置x-header的标题背景色、标题字色和返回颜色动态修改背景色比较简单<template> <x-header :style='backColor'> </x-header></template>data () { return {...原创 2018-11-23 16:25:18 · 4949 阅读 · 0 评论 -
微信打开静态页面分享给好友
先说一下需求,在原来的主页面右上角要添加一个分享按钮然后要求点击后弹出微信自带的分享给好友的功能,乍一看好像不难,之前确实没有微信相关的开发经验,但愣是花了3天才搞好。先说一下结论:真是好大一个坑,微信的分享不能从自定义的按钮走,只能重写右上角那三个点的分享功能!开发环境相关技术:vue / vux / webpack / j2ee1.vue项目根目录下main.js中加载jsSDK...原创 2018-08-06 17:48:50 · 3655 阅读 · 0 评论 -
Vue 自定义单选组件
先展示样式效果代码如下html:循环遍历数组展示单选内容,点击后绑定picked值会与value值相等,若v-model值和:value值相等就会触发checked=true<div v-for="(i,index) of dd" :key="index"> <label class="myRadio"> <input type = "radio"原创 2018-07-12 10:55:35 · 2177 阅读 · 3 评论