- 博客(28)
- 收藏
- 关注
RSS订阅转载 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
466
原创 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
10105
1
原创 h5 微信分享上遇到的问题记录
首先最基本的配置就不在这里赘述了，网上有很多写的非常详细的文章，这里放一篇vue使用微信JS-SDK实现分享功能上面讲的还是比较详细的，大部分问题也有涉及到。我在使用过程中遇到的问题ios 微信分享失败，安卓没问题，原因大致有以下几点：1.1. ios在微信分享中如果路由带有中文参数，必须用encodeURIComponent对中文参数进行编码1.2. 分享的缩略图不能大于32K的（现在好像已经没有这个限制了，但还是越小约好吧1.3. ios 端请求签名的路由必须是一个完成路由且为刚进入页
2020-07-29 16:04:44
409
原创 钉钉小程序中如何监听全局变量
在开发钉钉小程序的过程中遇到的问题，需要监听到全局变量的改变后去做一些操作，百度上参考了很多微信小程序的监听方式，基本是相通的能够直接使用，挂上参考链接：小程序如何在其他页面监听globalData中值的变化？文中写到，由于要监听到globalData中的值的变化，所以一般要在globalData改变时回调一个方法。例如监听一个name属性//app.jsApp({ onLaunch: function () { let that = this // 在这里用定时器模拟网络请求的
2020-06-19 09:33:50
2104
原创 小程序获取当前路由实例
使用 getCurrentPages() 函数可以获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。let pages = getCurrentPages()let nowPage = ''if (pages.length) { currPage = pages[pages.length - 1]}console.log(nowPage)...
2020-06-18 11:35:45
961
1
原创 钉钉小程序中获取 corpId
首先需要定义全局变量，在 app.js 中定义之后在初始化中就可以获取到 corpId，赋值在全局变量中就可以了// app.jsApp({ data: { corpId: '' }, onLaunch(options) { this.data.corpId = options.query.corpId }})...
2020-06-12 10:13:57
8096
4
原创 钉钉小程序隐藏滚动条
在当前目录下的 acss 文件中写入以下样式::-webkit-scrollbar{ width: 0; height: 0; color: transparent;}
2020-06-12 10:05:59
744
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
2450
转载 Flutter Widget 大全
作者：o动感超人o转自：https://juejin.im/post/5cd158146fb9a0320e73ee51
2020-03-30 17:00:17
248
原创 使用 css 适配 iphoneX 刘海屏
iphoneX 刘海屏幕导致 h5 页面不能正常的全屏显示了，就需要对页面进行适配，下面就详细说说如何适配。首先上一张适配之前的图：可以看到页面顶部被遮挡，底部贴着最下面ios11 增加新特性，增加webkit 的 css 函数，css 预定义变量四个预定义变量为设定安全区域和边界的距离，如下:safe-area-inset-left：安全区域距离左边边界距离safe-area-i...
2020-03-30 15:49:03
2309
原创 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
5859
原创 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
357
原创 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
218
原创 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
228
原创 Flutter 中如何将 appBar 设置成透明
Flutter 中如何将 appBar 设置成透明在 flutter 中有时候因为业务需求需要将 appBar 设置成透明，设置方法如下：Scaffold( // Scaffold 组件设置背景色 backgroundColor: Color.fromRGBO(14, 14, 31, 1), appBar: AppBar( ti...
2019-08-07 10:52:43
6109
原创 vue项目打包后体积很大
在通过 build 命令后得到项目文件发现体积很大，其实这是由于在打包时生成了.map 文件，因为项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。而 .map 文件就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。去除 .map 文件可以提升 build 速度，也可以保护源码。去除方法：在 config/index.js 中修改参数，找到...
2018-11-09 10:47:35
4512
原创 vue.js 结合 vue-waterfall-easy 实现瀑布流 + 下拉刷新
vue.js 结合 vue-waterfall-easy 实现瀑布流 + 下拉刷新最近的项目需求首先页面展示是需要瀑布流的，然后还要有下拉刷新功能，我本以为通过 vue-waterfall-easy 实现了瀑布流后再使用其他 ui 库中的下拉刷新就能轻而易举的实现该效果，但事实并非如此，在尝试了多种方法未果后，终于得出了结果，下面进入主题：首先我在尝试两个组件合并失败的时候重新去阅读了文档，才...
2018-10-15 16:48:31
7163
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
2744
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
949
原创 在 vue-cli 中安装使用 scss
安装 node-sass 和 sass-loadernpm install node-sass --save-devnpm install sass-loader --save-dev安装完成后在需要使用的页面的 style 中加入 lang=”scss” 即可，例：<style lang="scss"> /* 用来放置变量的 scss 文件 */ @im...
2018-09-06 15:28:21
2318
转载 h5页面在手机中调用拨打电话功能
在 html 的 head 中加上<meta name="format-detection" content="telephone=yes"/>随后在需要拨打电话的地方加上<a href="tel:178xxxx90xx">178xxxx90xx</a>改成以下可以跳转到发短信上<a href="sms:178xx
2018-09-04 21:22:49
8187
原创 当图片404时显示默认图片
&lt;img src="assets/img/img.png" onerror="this.src='assets/img/default.png'"/&gt;当图片 img.png 未找到时，会默认显示 default.png，但若是默认图片也没找到，会引起崩溃，所以写成以下形式，这样当默认图也没找到时便会显示裂图图标了：&lt;img src="asset
2018-09-01 21:59:32
4526
原创 cube-ui 结合 vue-cli 实现下拉刷新和上拉加载
使用cube-ui 实现下拉刷新，上拉加载官方文档： https://didi.github.io/cube-ui/#/zh-CN cube-ui 是基于 Vue.js 实现的精致移动端组件库。在我们制作移动端页面时能够给予我们很大帮助，详细介绍都在上方的官方文档中，如何安装这里就不再赘述了。 &lt;div class="father"&gt; // 需要给 f...
2018-08-29 20:05:11
6869
2
原创 vue-cli 项目打包后打开页面空白
关于项目在打包后打开页面空白问题在我们输入命令 npm run build 打包项目后在项目文件中会多出一个dist文件夹，打包后的文件就在该文件夹中，将里面的文件放在服务器上即可。 我第一次这样操作的时候，打开页面一片空白，调试模式下显示css,js全都是引入错误。打开config文件夹下的 index.js 找到如下图所示区域： 可以看到 assetsPublicPat...
2018-08-26 21:19:14
9901
2
转载 json对象与字符串之间的转换
JSON对象与字符串的转换方法// 使用 json 中的 parser 方法转换var str = '{"name": "qwer", "age": 22}'; // 这是一个JSON字符串var obj = JSON.parse(str); // 返回一个新对象console.log(obj);// 把 json 中的 strin..
2018-08-26 21:10:20
183
原创 在 vue-cli 表单中给 input 赋值提交后获取到的为空值的问题
input 赋值后表单提交却为空先讲一下需求，在调用接口后将返回的值赋在表单的 input 上，然后提交表单。今天在做这个的时候因为这个问题困扰了很久，明明值已经赋上去了，结果提交后显示的该值为空。具体看以下代码：<template> <div class="hello"> <form :action="action" method...
2018-08-26 00:26:48
14930
4
原创 vue 参数传递的几种方法
开发过程中参数传递1. 通过 name 传递参数 图一 图二 我们常把页面的路由配置在图一中的 router 文件夹下的 js 文件中，图二为配置的内容。这其中的 name 属性是可以作为参数传递的，在模版中直接只用 {{$route.name}} 接收，即可以在模版中显示。2. 通过 &amp;amp;lt; router-link &amp;amp;gt; 中的 to 传递参数使用 &amp;amp;lt;...
2018-08-22 23:35:01
14460
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人