- 博客(15)
- 收藏
- 关注
原创 uni-app支付
app支付–>支付宝支付// #ifdef APP-PLUS// 获取服务供应商uni.getProvider({ service: 'payment', success: (res) => { if (res.provider.includes('alipay')) { // 需要调用接口 将后端需要的数据传过去,接口返回orderInfo // this.$api封装的请求方法 t
2021-11-09 17:00:21
176
原创 手机号脱敏(正则)
mobileNumberChange(str) { let text = str.toString() return text.replace(/(\d{3})\d*(\d{4})/, '$1****$2');}
2021-10-27 11:43:10
1444
原创 在uniapp中使用web-view
在uniapp中使用web-view为什么使用web-view?使用window.open方法打开外网地址在安卓手机中可以正常运行,但苹果浏览器不支持此方法使用方法新建web-view文件将web-view的路径添加到pages.json中webview页面...
2021-10-25 11:21:30
2010
原创 关于axios的get请求传参乱码的问题
vue项目中使用axios的get请求,当参数中的value存在中文时,需要在header请求头中配置:header: { 'Content-Type': 'text/html; charset=utf-8' }浏览器会自动将参数中含有中文的value原样输出
2021-03-18 16:27:43
3484
原创 element-ui点击菜单(el-menu)切换不同路由
<div class="hello"> <el-container style="height: 500px; border: 1px solid #eee"> <el-aside width="200px" style="background-color: rgb(238, 241, 246)"> <!-- router属性 --> <el-menu router :default-openeds="
2021-03-09 11:57:43
1970
原创 vue中使用mock模拟数据
vue中使用mock模拟数据1、安装mock.js2、在src文件夹下创建一个mock文件夹(新建mock.js文件)3、 在mian.js中引入mock数据4、 调取接口1、安装mock.jsnpm i mockjs -S2、在src文件夹下创建一个mock文件夹(新建mock.js文件)//引入mockimport mock from 'mockjs'//创建mock数据 例:const data = { 'id|+1': 1, 'city':'@province()', '
2021-03-08 17:01:11
299
原创 vue-loader小技巧
preserveWhitespace场景:开发 vue 代码一般会有空格,这个时候打包压缩如果不去掉空格会加大包的体积配置preserveWhitespace可以减小包的体积{ vue: { preserveWhitespace: false }}transformToRequire场景:以前在写 Vue 的时候经常会写到这样的代码:把图片提前 require 传给一个变量再传给组件// page 代码<template> <div> <a
2020-10-08 23:35:51
695
原创 VUE中的Object.freeze
场景:一个长列表数据,一般不会更改,但是vue会做getter和setter的转换用法:是ES5新增的特性,可以冻结一个对象,防止对象被修改支持:vue 1.0.18+对其提供了支持,对于data或vuex里使用freeze冻结了的对象,vue不会做getter和setter的转换注意:冻结只是冻结里面的单个属性,引用地址还是可以更改new Vue({ data: {// vue不会对list里的object做getter、setter绑定 list: Object.
2020-10-08 23:25:12
848
原创 Vuex进行全局的数据管理
Vuex是一个专门服务于Vue.js应用的状态管理工具。适用于中大型应用。Vuex中有一些专有概念需要先了解下:State:用于数据的存储,是store中的唯一数据源;Getter:类似于计算属性,就是对State中的数据进行二次的处理,比如筛选和对多个数据进行求值等。Mutation:类似事件,是改变Store中数据的唯一途径,只能进行同步操作。Action:类似Mutation,通过提交Mutation来改变数据,而不直接操作State,可以进行异步操作。Module:当业务复杂的时候,可以
2020-10-04 20:24:07
1269
1
原创 一文读懂Ajax
一、什么是AjaxAjax是一种异步请求数据的web开发技术,对于改善用户的体验和页面性能很有帮助,简单地说,再不需要重新刷新页面的情况下,Ajax通过异步请求加载后台数据,并在网页上呈现出来,常见运用场景有表单验证是否登录成功、百度搜索下拉框提示和快递单号查询等等。Ajax的目的是提高用户体验,减少网络数据的传输量。同时,由于Ajax请求获取的是数据而不是HTML文档,因此它也节省了网络带宽,让互联网用户的网络冲浪体验变得更加顺畅。二、Ajax的原理是什么在解释Ajax原理之前,我们不妨先举个“领导
2020-10-02 21:38:38
137
原创 JavaScript数组的排序算法
将数组中的数值,按照执行的顺序,从小到大排序的方法有两种:冒泡排序 和 选择排序冒泡排序的原理:相邻的两个单位,比较存储的数据,如果第一个单元的数据较大,就将两个相邻单元,交换存储数据,看图:选择排序的原理:先定义循环的起始位置默认为最小值所在位置从起始位置下一个位置开始,执行循环如果有位置上的数值,小于,存储索引位置上的数值存储这个位置的索引值,比较存储的索引,最后判断是否在起始...
2020-03-22 19:22:12
145
原创 Flex盒模型布局的基本操作及使用
什么是flex布局?Flexible Box 模型,通常被称为 flexbox,即弹性盒模型,是一种一维的布局模式,是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。它既可以应用在pc端,也可以应用在移动端。flex盒模型是W3C在2019年提出的一种新的方案。怎...
2020-03-02 09:44:51
270
原创 HTML常用标签
HTML5是什么?HTML是一种编程语言,用在浏览器里。HTML是一种文件格式,也是计算机的一种语言。 通俗来说,HTML是世界通用的标记性语言,浏览器能把它翻译并展现出来,用来描述一个网页的信息。HTML5是HTML最新修订的版本,由万维网联盟(W3C)于2014年10月完成标准制定,目标是取代1999年所制定的HTML4.01版本和XHTML1.0标准,以及能在互联网迅速发展的时代使网...
2020-02-24 09:31:49
288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人