向前有光-优快云博客

转载 HTML5新增标签与属性

文章目录一、HTML5新增属性1.1、contextmenu1.2、contentEditable1.3、hidden1.4、draggable1.5、data-*1.6、placeholder占位属性1.7、required必填属性1.8、pattern正则属性1.9、autofocus自动聚焦属性一、HTML5新增属性1.1、contextmenucontextmenu的作用是指定右键菜单。<!DOCTYPE html><html> <head>

2021-01-19 10:49:52 429

原创常用方法及案例

1

2021-01-18 16:10:26 1287

转载 uniapp启动页，底部虚拟按钮向上闪一下的问题

manifest.json “app-plus” -> “distribute” -> "splashscreen节点新增 “androidTranslucent”: true 可以解决此问题转载：https://ask.dcloud.net.cn/question/121410

2022-01-23 15:47:05 752 1

原创 uniapp动态设置style和class样式

注意：以下两种样式设置，涉及到单位的只能用px，而不能使用rpxstyle样式设置样式名称统一使用驼峰命名方式：例如：fontSize对象方式:style="{backgroundImage:`url(${itemB.images})`}":style="{ paddingTop: paddingTopNum + 'px' }"数组加三元运算方式:class="[items.isShow?'':'noneActive',subIndex[index] == indexs?'value-it

2021-11-12 18:41:37 2439

原创 css伪类元素及选择器

文章目录伪类选择器使用nth-child伪类选择器运用伪元素:before和:after使用伪类选择器使用:first-child 选择某个元素的第一个子元素（IE6不支持）:last-child 选择某个元素的最后一个子元素:first-of-type [CSS3]选择一个上级元素下的第一个同类子元素:last-of-type [CSS3]选择一个上级元素的最后一个同类子元素:only-child [CSS3]选择的元素是它的父元素的唯一一个了元素（IE6-8不支持）:

2021-11-12 18:28:33 613

原创 JavaScript内置函数及API

日期时间基本操作<script type="text/javascript"> let data = new Date(); // 当前时间戳(精确到秒) console.log(Date.now()) // 返回本地时间的日期时间，与实现有关，如：Tue Jul 07 2020 23:56:14 GMT+0800 (中国标准时间)。 console.log(data) // 返回本地时间的年。 console.log('年:' + data.getFullYear()) /

2021-09-14 14:57:59 377

原创 JavaScript常用DOM集合

文章目录节点的操作通过元素的id来获取相应的节点通过元素的标签名来获取节点通过元素的类名来获取节点通过元素的name属性来获取节点获取元素的所有子节点创建元素节点往父节点最后添加子节点往父节点指定节点添加子节点删除元素节点替换节点属性节点操作添加属性节点删除属性节点修改属性节点获取属性节点文本节点操作创建文本节点获取文本节点删除起始位置开始的num个值尾部添加内容中间插入内容节点的操作通过元素的id来获取相应的节点document.getElementById("");通过元素的标签名来获取节点

2021-09-13 23:02:54 732

原创 uniapp禁止遮罩层下的页面滚动

<view @touchmove.stop.prevent="moveHandle"></view>methods: { moveHandle() {}}

2021-09-06 22:56:10 1353

原创时间转换为XX前

