vue
世俗ゝ
所有的伟大都源于一个勇敢的开始!
展开
-
uniapp 上传名片或者图片base64图片视图不更新
uniapp 上传名片或者图片base64图片视图不更新原创 2023-03-20 16:50:43 · 544 阅读 · 1 评论 -
css white-space属性详解
css white-space属性详解转载 2023-02-27 13:35:09 · 17552 阅读 · 0 评论 -
uni-app中checkbox-group实现全选功能
uni-app中checkbox-group实现全选功能原创 2023-02-23 16:50:58 · 2079 阅读 · 2 评论 -
【uniapp】解决 uni.previewImage 不支持Base64的图片在APP上预览的问题
在使用 uni.previewImage 预览 base64 流的图片的情况下,只能在 H5 实现预览,在 APP 上打开后会呈现黑屏并一直转圈。参阅了网上资料后,有效的方法思路如下:先将 base64 转为临时路径,再通过 uni.previewImage 来进行预览。1)到插件市场下载 image-tools 到项目里(或直接 npm 下载)转载 2022-11-03 14:29:14 · 1591 阅读 · 0 评论 -
vue或者uniapp阻止页面滚动
最近uniapp有个需求,页面底部增加悬浮窗,代码上完之后允许上下拖拽,写完之后发现当页面超出屏幕长度的时候拖拽就瞎跑,悬浮窗上下移动页面也跟着移动,思考了下,在滚动触发的时候把当前页面的滚动条锁死,当拖拽离开屏幕的时候再还原,完美解决,话不多说上代码。完毕,组件引入什么的我就不上代码了,太简单了直接省略。...原创 2022-08-05 09:55:40 · 1373 阅读 · 1 评论 -
学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)
学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)转载 2022-02-09 16:51:46 · 163 阅读 · 0 评论 -
控制Highcharts中x轴和y轴坐标值的刻度
绘制小一点的Highcharts图表的时候,因为图表太小了,坐标轴上的刻度值显示不出来怎么办捏,只要把yAxis或者xAxis中的tickPixelInterval设小一点就ok了。这个属性表示区域内坐标刻度之间的间隔距离,单位是像素,y轴默认值72,x轴默认值100。chart = new Highcharts.Chart({ chart:{ ... }, xAxis:{ tickPixelInterval:10 }, yAxis:原创 2022-01-07 14:43:33 · 3039 阅读 · 0 评论 -
uniapp 使用 vconsole
1.安装npm install vconsole2.main.jsconst vconsole = require('vconsole')Vue.prototype.$vconsole = new vconsole() // 使用vconsoleok,完成,记得发生产包的时候注释掉 main.js的这两行代码如果大家觉得好的话欢迎投票哦...原创 2021-12-24 11:33:15 · 3341 阅读 · 1 评论 -
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
个人推荐最下面使用es6的写法///集合取交集Array.intersect = function () { var result = new Array(); var obj = {}; for (var i = 0; i < arguments.length; i++) { for (var j = 0; j < arguments[i].length; j++) { var str = arguments[i][j]; if (!obj[.原创 2021-11-29 17:27:22 · 332 阅读 · 0 评论 -
vue父子组件生命周期执行顺序
vue父子组件生命周期执行顺序今天面试被面试官问到vue父子组件生命周期执行顺序,一头雾水,果断写下打印看下结果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA.原创 2021-10-27 14:40:46 · 130 阅读 · 0 评论 -
前端 图片压缩 png/jpg
https://tinypng.com/原创 2021-09-27 15:39:34 · 229 阅读 · 0 评论 -
js数组去重的9种方法
一、利用ES6中的 Set 方法去重注:Set为ES6新增的一个对象,允许存储任何类型(原始值或引用值)的唯一值let arr = [1,0,0,2,9,8,3,1];function unique(arr) {return Array.from(new Set(arr))}console.log(unique(arr)); // [1,0,2,9,8,3] console.log(…new Set(arr)); // [1,0,2,9,8,3]二、使用双重for循环,再利用数组的spl原创 2021-09-06 15:49:58 · 666 阅读 · 0 评论 -
Vue中的扩展运算符 ...
Vue中的扩展运算符 …含义:扩展运算符( spread )是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。1.操作数组:methods: {/*** 把数组中的元素孤立起来*/iClick() { let iArray = ['1', '2', '3']; console.log(...iArray); // 打印结果 1 2 3},2.在数组中添加元素iClick3() { let iArray = ['1', '2', '3'];原创 2021-09-06 15:01:20 · 878 阅读 · 0 评论 -
vue aes 和 md5 加密解密和区别
1.首先介绍下aes如何使用首先确保有node.js运行命令:npm install crypto-js --save然后在src文件夹下新建js文件夹,目录结构如下:在until.js里面引入crypto-js,然后封装加密和解密的函数。接着在需要用到加解密的文件中引入until.jsimport utils from '@/js/utils.js'做个演示:我在页面创建后执行data函数,打印结果如下:2.介绍下md5的使用方法npm安装:npm install --s原创 2021-09-03 15:21:46 · 1691 阅读 · 1 评论 -
input 正则验证码格式并限制验证码位数
<input type="text" v-model="datalist.vCode" maxlength="6" @input="getClick" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入验证码" v-blur-event />oninput 事件在用户输入时触发。该事件在 或 元素的值发生改变原创 2021-08-19 10:04:40 · 338 阅读 · 0 评论 -
git常用命令
git秘籍1.首先下载git 安装 任何git都要登录 这样公司才知道你是谁 以什么身份提交的命令如下git config --global user.name "Your Name"git config --global user.email "you@example.com"本地仓库和远程仓库要通过SSH加密才能传输,所以需要让gitlab认证本地的SSH Key认证之前,则先使用G...原创 2020-05-08 08:48:09 · 120 阅读 · 0 评论 -
vue mock数据教程
1.mock简介mock是一个模拟数据生成器,旨在帮助前端独立于后端进行开发,帮助编写单元测试。其可模拟 Ajax 并返回模拟数据,使前端不用去调用后端的接口,方便测试。2.vue直接使用mock(1)安装mocknpm install mockjs(2)新建并引入mock.js,并编写mock接口(Mock.mock)。【mock.js】//引入mock模块import Mock from 'mockjs';Mock.mock('/login', { //输出数据 'name原创 2021-04-20 14:55:52 · 394 阅读 · 0 评论 -
flex 影响兄弟元素宽度问题
因为设置了display: flex; 导致block布局变成了flex布局, 所以在子元素宽度没有被撑破的情况下,子元素宽度是有效的,但是当子元素内容过多,此时宽度会比实际宽度小,所以如果想要在已经设置了flex布局的基础上,再进行子元素宽度的设置,可以应用下面的样式:(在该子元素上设置)width: 180px;flex-shrink: 0;...原创 2021-01-29 16:08:14 · 889 阅读 · 0 评论 -
vue 或者 uniapp ref的用法总结
1.基本用法,本页面获取dom元素<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div></template><script>export default { methods: { getTest()原创 2021-01-29 11:43:48 · 13272 阅读 · 0 评论 -
js 去掉小数点后面的0 (uniapp 和 vue比较适用)
在项目中后端返回的数据是这样的由于移动空间比较小,00 也比较占用空间,干脆去掉,美观又好看var a=11.00;console.log(a);;数字类型用的时候直接就去掉了无用的0var a=‘11.00’;console.log(Number(a));字符串类型转成数字类型也就直接去掉了后面没用的0OK了...原创 2021-01-28 09:36:37 · 5497 阅读 · 0 评论 -
vue 子路由 以及处理子路由高亮bug
点击主路由想让主路由显示高亮就要在底部的footer文件里 写好主路由下的子路由比如 交易模块下又三个子路由 <div class="tab-item" id="teshubox" @click="switchTo('/transaction')"> <div class="slot"></div> <div cla...原创 2021-01-27 15:47:04 · 218 阅读 · 0 评论 -
uniapp 或者 vue 解析时间成年月日或者时分秒格式
如果遍历后端接口返回的时间格式是 createtime: 1611559327 这种 ,然而我们现实需要显示具体的日期,可以这么做1.在min.js 写入如下封装的代码Vue.filter('dateFormat', (date, format) => { var time = new Date(date); var y = time.getFullYear(); var month = time.getMonth() + 1; var d = time.getDate(); var h原创 2021-01-26 13:40:17 · 1181 阅读 · 0 评论 -
uniapp 或 vue 封装公共方法
项目中,如果频繁用到某些方法的时候,我们肯定要去想到封装,不然代码冗余,看上去非常不美观,下面,我简单封装个例子,希望大家都能主动去封装自己常用的方法1.我一般喜欢把封装的js文件放在utils静态文件夹下 如图:2.举个例子 我封装手机号码的验证格式//校验手机格式function checkMobile(mobile) { return RegExp(/^1[34578]\d{9}$/).test(mobile);}//一定要声明暴露函数,可以被引用 module.exports原创 2021-01-26 13:28:54 · 2027 阅读 · 0 评论 -
uniapp或者vue input只允许输入文字
<view class="oderInfo1"> <text>联系人:</text> <input type="text" focus clearable value="" v-model="form.contacts" @input="onKeyYHKNameInput" placeholder="请填写联系人" /></view> data() { return { form: { contacts原创 2021-01-15 09:00:51 · 1649 阅读 · 0 评论