- 博客(20)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 明明更新了Android 离线SDK和HbuilderX的版本到最新版本3.96了，为什么打包的app还是会提示版本有差异？
版本差异除了编辑器、SDK，还要考虑到CLI
2023-11-20 14:10:39
677
10
原创 TypeScript基础（一阶段）
TypeScript是⼀款开源的编程语⾔，通过在JavaScript的基础上添加静态类型定义构建⽽成。通过TypeScript编译器或Babel转译为JavaScript代码，可运⾏在任何浏览器，任何操作系统。当一个对象上有多个不确定的属性时，就可以使用自定义属性。0: 0,1: 1,2: 2,// 还可以这样写// 看似像一个数组，其实是一个类数组，不能调用数组的属性和方法。
2023-11-14 10:18:49
156
原创 uni-app开发微信小程序：打开内置地图查看位置
需求：微信小程序点击位置图标，打开内置地图，查看单位位置官网相关API：uni.openLocation(OBJECT) | uni-app官网光打开内置地图还是很简单的，根据API直接就能干data() { return { lat: '', // 纬度 lng: '' // 精度 }},methods: { // 导航（打开内置地图） goMap() { // 判断后端返回了有效的经纬度，再打开地图
2022-05-15 11:38:09
1768
原创 移动端uni-app拨打电话
需求：点击电话图标，手机打开拨号界面并已复制电话号码官方API：uni.makePhoneCall(OBJECT) | uni-app官网很简单的一个点击事件就可以完成了：<view class="base-icon phone" @click="goPhone(item)"> <u-icon name="phone-fill" color="#7CD656" size="26" /></view>// 复制电话号码，打开手机通讯录g...
2022-04-06 17:03:19
1649
原创 vue+element ui实现表格拖拽功能
需求：vue框架中，使得el-table实现拖拽变更表格顺序的功能。方法：引入插件Sortable.js，其中文API可参考Sortable.js中文网首先利用npm引入插件sortablejs，如图然后直接上代码，api简单易懂易上手：<template> <div> <!-- 表格 -注意：table必须有唯一key值供拖拽，必须设置row-key拖拽才有效 --> <el-table :data="tableDat..
2022-03-23 12:09:56
4456
原创 uni-app小程序利用动画做出左右滑动切换的效果
需求：场景类似驾校刷题，手指从左往右大幅度滑动切换至上一题，手指从右往左大幅度滑动切换至下一题。已答题目直接显示正确与否和答案状态，所选答案不存在后端，后端只保存该题是否答过、答对还是答错的状态。获取题目时避免多次前后端交互，故做成分页形式：交互一次获取10道题目。思考：直接做切换页面虽然效果正确，但是相邻题作答状态无法保留。原本想过使用uView轮播图swiper或者类型组件来做，但是实现后出现两个问题：1.轮播一般是针对图片，且切换时可在两个轮播对象间停留，切换时中间状态可见，即会出现两道题都显
2022-02-07 15:03:40
7185
原创 uni-app预览图片
uni.previewImage：预览图片，官方API：uni-app官网if (item.sufx === 'jpg' || item.sufx === 'jpeg' || item.sufx === 'png' || item.sufx === 'gif') { // 预览图片 API // uni.previewImage({ // current: index, // 预览图片的下标 // urls: i // 预览图片的地址，必须要数组形式，如果不是数组形式就转换成
2022-01-30 11:54:03
1940
原创 uni-app开发小程序，利用scroll-view实现自动滚动至对应数据
scroll-view 组件：可滚动视图区域。用于区域滚动。需注意在webview渲染的页面中，区域滚动的性能不及页面滚动。官方API：uni-app官网自动滚动到高亮序号（scroll-view的scroll-into-view+对应id值）vue文件内容：dom: <scroll-view scroll-y :scroll-into-view="seqToView"> <view class="pop-scroll"> <view
2022-01-30 11:44:31
5089
原创 uni-app视频保存到本地/相册
需求：页面标题为视频名称，视频可播放观看，允许播放手势（如双击切换暂停/播放，拖拽改变视频进度等），显示静音和全屏按钮，其余类似弹幕等功能不需要。视频下方按钮“保存视频到相册”，允许下载视频到本地，下载成功后需提示。知识点： 1、video 组件：视频播放组件，官网API：uni-app官网 2、uni.setNavigationBarTitle：动态设置当前页面的标题，官网API：uni-app官网 3、uni.downloa...
2022-01-30 11:35:31
8318
8
原创 uni-app跳转（传参）+设置获取缓存
一、uni-app页面跳转，跳转传参，参数过长处理官方API：uni-app官网1、uni.navigateTo 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。注意：页面跳转再back回来的时候，触发单页onShow，页面不重载，可保持原页状态。例：uni.navigateTo({ url: '/pages/adult/inConsent' }) 对应url是在pages.json中配置的路由。2、uni.redire..
2022-01-30 10:42:21
4920
原创 前端操作数组小记
从尾部添加一元素：data.push( xx )从头部添加一元素：data.unshift( xx )去除数组指定元素：data.splice( index 从第几个元素开始去除, length 去除多少个元素 )合并两个数组：dataA.concat( dataB )
2022-01-25 11:27:39
210
原创 vue滚动置顶&滚动跟随至选中高亮行
需求：父页打开弹窗，弹窗子页显示数据列表。父页存在筛选条件时，子页打开直接滚动至对应条目，并高亮。首先列表dom是通过表格数据循环所得，要做滚动跟随，必须设置态id；然后利用元素id选择器，自动滚动到对应dom位置；高亮利用:class属性和循环index来完成：<div ref="barList"> <div v-for="(item, index) in tableData" :key="index" class="bar-item"
2022-01-24 16:01:47
2060
原创 vue微信公众号开发flex踩坑
"display:flex"对于布局页面来说是一把利器，但是当它被应用于移动端布局时，常常会冒出一些幺蛾子。 微信端录入和显示客户信息常常会出现以下布局，这种布局用纵向flex嵌套横向flex，再用flex:1使得元素自动撑满剩余空间，是一件轻而易举的事情。还有这种头部提示信息和正文部分的布局等，都可以用flex简单的完成。但是在ios手机上，我就遇到过这两种问题：1、当 flex:1 遇上 inpu...
2021-10-11 11:18:01
323
原创 vue微信公众号开发IOS踩坑：遮幕层级失效
经常会有这样的需求：点击某个按钮或图标，能打开一个类似信息提示作用的弹窗。弹出的内容是高亮的，其余部分变暗，也就是有一层遮幕div，它的层级在其他dom元素之上、在高亮部分之下。但是有一天我却遇到下面这种情况：左边本应该像右边一样，遮幕的作用是覆盖掉除公告以外的内容，包括头部提示和底部按钮。奇怪的是，第一‘z-index’设置没有问题，第二遮幕层级失效的情况只有在ios手机上才会出现。于是百度了一圈找到了问题所在。为了提高移动端的体验感，全局scss上定义了 -webkit-overflow..
2021-10-09 15:27:05
594
原创 el-scrollbar滚动条组件
本篇主要是整理一下element ui找不到的el-scrollbar组件的api，做一个简单的带滚动条的查询工具栏（查询栏表单可自定义插入）。// 导入组件import Scrollbar from 'element-ui'const element = { install: function(Vue) { /** 滚动*/ Vue.use(Scrollbar) }}export default element例子：<el-scrollbar
2021-10-09 12:05:24
5028
原创 el-upload上传组件在vue中的应用和踩坑
需求：打开弹窗，点击按钮选择上传一个Excel文件，只能上传.xlsx格式文件，且不超过20M。首先大致画出了界面，因为不需要显示已上传文件列表，所以就el-upload这个组件来说，省了不少麻烦事。dom部分直接上代码：<el-dialog title="导入" :visible.sync="uploadView" @close="uploadView = false"> <div class="dialog-wrap"> <!-- 上传 --&.
2021-10-08 16:19:19
3141
原创 Vue深浅拷贝
个人理解，深/浅拷贝其实就是指向性的问题（说法可能不是很准确，话糙理不糙）。 浅拷贝：新对象赋值，只是取的旧对象栈中的值，也就是引用对象的值。浅拷贝出的所有变量都只是指向了一处而已，故会互相干涉。 深拷贝：会在堆里边开辟一个空间，存放自己的对象值。深拷贝出的所有变量都会开辟自己的空间来存放自己的值，因此指向也各不相同，故不会互相干涉。 简单的赋值只是做了浅拷贝，所以才会出现我明明给了b值却连a的值也改变的情况，如下： 例子1: var a = 1,...
2021-09-30 14:39:37
9899
空空如也
vue+element ui结合开发的前端框架，大家能推荐各种优秀插件吗？
2021-10-18
UniPush（个推）和 极光推送 比较？
2021-10-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人