自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小白阿里里的博客

劝你沉下心

  • 博客(28)
  • 收藏
  • 关注

转载 uni-app使用支付宝/淘宝官方扩展组件提示事件信息不存在

原地址:https://github.com/dcloudio/uni-app/issues/917问题描述:在使用uni-app开发引用淘宝插件时点击事件无反应,提示事件信息不存在在 onLoad 添加如下代码 this.$scope.cardClick = this.cardClick.bind(this)其他组件的其他方法类似 ,先手动把事件绑定到 this.$scope 上面就可以操作了<template> <view class="content"> &

2021-09-15 10:14:10 559

原创 vue 中横向滚动设置scrollLeft,并且加上过渡动画

图一图二如图一所示,需求是比如在点击第四个选项时,会自动移至前方,并显示出下一个选项,到图二效果由于scrollLeft 不是css中的属性,所以用css无法解决思路:将需要移动的距离均分,设置定时器每隔一段时间移动一点,直到 移动至目标距离为止,下面直接上代码// html<div class="scrollView" ref="idSwiperImg"> <div class="chooseImgItem" @click="tabClick(index)" v-fo.

2020-08-12 15:35:31 10785 1

原创 h5 微信分享上遇到的问题记录

首先最基本的配置就不在这里赘述了,网上有很多写的非常详细的文章,这里放一篇vue使用微信JS-SDK实现分享功能上面讲的还是比较详细的,大部分问题也有涉及到。我在使用过程中遇到的问题ios 微信分享失败,安卓没问题,原因大致有以下几点:1.1. ios在微信分享中如果路由带有中文参数,必须用encodeURIComponent对中文参数进行编码1.2. 分享的缩略图不能大于32K的(现在好像已经没有这个限制了,但还是越小约好吧1.3. ios 端请求签名的路由必须是一个完成路由且为刚进入页

2020-07-29 16:04:44 511

原创 钉钉小程序中如何监听全局变量

在开发钉钉小程序的过程中遇到的问题,需要监听到全局变量的改变后去做一些操作,百度上参考了很多微信小程序的监听方式,基本是相通的能够直接使用,挂上参考链接:小程序如何在其他页面监听globalData中值的变化?文中写到,由于要监听到globalData中的值的变化,所以一般要在globalData改变时回调一个方法。例如监听一个name属性//app.jsApp({ onLaunch: function () { let that = this // 在这里用定时器模拟网络请求的

2020-06-19 09:33:50 2184

原创 小程序获取当前路由实例

使用 getCurrentPages() 函数可以获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。let pages = getCurrentPages()let nowPage = ''if (pages.length) { currPage = pages[pages.length - 1]}console.log(nowPage)...

2020-06-18 11:35:45 1026 1

原创 钉钉小程序中获取 corpId

首先需要定义全局变量,在 app.js 中定义之后在初始化中就可以获取到 corpId,赋值在全局变量中就可以了// app.jsApp({ data: { corpId: '' }, onLaunch(options) { this.data.corpId = options.query.corpId }})...

2020-06-12 10:13:57 8537 4

原创 钉钉小程序隐藏滚动条

在当前目录下的 acss 文件中写入以下样式::-webkit-scrollbar{ width: 0; height: 0; color: transparent;}

2020-06-12 10:05:59 797 1

原创 video 标签在谷歌浏览器下报错 DOMException: play() failed because the user didn't interact

查阅了很多博客上面都说是因为Google Chrome 2018年1月起不再自动播放内容,然而按照上面的解决方法在浏览器搜索框中输入:chrome://flags/ 方法是不行的在尝试了许久之后得到以下两种解决方案可供参考:方案一:如果视频本身是没有声音的那么直接在 video 标签中加入 muted 即可解决<video src="..." autoplay="autoplay...

2020-05-06 16:25:57 2729

转载 Flutter Widget 大全

作者:o动感超人o转自:https://juejin.im/post/5cd158146fb9a0320e73ee51

2020-03-30 17:00:17 299

原创 使用 css 适配 iphoneX 刘海屏

iphoneX 刘海屏幕导致 h5 页面不能正常的全屏显示了,就需要对页面进行适配,下面就详细说说如何适配。首先上一张适配之前的图:可以看到页面顶部被遮挡,底部贴着最下面ios11 增加新特性,增加webkit 的 css 函数,css 预定义变量四个预定义变量为设定安全区域和边界的距离,如下:safe-area-inset-left:安全区域距离左边边界距离safe-area-i...

2020-03-30 15:49:03 2415

原创 Flutter 自动调整文本大小 auto_size_text

官方文档:https://pub.dev/packages/auto_size_text作用:可自动调整文本大小以使其完全适合其边界1.在 pubspec.yaml 中添加 auto_size_text 包扩展2.用法:AutoSizeText( 'The text to display', style: TextStyle(fontSize: 20), maxLines: ...

2020-03-27 16:39:53 6280

原创 Flutter 事件广播 event_bus

官方包参考地址: https://pub.dev/packages/event_bus1.在 pubspec.yaml 中添加 event_bus 包扩展2.我新建了一个 event_bus_Util.dart 用来创建实例和定义事件import 'package:event_bus/event_bus.dart';/// The global [EventBus] object.Ev...

2020-03-26 11:48:16 400

转载 Dart 中常用的数组操作方法总结

这位博主写的很详细到位,这里就不复制粘贴了,留下传送门Dart 中常用的数组操作方法总结

2020-03-26 10:30:23 2195

原创 Flutter 开发过程问题二

出现错误The method ‘markNeedsBuild’ was called on null#0 State.setState (package:flutter/src/widgets/framework.dart:1191)#1 _CreditsDetailsState.lostCreditsDetail.<anonymous closure> ...多是因为页面...

2020-03-26 10:21:11 284

原创 Flutter 开发过程问题一

pod 报如下错误Automatically assign platform ‘ios’ with version ‘10.0’ on target…这是在使用cocoapods安装三方库配置podfile之后的一个警告信息翻译过来就是:因为未指定平台,所以自动在目标“ Runner”上分配版本为“ 10.0”的平台“ ios”。 请在您的Podfile中为此目标指定平台在 Podf...

2020-03-26 09:35:11 349

原创 Flutter 中如何将 appBar 设置成透明

Flutter 中如何将 appBar 设置成透明在 flutter 中有时候因为业务需求需要将 appBar 设置成透明,设置方法如下:Scaffold( // Scaffold 组件设置背景色 backgroundColor: Color.fromRGBO(14, 14, 31, 1), appBar: AppBar( ti...

2019-08-07 10:52:43 6211

原创 vue项目打包后体积很大

在通过 build 命令后得到项目文件发现体积很大,其实这是由于在打包时生成了.map 文件,因为项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。而 .map 文件就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。去除 .map 文件可以提升 build 速度,也可以保护源码。去除方法:在 config/index.js 中修改参数,找到...

2018-11-09 10:47:35 4595

原创 vue.js 结合 vue-waterfall-easy 实现瀑布流 + 下拉刷新

vue.js 结合 vue-waterfall-easy 实现瀑布流 + 下拉刷新最近的项目需求首先页面展示是需要瀑布流的,然后还要有下拉刷新功能,我本以为通过 vue-waterfall-easy 实现了瀑布流后再使用其他 ui 库中的下拉刷新就能轻而易举的实现该效果,但事实并非如此,在尝试了多种方法未果后,终于得出了结果,下面进入主题:首先我在尝试两个组件合并失败的时候重新去阅读了文档,才...

2018-10-15 16:48:31 7249 20

转载 vue.js 实现瀑布流之 vue-waterfall-easy

vue.js实现瀑布流之vue-waterfall-easy本文转自 http://www.cnblogs.com/meng1314-shuai/p/7407055.html想必大家应该很多都已经习惯了jquery的DOM操作,jquery的瀑布流实现起来也很容易。但是,随着时代的发展,随着时代的进步…算了算了,扯远了,既然能找到这儿来,肯定是在vue.js上已经有一定的基础了,咱们废话不...

2018-10-15 15:55:59 2845 2

原创 vue-cli 中将 px 转为 rem

1.安装 lib-flexible,完成后在 main.js 中引入npm i lib-flexible --save// main.jsimport 'lib-flexible/flexible';2.安装 px2rem-loadernpm install px2rem-loader然后在 build 文件夹下的 utils.js 中配置,加入下图中红框内容 其中 r...

2018-09-06 17:03:17 991

原创 在 vue-cli 中安装使用 scss

安装 node-sass 和 sass-loadernpm install node-sass --save-devnpm install sass-loader --save-dev安装完成后在需要使用的页面的 style 中加入 lang=”scss” 即可,例:&lt;style lang="scss"&gt; /* 用来放置变量的 scss 文件 */ @im...

2018-09-06 15:28:21 2360

转载 h5页面在手机中调用拨打电话功能

在 html 的 head 中加上&lt;meta name="format-detection" content="telephone=yes"/&gt;随后在需要拨打电话的地方加上&lt;a href="tel:178xxxx90xx"&gt;178xxxx90xx&lt;/a&gt;改成以下可以跳转到发短信上&lt;a href="sms:178xx

2018-09-04 21:22:49 8223

原创 当图片404时显示默认图片

&amp;lt;img src=&quot;assets/img/img.png&quot; onerror=&quot;this.src='assets/img/default.png'&quot;/&amp;gt;当图片 img.png 未找到时,会默认显示 default.png,但若是默认图片也没找到,会引起崩溃,所以写成以下形式,这样当默认图也没找到时便会显示裂图图标了:&amp;lt;img src=&quot;asset

2018-09-01 21:59:32 4627

原创 cube-ui 结合 vue-cli 实现下拉刷新和上拉加载

使用cube-ui 实现下拉刷新,上拉加载官方文档: https://didi.github.io/cube-ui/#/zh-CN cube-ui 是基于 Vue.js 实现的精致移动端组件库。在我们制作移动端页面时能够给予我们很大帮助,详细介绍都在上方的官方文档中,如何安装这里就不再赘述了。 &amp;lt;div class=&quot;father&quot;&amp;gt; // 需要给 f...

2018-08-29 20:05:11 7061 2

原创 vue-cli 项目打包后打开页面空白

关于项目在打包后打开页面空白问题在我们输入命令 npm run build 打包项目后在项目文件中会多出一个dist文件夹,打包后的文件就在该文件夹中,将里面的文件放在服务器上即可。 我第一次这样操作的时候,打开页面一片空白,调试模式下显示css,js全都是引入错误。打开config文件夹下的 index.js 找到如下图所示区域: 可以看到 assetsPublicPat...

2018-08-26 21:19:14 9969 2

转载 json对象与字符串之间的转换

JSON对象与字符串的转换方法// 使用 json 中的 parser 方法转换var str = '{&quot;name&quot;: &quot;qwer&quot;, &quot;age&quot;: 22}'; // 这是一个JSON字符串var obj = JSON.parse(str); // 返回一个新对象console.log(obj);// 把 json 中的 strin..

2018-08-26 21:10:20 214

原创 在 vue-cli 表单中给 input 赋值提交后获取到的为空值的问题

input 赋值后表单提交却为空先讲一下需求,在调用接口后将返回的值赋在表单的 input 上,然后提交表单。今天在做这个的时候因为这个问题困扰了很久,明明值已经赋上去了,结果提交后显示的该值为空。具体看以下代码:&lt;template&gt; &lt;div class="hello"&gt; &lt;form :action="action" method...

2018-08-26 00:26:48 15006 4

原创 vue 参数传递的几种方法

开发过程中参数传递1. 通过 name 传递参数 图一 图二 我们常把页面的路由配置在图一中的 router 文件夹下的 js 文件中,图二为配置的内容。这其中的 name 属性是可以作为参数传递的,在模版中直接只用 {{$route.name}} 接收,即可以在模版中显示。2. 通过 &amp;amp;amp;lt; router-link &amp;amp;amp;gt; 中的 to 传递参数使用 &amp;amp;amp;lt;...

2018-08-22 23:35:01 14814

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除