字符串倒序
将字符串倒序1234567891011let str = "hello world";function reverse(str){ let arr = []; //声明一个数组 let len = str.length;// 字符串的长度 for (let i = len; i >= 0; i-- ){ arr.push(str[i]) // 将字符从后向前放入数组找那个 } return arr.join('') // 将数组中的字符拼接成新的字符串}reverse(str);
123456let str = "hello world";function reverse(str){ return str.split('').reverse().join('');// 分割字符串返回一个数组-->数组翻转-->再将数组拼接成字符串}reverse(str);
uniapp 中子组件向父组件传递数据
基本用法父组件注册了一个事件。如 change 事件
1234567891011121314151617181920212223242526<template> <view class=""> <text>父组件+{{fatherVal}}</text> <son @change="getSonVal"></son> </view></template><script> import son from '@/components/son.vue' export default { components: { son }, data(){ return{ fatherVal:'' } }, method ...
uniapp APP出现TypeError: Cannot read property ‘createElement‘ of undefined
问题描述uniapp H5代码打包和运行都是没有问题的。打包成安卓app也是基本上没有问题的,当要用到第三方js时,会报一些undefined的相关错误
例如:我用 npm 引入阿里对象存储的 ali-oss插件会报 TypeError: Cannot read property 'createElement' of undefined
原因是:uniapp打包APP时没有DOM概念的,ali-oss使用到了DOM,所以会报错。
解决问题查阅文档与资料,自己封装了一个单图片上传与视频上传并返回存储地址的js文件。
第一步:辅助函数;
123456789101112131415161718// 添加文件名后缀方法,例如 .pngfunction getSuffix(filename) { let pos = filename.lastIndexOf('.'); let suffix = ''; if (pos != -1) { suffix = filename.substring(pos); } ...
uniapp 中出现 Undefined variable $u-type-primary-light 问题
问题描述uniapp 引入 uview-ui 后 一顿操作,出现 Undefined variable: "$u-type-primary-light" 错误。
解决问题第一步:确保 HBuilder X 是安装了 scss/sass 编译插件
第二步:确保在根目录下 uni.scss 文件中引入 theme.scss,
1@import "uview-ui/theme.scss"; // 放在代码首行
第三步:确保在根目录下 App.vue 文件中添加 lang="scss" 和 index.scss
123<style lang="scss"> @import "uview-ui/index.scss";</style>
问题得以解决。
uniapp 兼容IOS长按保存图片功能
问题描述 uniapp H5项目开发中遇到长按图片保存的兼容性问题;在Android浏览器中长按保存没得问题,但是在IOS浏览器中会出现长按没有反应的现象。
处理问题此类问题在vue项目中也有出现过,解决的核心是给img标签添加 -webkit-touch-callout: default 的 style 属性
1<img :src="showImageUrl" style="-webkit-touch-callout: default"></img>
于是尝试
1<image :src="showImageUrl" style="-webkit-touch-callout: default"></image>
但结果并没有解决问题,难道是 image 标签的问题?虽然 uniapp 组件中并没有img标签但是并不影响img 标签在H5项目中正常的使用
1234<!-- 将 --><image :src="showImageU ...