![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
炫爱小七
这个作者很懒,什么都没留下…
展开
-
uni-app 音频播放之 createInnerAudioContext()
遇到业务问题就是 APP 播放操作提示音1.先声明全局方法 在 main.js 里Vue.prototype.ScanAudio = function(){ var music = null; music = uni.createInnerAudioContext(); //创建播放器对象 music.src= "../../static/r...原创 2019-07-31 19:29:32 · 26950 阅读 · 12 评论 -
uni-app 的 Grid自定义点击事件返回值
uni-app 的 Grid 自定义 点击事件的返回值顺便写一下怎么绑定值和注册点击事件先在 script 添加引用import uniGrid from '@/components/uni-grid/uni-grid.vue';然后在export default 添加申明export default { components: { uniGrid }}...原创 2019-07-29 12:09:17 · 4171 阅读 · 0 评论 -
uni-app 爬坑之 扫描,数据筛选,循环遍历
1.循环遍历 <scroll-view scroll-y class="scroll"> <view v-for="(item, index) in Codes" :key="index" > <view class="cu-item" > <text class="code" @tap="onClickItemRemove...原创 2019-07-30 20:19:17 · 10800 阅读 · 4 评论 -
uni-app 离线数据存储
uni-app存储uni-app的存储方案比5+app要少,因为cookie、localstorage、sessionstorage、websql、indexedDB只有h5端支持,其他端都不支持。uni.storage的键值对存储,这个是全端支持的。uni-app的Storage在不同端的实现不同,uni.storage在app侧,映射为plus.storage;h5侧映射为locals...原创 2019-07-31 15:47:04 · 4244 阅读 · 0 评论 -
Vue学习(二) Vue Element使用第三方icon图标教程详解
Vue Element使用第三方icon图标教程详解原帖1.打开阿里icon,注册 >登录>图标管理>我的项目>新建项目原帖链接: https://www.jb51.net/article/134630.htm.1.打开阿里icon,注册 >登录>图标管理>我的项目>新建项目新建项目项目名称随便写。前缀注意,不要跟element-ui自...原创 2019-01-21 09:49:35 · 2793 阅读 · 0 评论 -
Vue 学习(一),Vue环境搭建与运行
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝安装npm镜像在 cmd里直接输入: npm install -g cnpm --registry=https://registry.npm.taobao.org 回车,等待安装...装相关依赖3...原创 2019-01-17 16:32:14 · 158 阅读 · 0 评论 -
Ant-Design-Pro of Vue (一)
安装 vue-cliyarn 安装 vue-cli 有些坑,在这记录下来官方安装方法 yarn global add @vue/cli在之前 先卸载 旧版的 yarn global remove vue-cli安装完会发现 vue 指令用不了解决办法:1.我们现在命令框中输入 yarn global dir 查找yarn的全局目录,找到后复制到资源管理器的地址中打开复制这个路径在环境变量中添加添加完成后 重新打开 CMD 在输入 vue --version就代表安装成功了...原创 2021-01-07 21:58:37 · 491 阅读 · 0 评论 -
superset 登录失败 初始化指令
superset 登录失败 初始化指令docker exec -it superset superset-init原创 2021-11-08 12:03:48 · 1705 阅读 · 0 评论 -
ajax请求的data数据格式
ajax提交data类型一、问题来源今天使用ajax时,发现get传data时,传递json字符串时传不过去参数,所以做了一些实验测试ajax的get和post的传递data时的不同。二、概念ajax有三种传递传递data的方式:json格式 json字符串格式 标准参数模式1.json格式形如:{“username”:”chen”,”nickname”:”ali...转载 2019-12-18 11:29:45 · 238 阅读 · 0 评论 -
后端开发手机端页面小技巧
后端开发手机端页面小技巧原创 2022-03-21 17:42:30 · 1083 阅读 · 0 评论 -
移动端背景图片自适应
移动端背景图片自适应/*兼容安卓手机没有高度导致无法显示背景图片*/body{ width:100vw; height:100vh; padding: 0; margin: 0; background-image: url("../img/common.png"); background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100%原创 2021-06-10 11:55:50 · 2359 阅读 · 0 评论 -
lottie 前端JSON动画
发现个神器(lottie)前段时间做项目 设计师丢给我一个 json 文件 问我能不能在页面上做 json动画 。作为傲娇的开发 当然回答能啊,所以找到了这个Lottie全平台可用,ios、Android、web、React Native都可以,且占用内存少,加载流畅。Lottie 官网Lottie-web GitHub项目demo 有详细的用法,基本上一看就懂,但是还是有点坑,所以我就简化来绕坑安装 lottie.min.js<script type="text/javascript"原创 2020-10-16 12:00:51 · 3326 阅读 · 2 评论 -
uni-app使用微信JSSDK
uni-app使用微信JSSDK安装jweixin-module引用jweixin-module接口获取wx.configwx.config 初始化(写到 methods里)使用安装jweixin-moduleNPM安装方式(不会用NPM就不要用这种方式)npm install jweixin-module --save下载使用方式下载地址:https://unpkg.com/jweixin-module@1.6.0/lib/index.js引用jweixin-module//mi原创 2020-08-18 12:07:15 · 6595 阅读 · 5 评论 -
Uni-app 自定义组件开发
*场景*今天开发的时候遇到一个问题,小程序扫普通二维码进来通过参数判断显示不同的页面。但是又不能有跳转的效果。思考了半天都没有找到合适的办法,后面前端的同事突然和我说可以用组件开发,把要跳转的页面做成组件,通过条件判断来显示隐藏不同的组件来实现这样的效果。嗯,说干就干*创建组件*我这是把之前做好的页面转换成组件。其实也不是转换只要添加几句代码就行1.给组件取个名字:添加 name 属性2.用来传递的参数变量props: { Bindexcode: { type:Obje原创 2020-06-03 18:53:04 · 2026 阅读 · 1 评论 -
Select2入门到精通
前端插件之Select2使用引入js css文件初始化Select2设置提示语placeholder隐藏搜索框加载本地数据加载远程数据多选支持配置说明使用进阶引入js css文件需要用到的JS和CSS文件位于项目代码下的dist目录中,需要将这个目录中的对应文件放入你的项目里。引入CSS/JS文件,由于Select2是基于Jquery的,所以要先引入Jquery,这里我们都直接引入CDN的地址<!-- 加载 Jquery --><script src="https://code.原创 2020-05-13 10:40:40 · 847 阅读 · 0 评论 -
Uni-app 中 rpx 用法
在开发过程中经常出现按设计搞上的尺寸写 最终在不同手机上显示不一样。经常被UI 怼后来才知道 rpx 这种牛逼的单位,但是看官网写的换算方法有点懵rpx 是相对于基准宽度的单位,可以根据屏幕宽度进行自适应。uni-app规定屏幕基准宽度 750rpx。开发者可以通过设计稿基准宽度计算页面元素 rpx 值,设计稿 1px 与框架样式 1rpx 转换公式如下:设计稿 1px / 设计...原创 2020-04-14 10:28:43 · 16874 阅读 · 0 评论 -
uni-app 实现类似验证码输入
先看效果四个文本框。当然想要更多可以自己再加,其实实现的思路很简单,废话不多说 贴代码(Value 这块因该都看得懂吧)<input type="number" disabled @tap='onFocus' value="{{iptValue.length>=1?iptValue[0]:''}}"/><input type="number" disable...原创 2020-04-04 19:44:20 · 2023 阅读 · 3 评论 -
Eruda 一个被人遗忘的调试神器
Eruda是什么? Eruda是什么?Eruda 是一个专为前端移动端、移动端设计的调试面板,类似Chrome DevTools的迷你版(没有chrome强大 这个是可以肯定的),其主要功能包括:捕获console日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和Cookie信息、浏览器特性检测等等。 虽说日常的移动端开发时,一般都是在用Chrome DevToo...转载 2020-01-17 14:32:08 · 855 阅读 · 0 评论 -
前端:IOS软键盘关闭页面不会位解决办法
//软键盘关闭事件document.body.addEventListener('focusout', () =>{ window.scroll(0,0);//失焦后强制让页面归位});在页面加上这段JS 就可以了原创 2019-12-20 17:54:14 · 320 阅读 · 0 评论