- 博客(35)
- 收藏
- 关注
RSS订阅
转载 模仿ios 左滑删除
<style> body { background-color: #f2f2f2; } h1 { text-align: center; font-size: 1.4em; padding-top: 2em; padding-bottom: 2em; } .wrapper { position: relative; ...
2021-08-06 16:55:34
209
原创 后台管理系统 单个上传pdf和word格式文件
<el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px"> <el-form-item label="招标文件" prop="field"> <el-upload ref="field" :file-list="fieldfileList" :action="fieldActi
2021-05-26 11:49:47
494
原创 修改对象数组中的属性名
JSON.parse(JSON.stringify(res.data.results).replace(/userAnswer/g, 'answer')) // res.data.results为数组，userAnswer为修改前，answer为修改后
2021-03-10 15:40:47
854
原创 uniapp使用websocket实时通信
<view class="live_btm"> <input v-model="sayContent" type="text" placeholder="开始互动吧~" /> <view class="send" @click="tapSend">发送</view></view>data() { return { message: '', sayContent: '' }},onLoad(option) { this.
2021-01-30 15:50:40
1758
1
原创 移动端软键盘监听（弹出，收起），及影响底部inout框布局的问题 uniapp
思路：1.两个input框 其中一个键盘弹起的时候显示，收起的时候隐藏2.uni.onKeyboardHeightChange 监听软键盘的高度 <view class="live_btm"> <input :adjust-position="adjust" v-model="sayContent" type="text" placeholder="开始互动吧~" placeholder-style="color:#999;font-size:13px;" /> &
2021-01-30 15:22:04
1495
原创 vscode格式化代码的时候 会自动添加分号
新建一个.prettierrc文件{ "semi": false, "singleQuote": true, "trailingComma":"none"}“semi”: false // 格式化不加分号“singleQuote”: true, // 格式化为单引号“trailingComma”:“none” //格式化没有尾随逗号更多配置点击—...
2021-01-27 10:03:25
2259
原创 函数function封装
手机号隐藏后四位验证手机格式验证身份证号码验证电子邮箱格式使用循环的方式判断一个元素是否存在于一个数组中/** * 手机号隐藏后四位 */function setPhoneHide(str) { return (str.substring(0, 3) + "****" + str.substr(str.length - 4)).toString();}/** * 验证手机格式 */function isMobile(value) { return /^1[234.
2021-01-23 10:59:40
288
原创 在vue中使用swiper时左右点击按钮失效
左右按钮须自己绑定事件 @click<swiper ref="mySwiper" :options="swiperOptions"> <swiper-slide :class="{swiperActive:item.id==midCourseID}" v-for="(item,index) in midCourse" :key="index" @click.native="getMidCourse(item)" >{{item.title}}
2021-01-21 14:55:30
1052
原创 vuex的使用
在src下面新建一个文件夹 storeindex.js文件import Vue from 'vue'import Vuex from 'vuex'import mutations from './mutations'import actions from './action'Vue.use(Vuex);const state = { name:'',//名字 count:0 //商品数量}export default new Vuex.Store({ state, mu
2021-01-16 10:53:16
111
原创 vue axios接口封装及使用 以及全局的加载状态
request.js文件import axios from 'axios'import { Loading, Message } from "element-ui";const service = axios.create({ baseURL: '接口地址', timeout: 5000,})service.interceptors.request.use( config => { if (typeof config.data == "object
2021-01-15 15:07:33
256
1
原创 微信小程序图片预览
<image src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2853553659,1775735885&fm=26&gp=0.jpg" bindtap="previewImage" />previewImage() { console.log("图片预览") wx.previewImage({ current: 'https://ss0.bdstatic.com/70c
2021-01-15 14:50:53
135
原创 DCloud appid 用途/作用/使用说明 uniapp的应用标识
DCloud appid（以后简称 appid） 是 DCloud 应用的唯一标识，在 DCloud 提供的所有服务中，都会以 appid 来标记一个应用。注意这和各家小程序的appid以及Apple的appid（其实就是iOS的包名）是两套体系如何授权应用（设置协作者）如何转让应用使用场景：云打包数据统计广告换量uni push制作发行页面原生应用崩溃日志用户反馈购买原生插件修改 appid 可能引发的问题：使用新 appid打包的应用在更新时，会丢失本地缓存的数
2021-01-13 17:31:14
3441
转载 UNI-APP支付报错“errMsg“: “requestPayment:fail errors“ app微信支付
1.检查包名和签名是否正确如签名失败 这类，商户号绑定，app支付开通等问题需要配合后端人员一起解决2.参数类型微信支付 orderInfo 为 Object 类型3.权限和模块配置4.打包或使用自定义基座测试自定义基座配置教程地址：https://ask.dcloud.net.cn/article/351155.orderInfo参数名全为小写...
2021-01-13 17:12:57
1492
原创 app-plus.distribute.sdkConfigs.payment.weixin.UniversalLinks 不能为空 ios平台通用链接
manifest.json =》app模块配置=》Paymanet（支付）=》ios平台通用链接需要配置ios平台通用链接
2021-01-07 17:11:30
4336
1
原创 uniapp app微信支付
import {wxpay} from "../../static/js/class.js" wxpay({ culum_id: that.culum_id, id: that.order.order_id, source:2 }).then(res => { // console.log(res) if (res.code == 200) { let data = res.data.info
2021-01-07 16:38:57
573
原创 null undefined
数据类型不一样console.log(typeof null) // objectconsole.log(typeof undefined) // undefinednull和undefined 两者相等，但是当两者做全等比较时，两者又不等。（因为它们的数据类型不一样）console.log(null == undefined) // trueconsole.log(null === undefined) // false转化成数字不同console.log(Number(nu.
2021-01-05 16:52:01
136
原创 es6 解构赋值
数组的解构赋值let [a, b, c] = [1, 2, 3];let [foo, [[bar], baz]] = [1, [[2], 3]];数组的解构赋值// let { foo, bar } = { foo: 'aaa', bar: 'bbb' };// console.log(foo) // =>"aaa"let { foo: baz } = { foo: 'aaa', bar: 'bbb' };console.log(baz) // =>"aaa"默认值
2021-01-05 16:23:03
72
原创 es6的对象新增的方法
Object.keys返回一个数组, 其内容是对象的键名Object.values返回一个数组, 其内容死对象的所有的值Object.entries返回一个二维数组, 第一个数组存放的是健名, 第二个是值数组ObjGroud: { ce1: "测试1", ce2:"测试2" }, console.log(Object.values(this.data.ObjGroud)) console.log(Object.keys(this.data.ObjGroud)) c
2021-01-04 14:16:50
108
原创 小程序 给data数据里面的对象 添加属性
data: { ObjGroud: { ce1: "112" } }, onLoad() { this.setData({ ['ObjGroud.name1']: "测试1", }) console.log(this.data.ObjGroud) }
2021-01-04 13:39:37
1510
原创 小程序 picker多列选择器
picker多列选择器的使用 <view class="section"> <view class="section__title">多列选择器</view> <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range-key="
2020-12-31 14:36:01
990
原创 小程序上传图片 wx.chooseImage wx.uploadFile
wx.chooseImage({ count: 1, //最多可以选择的图片张数 默认值是9 sizeType: ['original', 'compressed'], // 所选的图片的尺寸 original原图 compressed压缩图 sourceType: ['album', 'camera'], // 选择图片的来源 album从相册选图 album使用相机 success (res) { // tempFilePath可以作为img标签的src属性显示图片 co
2020-12-30 14:50:10
261
原创 使用uniapp的video组件 视频地址中包含中文 在ios手机上无法播放
遇到问题：使用uniapp的video组件 视频地址中包含中文 在ios手机上无法播放处理方法：let urlChinese ="视频地址"this.Url=encodeURI(urlChinese)
2020-12-30 14:22:01
3140
2
原创 使用 HBuilder X打包ios
1.制作证书2.制作描述文件没有mac电脑，借助App Uploader软件（一年的使用时间）申请步骤：[http://blog.applicationloader.net/blog/zh/100.html]打开HBuilder X -发行 - 云打包 - ios注释：如果是测试 可选择开发证书，然后将添加手机设备（需要测试手机的udid，[https://www.pgyer.com/udid] 此网站可获取测试手机的udid）...
2020-12-30 14:12:05
1244
1
原创 template 基于Jquery的js模板引擎
index.html页面<div class="list "> </div>引入js<script src="../js/jquery.min.js"></script><script src="../js/template-native.js"></script><script src="../js/index.js"></script><script id="news-list" typ
2020-12-29 11:51:23
359
原创 vue中router与route的区别
routerrouter是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。路由实例方法：1、push1.字符串this.$router.push(‘home’)2. 对象this.$router.push({path:'home'})3. 命名的路由this.$router.push({name:'user',params:{userId
2020-12-17 11:18:16
479
原创 vue获取url里面的参数值
路由获取query方式//传递参数 this.$router.push({ path: "/course", query: { id: '1'}, }); //接收参数this.id = this.$route.query.id;params方式//传递参数this.$route.push({name:'/homeView',params:{id:'1'}})//接收参数this.id = this.$route.params
2020-12-17 11:03:45
1706
原创 微信小程序支付
// 提交订单 支付// "/api/payment" 请求路径http.sendPostRequest("/api/payment", { order_no: order_no }) .then(res => { if (res.code == 200) { // 微信支付 wx.requestPayment({ timeStamp: res.data.timeStamp, nonceStr: res.data.no
2020-12-14 11:01:13
175
原创 小程序登录
授权页面获取用户信息 必须使用button的微信开放能力<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">授权登录</button> data: { code: "", }, onLoad: function () { let that = this // 获取code wx.login({ success(res) { if
2020-12-14 10:46:18
87
原创 vue插槽slot （默认插槽 具名插槽 作用域插槽）
插槽分发内容插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如HTML、组件等，填充的内容会替换子组件的标签以下的所有内容是基于vue版本 2.6.0 起默认插槽在一个 组件中：<div class="item"> <slot>默认内容</slot></div>父组件<cardItem> 提供的内容</cardItem>具名插槽 元素有一个特殊的 .
2020-12-11 17:52:19
383
1
原创 vue父子组件传值
父组件给子组件传值父组件<template> <div > <child msg="父组件给子组件传值" ></child> </div></template>子组件<template> <div> <span>{{msg}}</span></button> </div></template&g
2020-12-11 16:28:13
65
1
原创 单行，多行文本垂直居中
<div class="table"> <div class="table_cell"> 一般的思路就是高度等于行高，但是这个仅适用于单行文本，flex布局也只是对元素可以设置垂直居中，不作用于文本。都不适用于像这个例子的，同一位置的不同场景。经过百度的指点，终于找到了比较完美的解决方法，那就是：结合使用display:table和display:table-cell，遂速记之。 </div></div>.table { di
2020-11-07 15:09:35
694
原创 v-if与v-show区别与使用
相同点动态控制dom元素的显示与隐藏不同点v-if 显示与隐藏 是将整个dom元素添加或删除v-show 隐藏 dom元素依旧存在 只是为该元素添加 css display:none遇到的问题：多个el-form表单使用验证规则时， 需要用v-show，保持元素存在；...
2020-11-06 16:19:33
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人