/** * 时间转换为XX前 */export const clickDateDiff = function (value) { var result; var minute = 1000 * 60; var hour = minute * 60; var day = hour * 24; var month = day * 30; var now = new Date().getTime(); var diffValue = parseInt(now) - parseInt(value

2021-09-06 22:54:30 152

原创定时器的使用

一次定时器setTimeout(callback, delay, rest)self.time = setTimeout(() => {}, 1000);取消定时器clearTimeout(self.time)定时加载定时器setInterval(callback, delay, rest)self.time = setInterval(() => {}, 1000);取消定时器clearInterval(self.time)...

2021-09-06 22:53:39 509

原创字符串与base64相互转换

字符串转base64function encode(str){ // 对字符串进行编码 var encode = encodeURI(str); // 对编码的字符串转化base64 var base64 = btoa(encode); return base64;}base64转字符串function decode(base64){ // 对base64转编码 var decode = atob(base64); // 编码转字符串 var str = decodeURI(de

2021-09-06 22:48:57 8572 2

原创 uniapp实现图片预览功能

点击图片实现预览功能如下：<view class="ms_shops"> <swiper class="ms_swiper" indicator-color="#FFF" indicator-active-color="#FF0423" :indicator-dots="dotsType" :autoplay="true"> <swiper-item v-for="(item,index) in dataList.imageist"

2021-09-06 22:46:53 7985

原创 uniapp处理IOS底部横条安全区域

同步uni.getSystemInfo(OBJECT)异步uni.getSystemInfoSync()使用方式一<template> <view class="content"> <view style="background-color: red;" :style="{height:heightOne+'px'}">1</view> <view style="background-color: yellow;" :style

2021-09-06 22:29:20 3419

原创 uniapp自定义导航栏

APP中与微信小程序中使用的API不一样，下面就分别介绍一下使用方法微信小程序getMenuButtonBoundingClientRect()官方解说：在小程序平台，如果原生导航栏被隐藏，仍然在右上角会有一个悬浮按钮，微信下也被称为胶囊按钮。本API用于获取小程序下该菜单按钮的布局位置信息，方便开发者布局顶部内容时避开该按钮。APPuni.getSystemInfo(OBJECT)获取系统消息可以使用下面这个变量来获取状态栏高度使用方法<template> <vi

2021-09-06 21:38:06 1186

转载微信小程序与uniapp中 px与rpx 相互转换

转载：https://blog.youkuaiyun.com/u013350495/article/details/1084524941、rpx 转 pxuniapp 内置了 rpx 转 px 的方法，源码见下方：// 100 为 100rpx的值var px = uni.upx2px(100);2、px 转 rpx由于 uniapp 已经有 upx2px 的方法，可以简单的得出反向取值的公式，源码见下方：// 200 为 px 的值，后面的两个 100 为计算比例使用var rpx = 200/(u

2021-05-27 16:26:50 2910

原创获取视频第一帧

如果想要实现截取视频的某一帧其实很方便，只需在视频的url后面这样拼接即可<image class="ms_video_one" src="https://xxxxx.mp4?vframe/jpg/offset/1/w/690/h/690" mode=""></image>其中“jpg”为生成图片的格式，‘1’为截取视频第1秒的截图，“w”为宽度690rpx，“h”为高度690rpx...

2021-03-30 13:40:00 817

原创 uniapp原生子窗体(弹出层为例子)

在当前目录下新建一个目录和一个nvue页面{ "path": "msVideo/msVideo", "style": { "navigationBarTitleText": "子窗体", "navigationStyle": "custom", "app-plus": { "animationType": "slide-out-right", "animationDuration": 300, "subNVues":[{

2021-03-29 16:02:32 3173

原创 uniapp中分包及分包优化

在pages同级目录中新建两个分包pagesOne和pagesTwo文件夹在pages.json中配置分包manifest.json中配置分包优化

2021-03-20 11:49:20 1220 1

原创 uniapp 界面拖动，去掉半圆形阴影

bounce属性改成none就可以了单页面配置在pages.json中配置如下{ "path": "pages/wareHouseOrder/wareHouseOrder", "style": { "navigationBarTitleText": "认种认养订单", "navigationBarBackgroundColor": "#fff" "app-plus": { "bounce": "none" //关闭窗口回弹效果 } .

2021-03-03 17:50:36 2091 3

原创 uniapp中动态添加及修改导航栏

在pages.json{ "path": "pages/cart/cart", "style": { "navigationBarTitleText": "购物车", "navigationBarBackgroundColor":"#FFFFFF", "app-plus": { "titleNView": { "titleAlign":"left", "titleSize":"40rpx", //

2021-02-26 15:03:29 1661

原创 uniapp中动态修改导航栏标题

在我们日常开发过程中，往往会用到根据各种条件去动态改变顶部标题，在不自定义顶部标题的情况下，可以使用下面这种方法来实现动态修改uni.setNavigationBarTitle({ title: '修改的标题'});案例如下：onLoad(options) { if (options.index == 0) { uni.setNavigationBarTitle({ title: '修改标题1' }); } else if (options.index == 1) { un

2021-02-03 09:47:17 1567

原创 mac中创建flutter，运行ios模拟器，运行安卓模拟器教程

文章目录创建flutter项目运行项目到IOS模拟器创建flutter项目cd 到要创建flutter项目的目录执行命令：flutter create 项目名这样已经创建完成了，下面提示，cd 到项目目录使用 flutter run 运行项目运行项目到IOS模拟器...

2021-01-23 12:32:56 4176 4

转载 mac中flutter配置

文章目录下载flutter sdk包配置环境变量检查开发环境解决带❌的问题下载flutter sdk包下载Flutter SDK包官网链接：https://flutter.io/setup-macos/配置环境变量打开终端工具，使用vim进行配置环境变量，命令如下：vim ~/.bash_profile在打开的文件中增加一行代码export PATH=/Users/用户名/flutter/bin:$PATHexport PUB_HOSTED_URL=https://pub.flutter

2021-01-23 11:59:16 531

原创 Pepk 签名压缩工具使用

把Pepk.jar和你项目的签名文件(xxx.jks)复制到同一文件夹下，然后cmd cd到该文件夹然后执行命令，下面这个命令，在华为开发者平台上看，下面只是做参考java -jar pepk.jar --keystore key.jks --alias alias --output=output.zip --encryptionkey=…… --include-cert加粗部分需要自己改pepk.jar:pepk文件key.jks:app的签名文件alias:签名文件别名执行过程会让你输

2021-01-22 15:53:03 4177

转载 Mac 每次打开终端要再次执行source ~/.bash_profile 配置的环境变量才生效

问题理论上，Mac在~/.bash_profile内配置的环境变量只需执行一次就可以永久生效，而我每次关闭终端重新打开的时候，都需要重新执行命令source ~/.bash_profile解决方法参考博客，在~/.zshrc文件最后，增加一行：source ~/.bash_profile转载：https://blog.youkuaiyun.com/happyeveryday62/article/details/102882721...

2021-01-22 15:15:47 1314

原创 uniapp 生成Android证书及.keystore转.jks、.pem

效果图查看证书命令：keytool -list -v -keystore test.keystoretest.keystore 为文件所在目录keystore 文件转 jks、pem格式.keystore 文件转 .jsk 文件原理：.keystore —> .p12 .p12 —> .jsk.keystore —> .p12命令：keytool -importkeystore -srckeystore [绝对路径].keystore -srcstoretype JKS

2021-01-22 15:13:56 793

原创 uni-app引用第三方插件（根据银行卡卡号查询银行类型和卡类型）

1.npm下载（我们以银行卡卡号查询银行类型和卡类型插件：bankcardinfo为例）：npm install bankcardinfo --save-dev2.下载后，你可以在package.json文件里面来查看是否下载成功（如果有就成功了）注意：你如果在文件中找不到package.json文件：请在项目根目录执行命令初始化npm工程：npm init -yuniapp中根据银行卡卡号查询银行类型和卡类型(javascript也可以用)import BIN from 'bankcard

2021-01-20 14:04:31 2626 2

转载 uniapp中vuex状态管理

应用中，保持登录状态是常见需求，本文讲解使用uni-app框架时如何保持用户登录状态。即：初次进入应用为未登录状态------->登录---------->关闭应用，再次打开--------->为已登录状态传统应用保持登录状态的方式是通过读取 cookie 来判断是否是登录状态，但是uni-app不支持对cookie的读写。因为uni-app框架的主体是 VUE，所以可以使用 vuex 进行登录态管理。关于vuex中定义的全局变量和方法需要定义在指定目录的文件内。即在项目目录下

2021-01-18 17:12:08 2335

原创 mac上安装dart环境

1.安装Dart开发环境在安装dart的前提需要安装brew指令第一步brew tap dart-lang/dart第二步brew install dart2.查看Dart版本dart --version

2021-01-11 15:48:58 913

原创 uniapp在ios端每个页面都可以上下拉，阻止方法

{ "path": "pages/helpCenter/Index", "style": { "app-plus": { "bounce": "none" } } }“bounce”: “none” 配上这个

2020-12-24 11:37:59 4947

转载 layui关闭弹窗

type - 基本层类型类型：Number，默认：0layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）layer.closeAll(); //关闭所有层layer.closeAll(‘dialog’); //关闭信息框layer.closeAll(‘page’); //关闭所有页面层layer.closeAll(‘iframe’); //关闭所有的iframe层layer.closeAll(‘loading’); //关闭加

2020-12-16 15:18:47 895

原创容器的宽度等于内容

.container { display: inline-flex; flex-flow: column wrap; max-height: 500px;}.element { width: 200px; height: 200px; margin: 10px; background: #000;}

2020-12-13 17:08:49 196

原创 uniapp中搜索输入与频繁点击(防抖节流)

防抖就是（当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时，销毁上一次的定时器） // 防抖操作 const self = this; //频繁点击的时候销毁上一个定时器 clearInterval(self.tiems); //当没有频繁点击后，最后执行的定时器 self.tiems = setTimeout(() => { //里面写执行代码 }, 1000)...

2020-12-10 14:05:10 2115

转载 uniapp 安卓和IOS退出App的方法

switch (uni.getSystemInfoSync().platform) { case 'android': plus.runtime.quit(); break; case 'ios': plus.ios.import('UIApplication').sharedApplication().performSelector('exit'); break;

2020-12-03 17:10:08 3456 9

原创 uniapp中遮罩穿透问题

当换出遮罩时，上下滑动依然可以滑动遮罩底部内容此时给遮罩的view标签增加catchtouchmove=“return”，就可以防止穿透遮罩问题。<view class="my_share" catchtouchmove='return'> </view>

2020-12-02 17:51:34 3839 1

原创时间戳转换时间

dateFormat(originVal) { const dt = new Date(originVal); // 年份 const y = dt.getFullYear(); // 月份是从0开始的所以这儿加1，后面不足两位就补0，所以把前面加上引号变成字符串才可以补足 // padStart(2,'0'),第一位总长度多少位，第二个不足多少位用这个字符来填充 const m = (dt.getMonth() + 1 + '').padStart(2...

2020-11-29 18:18:18 217

原创 uniapp在安卓和IOS端 APP固定竖屏及获取设备信息

在项目文件App.vue 的 onLaunch 生命周期函数里添加调取hbuilder 5+APPJS 的方法 plus.screen 函数plus.screen.lockOrientation('portrait-primary'); //ios中锁定竖屏const equipment = plus.deviceuni.setStorageSync('equipment', equipment) // 存储设备信息...

2020-11-28 10:01:47 911 1

原创 uniapp中自定义返回和物理返回

在pages.json中可以使用自己去找的图标样式{ "path": "pages/myOrder/myOrder", "style": { "navigationBarTitleText": "我的订单", "navigationBarBackgroundColor":"#fff", "app-plus": { "titleNView": { "autoBackButton":"false", "buttons"

2020-11-27 14:16:51 2573

转载过滤输入内容中是否含有特殊字符与表情

reg = /[~#^$@%&!?%*]/gi;if (reg.test(postdata.Name.trim())) {alert("姓名不能含有特殊字符");} else {if (isEmojiCharacter(postdata.Name.trim())) {alert("姓名不能含有表情");} else {//自己的代码}}function isEmojiCharacter(substring) {for (var i = 0; i < substring

2020-11-23 16:37:05 718

转载 uni-app如何取消pages页面的默认返回按钮【autoBackButton属性】

"pages": [{ "path" : "pages/search/search", "style": { "navigationBarTitleText": "搜索页", "app-plus":{ "titleNView":{ "autoBackButton":"false", "buttons":[{ ...

2020-11-15 19:38:04 2175

9png.zip工具安装包

退出登录，为什么页面显示的是退出登录时的布局和信息？