- 博客(27)
- 资源 (1)
- 收藏
- 关注
原创 uni-app封装组件以及组件的使用方法
第一步在uni-app项目中的components文件中新建一个组件名为pagetab.vue第二步:在子组件中写入自己想要封装的代码``<view class=“swiper-tab-list” :class="{‘active’ : tabIndex==index}" @tap=“tabtap(index)” :style=“scrollItemStyle”>{{tab.name}} {{tab.num?tab.num:""}}`tabBars tab的标题内.
2020-10-16 14:32:15 4174 1
原创 uni-app项目页面底部导航栏、顶部导航
1.在项目的pages.json配置页面路由2.底部tab导航,同样在pages.json里面"tabBar"就是uni-app自带的底部导航呈现的效果是这样的,只要上面的路由配好就可以的点击跳转页面了3.如果想要顶部导航栏同样在pages.json里面的“globalStyle”4.如果不想要原生顶部导航全局可以设置为5.如果只是想某一页取消顶部原生导航可以这样注意:取消原生顶部导航之后,页面会覆盖手机的系统通知栏,所以需要页面加入一个占位元素,给它uni-app的提供的css样
2020-09-25 15:44:22 2487
原创 h5app实现进聊天页面自动定位到新消息 最底部
方法一:使用JS原生提供的Element.scrollIntoView()可以定位到指定元素的位置` Document SSS SSS SS SS SS SS SS SS SS SS SS SSS SSS SS SS SS SS SS SS SS SS SS
2020-09-16 16:16:11 1040
原创 app权限设置
iOS平台:用Native.js来写 如何判断系统功能权限是否开启https://ask.dcloud.net.cn/article/35915安卓系统各种权限https://blog.csdn.net/Mr_Cao_/article/details/83023004安卓用一下方法来判断权限是否开启,如果没有开启,跳转到应用设置开启权限plus.android.requestPermissions([‘android.permission.WRITE_EXTERNAL_STORAGE’], fu
2020-09-01 15:47:20 525
原创 mui+hbuilder h5+内置获取当前地理位置以及各种权限 兼容iOS/安卓
document.addEventListener(‘plusready’,function(){var map = new plus.maps.Map(“map”);map.getUserLocation(function(state, pos) {if(0 == state) {plus.maps.Map.reverseGeocode(pos, {}, function(event) {var address = event.address; // 转换后的地理位置var proExp =
2020-09-01 15:44:21 1651
原创 mui+hbuilder 将图片压缩并转变为base64 与改变图片尺寸大小来减小图片文件大小
//将图片压缩并转变为base64convertImgToBase64:function(url,callback, bili){ //path绝对路径var _this = this;var bitmap = new plus.nativeObj.Bitmap(“test”); //test标识谁便取// 从本地加载Bitmap图片// alert(JSON.stringify(bitmap))bitmap.load(url,function(){var base4=bitmap.toBa
2020-09-01 15:35:34 3806
原创 mobiscroll选择日期 时间插件
<link rel="stylesheet" href="../css/mobiscroll.custom.min.css"> <script src="../js/jquery.min.js"></script> <script src="../js/mobiscroll.custom.min.js"></script> &...
2019-12-20 14:17:41 565
原创 更新版的 HTML5+API 的sqlite使用方法
**第一步:**先勾选模块权限配置,再点开源码视图会发现有一个SQLite第二步:(直接附上代码吧,备注很详细)<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,in...
2019-12-05 14:34:48 2021
原创 vue获取当前位置信息
**首先:**百度API的文件引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1GpAVwuZKZ8r4YGKSnfmtcz92W5ohBqG"></script>第二部:var vue = new Vue({ el: '#manage', ...
2019-12-03 17:03:43 1463
原创 mui,hbuilder整包更新App
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=...
2019-12-03 15:37:41 302
转载 MUI H5 + APP分享H5连接通过方案唤醒APP
1.https://juejin.im/post/5cb143e05188257a9e312334
2019-12-02 14:49:15 291
转载 textarea随文字的增多自动增高或者自动减少
谷歌、IE、Opera默认显示两行文本,火狐默认显示3行文本,行数超过两行是会出现滚动条,可以自己设定设定一些行数来进行强制多少行进行显示。方法一:div模拟textarea文本域轻松实现高度自适应(缺点就是没有了placeholder提示语)因为textarea不支持自适应高度,就是定好高度或者是行数之后,超出部分就会显示滚动条,看起来不美观。而用DIV来模拟时,首先遇到的问题是:div怎...
2019-11-29 13:28:04 3208
原创 SQL数据库方法
<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale...
2019-09-27 00:05:59 222
原创 APP HBuilder 获取手机通讯录的方法
<header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title">联系人</h1>...
2019-09-27 00:04:45 1889
原创 vue的键盘按下事件
vue的键盘按下事件<input type="text" v-model="keyword" placeholder="用户名/手机号" id="search" **@keyup="sub" /**>new Vue({ el: '#addFriend', data: { keyword: ' ' }, methods: { ...
2019-09-24 19:08:46 3538
原创 mui项目总结第1篇---窗口的获取以及关闭
关于获取webview(窗口间关系)的方法1.获取指定页面ID的webviewplus.webview.getWebviewById('为页面设置的id值');2.获取当前页面的webviewplus.webview.currentWebview();var ws=plus.webview.currentWebview();//获取当前页面所属的Webview窗口对象console...
2019-09-17 21:13:07 882
原创 element-ui的简单实用安装环境(一)
1.先初创建一个vue项目,具体查看上一章。(前提:要下载node) 进入文件夹,下载依赖 复制网址,在浏览器打开2.安装elementUInpm i element-ui -S3.4.在components文件夹下面创建test.vue文件,复制一段elementUI官方文档的代码,进行测试<template> <el-menu :default-...
2019-08-03 17:32:49 523
原创 vue项目搭建的步骤
一:全局安装vue-cli脚手架 指令:cnpm i vue-cli -g测试:vue -V二:创建项目(vue是运行环境)1.切到创建项目目录下2.vue list 显示可用模版列表3.vue init webpack dou-project 创建项目注意:vue-router之前直接回车,后面三个输入no,最后上下选择不安装依赖,自己安装。4.cd dou-project ...
2019-08-02 09:41:05 110
原创 简单记录构建函数、函数原型、函数实例三者之间的关系, 粗略说一下我的理解,有时间详细更改!
2019/7/26简单记录构建函数、函数原型、函数实例三者之间的关系, 粗略说一下我的理解,有时间详细更改!1.先创建一个新的函数A,A函数只有原型的拥有权2.那么函数A就会自动生成一个prototype的属性3.而这个prototype的属性会有一个指针指向A函数的原型A.prototype4.而A函数的原型A.prototype会有一个叫做constructor的属性5.这个叫做c...
2019-07-28 21:16:53 231
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人