- 博客(19)
- 收藏
- 关注
RSS订阅原创 前端面试基础知识总结
ES6部分1.let const var 区别1.let const 具有块级作用域,不存在变量提升2 const是常量,const 定义的基本数据不能改变,但是定义的对象可以通过对象的方法去添加删除.3.let 在统一作用域下面不能重复声明4.var 具有跨级作用域,具有变量声明的提升5.var可以在声明的上面访问变量，而let有暂存死区，在声明的上面访问变量会报错2.使用箭头函数需要注意什么1.箭头函数的this不是指向window，而是理他最近的父级作用域（指向是可变的）
2021-08-28 17:54:33
665
2
原创 uniapp转H5 实现微信登录
uniapp转H5 实现微信登录微信官方文档: 微信官方文档.前端的任务第一步开发者需要先到公众平台官网中开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名(这一步是我们项目经理操作的)第二步在需要进行微信登录的页面 记性官方第一步的操作// #ifdef H5 let url = encodeURIComponent("tsn.dujiaoyu.net"); // 注意一定要encodeURIComponent c
2021-08-06 11:58:24
1056
原创 uniapp实现多语言开发
uniapp实现多语言开发第一步首先先npm下载vue-i18n,之后就会看到node_modules中多了一个vue-i18n的文件npm vue-i18m第二步在main.js文件中进行多语言的配置,引用import VueI18n from "vue-i18n" //引入刚下载的vue-18nimport enLang from "./base/en-us.js" //引入自定义的语言包import zhLang from "./base/zh-cn.js"import frenL
2021-08-06 11:31:28
2055
原创 uniapp 转H5 实现微信浏览器自定义分享样式
uniapp 转H5后 实现微信浏览器自定义分享样式uniapp 项目转 h51.在manifest.json文件中,找到H5配置一下路径,需要注意这个名字需要和布到线上的文件夹名字一致2.就是运行打包了 选择网站pc就是h5打包了,之后.，网站域名，例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX，（这个地址是你将项目打包之后存放放静态文件的地址）3.剩下的就需要后端给你的包布到线上就可以了h5实现微信浏览器自定义分享样式( 就是改变右上角分享时候的样式,)之
2021-08-04 18:44:30
2407
12
原创 uniapp实现苹果支付流程
uniapp 苹果支付流程1.配置文件中勾中Apple应用内支付2.调用 plus.payment.getChannels 来获取支付通道iphonepay() { const that = this uni.showLoading({ title: '检测支付环境...', mask: true }) plus.payment.getChannels((channels) => { for (var i in channels) {
2021-06-08 16:43:20
6847
14
原创 uniapp 实现app微信支付宝支付功能
项目中有需要实现用户支付的功能,随手记下,方便学习首先 需要申请了商户号，拿到了APIid,配置在相应项目中1.拿到商品id 价格 传给后端接口2.通过后端返回,获得订单的一个id,选择支付类型 微信或支付宝 同样的传给后端接口,不同的支付类型,返回不同的订单信息数据3.最后 拿到支付类型,订单信息,订单id调用接口 uni.requestPayment注意:多看看文档,支付宝和微信 OrderInfo值的类型不一样App端，支付宝支付 orderInfo 为 String 类型。
2021-04-15 19:23:10
2663
原创 unipp 微信小程序登录
微信小程序登录<template><button class="bottom" type="primary" open-type="getUserInfo" withCredentials="true" lang="zh_CN" @getuserinfo="wxGetUserInfo">授权登录</button></template><script>// 1.通过uni.login()获取到code// 2.uni.getUserIn
2021-03-05 16:08:24
297
原创 uniapp 小程序uni.getLocation()不能返回中文地理位置
uniappuni.getLocation()在小程序上不可以返回中文地理位置官方文档官方介绍官方介绍这个时候可以使用高德地图api接口uni.request({ url: 'https://restapi.amap.com/v3/ip?key=XXXXXXXX', success: res => { this.citys = res.data.city; }, fail: err => { console.log(err); }});...
2021-03-05 15:46:12
1641
原创 uniapp 编写代码小程序运行点击事件传参undefined
uniapp的项目在小程序上运行时点击事件传的参数是undefined解决<view class="oper-item" v-for="(pro,index) in operlist" :key="index" @click="getPath(pro.path)">把:key的值设为index就可
2021-03-02 18:09:16
2356
3
原创 uniapp 小程序分包操作
uniapp 小程序目的： 用uniapp 可以实现一套代码适配多端 在做公司项目时 需要用uniapp来开发小程序 也是第一次接触到 看了官方文档和许多大佬的总结 这里总结一下关于分包（为什么）好像是规定小程序不能超过2M,一旦超过就需要分包官方文档官方介绍具体操作1. 在自己的uniapp项目中 找到pages未分包之前2.自己的项目pages中会有很多个文件夹3.在pages的同级创建分包pagesA pagesB(名字可任意)分包之后4.之后则需要在pages.j
2021-03-01 10:13:21
1373
原创 uniapp 跳转外部链接
项目上需要根据需求进行外部链接跳转H5 window.location.href = `http://${jumpUrl}`;移动端 plus.runtime.openURL(`http://${jumpUrl}`)
2021-02-23 17:22:23
8851
原创 学习之路uni-popup
uni-popup初次接触uniapp时用原生的js来实现弹出遮罩层的，之后了解到uni-app提供了插件uni-app 学习下来之后 着实方便很多在components中导入uni-popup组件在需要弹出层的页面中引入uni-popup使用unipopup时要在内部嵌套view 在当前view上设置弹出层的尺寸 直接在uni-popup上设置不生效uni-popup属性...
2021-02-23 10:34:08
5384
原创 解决uniapp map遮盖遮罩层
uniapp 层级高 app运行时 遮罩层显示的时候 map在遮罩层上方1.在需要弹出框的页面中 配置pages.json { "path": "pages/con-teacher/outService", "style": { "app-plus": { "titleNView": false, //禁用原生导航栏 // 弹出层 "subNVues": [{ "id": "map", // 唯一标识
2021-02-05 18:03:35
5284
原创 uniapp 图片上传 图片下载
项目中需要实现一键分享的功能 把文字 图片保存到用户相册和剪切板下载文件资源到本地uni.downloadFile({ url: 下载资源的url, success:(res=>{//成功是的回调 }), fail:(err=>{//失败的回调 })})将本地资源上传到开发者服务器，uni.uploadFile({ url: //要上传到的服务器路径 项目中会给到 filePath: //文件或是图片的路径
2021-02-05 16:48:29
413
原创 uniapp 复制文字到剪切板
uniapp 复制文本到手机剪切板content为要复制的文本 copyToclip(content) { var Context = plus.android.importClass('android.content.Context'); var main = plus.android.runtimeMainActivity(); var clip = main.getSystemService(Context.CLIPBOARD_SERVICE); plus.android.
2021-02-04 18:46:02
448
原创 uniapp 视频遮挡顶部导航
页面滑动时 视频会遮盖在顶部导航栏上方方案一使用nvue重写页面nvue与vue语法上的区别不支持padding-top padding-left等background-color要用行内样式nvue页面支持flex布局 不支持其他布局方式 默认采用竖向排列nvue初次尝试 用不太习惯 后来又遇到引入富文本会莫名的出现闪隐 继续寻找其他办法方案二（推荐）用plus.nativeObj.view实现顶部导航 这样顶部导航的层级就会高于 视频了create() { plus.na
2021-02-04 18:42:31
2634
3
原创 uniapp 获取验证码倒计时 重复点击时清除上一次的定时器
uniapp 获取验证码倒计时 重复点击时清除上一次的定时器data中定义变量data(){ var time return { num:60, time }timer() { this.time = setInterval(() => { this.num--; if (this.num <= 0) { clearInterval(this.time); this.isstart = true; }
2021-01-21 16:56:00
687
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人