草灯的专栏

未来,是做出来的,不是说出来的

vue学习过程遇到的一些问题集合

学习vue开发过程中遇到的一些问题集合 1、input文本框不可以使用动态的type 以上这么使用是会被报错的:v-model does not support dynamic input types. Use v-if branches instead. 这就是说使用v-model的type是...

2017-11-11 13:50:26

阅读数 863

评论数 0

微信小程序发现的一些小问题以及解决方案集合以及注意点

      最近一直在关注小程序开发,目前正在试着将公司的app转换为小程序执行,在此期间有遇到的一些小问题以及解决办法集合。当然这些都是我个人经验谈,对于小程序的底层框架我也是一知半解,很多也都无法解释的很清楚,如果有不同见解欢迎指出。      1、navigator组件使用flex布局在安卓...

2016-12-07 09:39:48

阅读数 30827

评论数 5

uniapp项目之安卓版本获取从文本框下复制的文本

如题,在开发uniapp项目过程中,调用了uni.getClipboardData(OBJECT) API获取剪贴板的内容,然后写入到文本框。 一开始一切都好好的。偶然做了如下测试,然后发现悲剧了!!!具体复现如下: 1、在微信会话框,在文本框随机输入文本串 2、全选复制后,切换回uniapp调试...

2019-05-15 15:45:24

阅读数 218

评论数 0

uniapp自定义导航之添加自定义按钮之使用字体图标

如题,在uni-app导航栏开发中,如何使用图片按钮。根据反复研读官方文档,最终总结使用图片类按钮的几个步骤。 首先,我们先来看下官方自定义导航按钮 ...

2019-04-17 10:17:07

阅读数 664

评论数 0

uni-app开启微信小程序调试

在开发uni-app项目过程如何开启微信小程序进行实时编译调试。首先根据官网做如下配置 1、点击“工具” -》 “设置” -》 “运行配置”,找到“微信Web开发者工具” 安装所在的文件夹。复制路径,填入到“小程序运行配置” -》 “微信开发者工具路径”中,关闭设置页。如下图: 重新点击“运行”...

2019-04-02 19:56:50

阅读数 672

评论数 0

uni-app项目中使用scss语法

如何在uni-app项目中使用scss语法。我的win7 64位系统 最简单的方法如下: 点击菜单栏中的“工具 – 插件安装 – scss/sass编译” 点击安装,如果成功了,就可以正常使用了。 很不幸的是,我的提示失败了 然后我又找到D:\HBuilderX\plugins\co...

2019-02-15 11:22:24

阅读数 2084

评论数 0

Highcharts图饼和折线图实践心得

使用highcharts插件尽量做到和下两张图片一样的图表类型示例。 折线图DEMO 首先是折线图,根据官方栗子,这个并不是很难,需要注意的有三个地方的配置 1、圆圈是个白色空心圆 A:这个主要是修改marker属性下的一些配置,[PS: 一开始对APIs不熟,这个真的我找了好久才...

2018-09-10 18:33:49

阅读数 177

评论数 0

缩放类小程序实践心得

这是目前最近开发的一个小程序完成后的一些心得。 需求是有一张静态地图,用户点击对应的县要进入二级页面, 二级页面里面底图是一张静态地图,上面展示出相应的景点。点击景点显示景点简介 一级页面和二级页面都是可以拖动和缩放的,双击可以缩放 具体功能页如下: 我先是通过自己写touch事件体...

2018-06-29 10:33:49

阅读数 484

评论数 0

nodejs+mockjs分页数据模拟实践

以前还未有前后端分离的时候,前端都是静态页布局,现在有了前后端分离开发模式,测试的时候经常是写死的json数据测试。最近发现一款特别好用的数据模拟插件,完全满足前端自己开发测试调试了。 首先,大致说下mockjs的几个常用用法。 1、Mock.mock 根据数据模板生成模拟数据。 最常见的...

2018-02-24 14:48:37

阅读数 2582

评论数 2

微信小程序:组件实践

前阶段有网友问了一个关于小程序组件的问题: 有一个列表,我点击编辑,出现一个弹窗修改组件,输入修改数值点击确定,对应的列表项的值就被更改过来,点击取消,不做任何操作。 据说能获取到文本框的值,可是列表值一直更改不了。我就抽空写了个demo发现并未出现此问题,因此萌生了写这篇文章。 ...

2018-02-06 13:46:35

阅读数 8004

评论数 0

微信小程序:web-view开发实践

使用该组件有个先决条件,就是得到小程序公众平台设置网页的域名白名单,具体做法请自行登录查看。 然后在小程序写入如下测试页:: test.js:: onLoad: function (options) { this.setData({ url: 'https://你的域...

2018-01-18 15:02:48

阅读数 5061

评论数 0

微信小程序:nodejs+百度语音识别开发实践

今天,终于成功使用nodejs研究出百度语音识别了。目前使用小程序最新录音管理api测试,小程序录音只支持aac,mp3格式,并且保持的是临时地址。而百度语音识别目前只支持pcm,wav,amr格式。因此服务端需要先存储好录音文件并经过一次音频转换。具体步骤如下: 1、安装ffmpeg插件...

2018-01-08 15:49:47

阅读数 3472

评论数 18

微信小程序:nodejs+百度语音合成开发实践

写在前面,今天突然又整理了这个教程是因为百度的语音合成文本最多可以有1024个字节,而腾讯的只有150个字节。而且开发语言可以自由选择。其中包括nodeJs开发。今天就拿这个做实践。 1、在百度AI开放平台注册账号,并申请应用。申请完可以在应用管理看到如下应用,appid,apikey,secr...

2018-01-05 15:33:54

阅读数 2258

评论数 2

微信小程序:腾讯AI语音合成实践

最近正在研究小程序地图开发项目,其中有一个是要实现路线导航播放功能,找了各个平台的语音合成,发现只有腾讯AI开放平台的Restful API本人比较看得懂,于是决定先用这个接口实践测试。 官方地址请走:https://ai.qq.com/doc/aaitts.shtml 我这里使用的是...

2018-01-03 16:41:10

阅读数 8062

评论数 0

微信小程序:高德地图搜索周边poi接口实践

近期一直在研究小程序地图组件开发,使用的是高德微信小程序sdk查找周边poi数据,并展示到地图上。 根据getPoiAround接口协议传入对应的参数测试发现目前该接口最多只能返回20条数据,不支持分页,重要的是他的第一条数据默认是选中态,如果想要保证所有的图标一致性还得在传入iconPathS...

2017-12-28 11:27:33

阅读数 4246

评论数 8

vue-awesome-swiper轮播图实践

最近有个项目需求是做一个轮播图,图片不是铺满全屏,两边空白展示一点上下张图片的内容,具体如下图所示:         选择vue-awesome-swiper插件的原因是,他就是根据swiper插件改写而来的,功能齐全,模式多种。而我又刚好在swiper官网看到该种特效,于是去拔他的源码,...

2017-11-18 20:01:39

阅读数 14750

评论数 9

-webkit-overflow-scolling使用心得

我们都知道在ios的safari浏览器和app内核浏览器中,当一个h5页面内容超出屏幕高度,我们手指去滑动屏幕的时候,只要手势一离开屏幕,滚动立刻结束。这时候我们可以通过设置-webkit-overflow-scrolling=touch来使页面可以顺畅滚动,但是设置这个也会引出许多问题。 1、单...

2017-11-13 17:52:04

阅读数 6334

评论数 6

nginx部署访问vue-cli搭建的项目

从vue-router官网了解到如果是用history模式构建的vue项目打包后是需要后端配置支持的,而hash是不需要的,只不过地址会多了一个#/的后缀。使用hash模式构建的项目打包后,我只需要使用webstorm之类的软件打开访问就能成功了。         但是我用history模...

2017-08-07 09:30:43

阅读数 10111

评论数 0

vue学习之二:vue-router简单配置搭建单页应用

现在很多主流的vue项目都是采用的单页路由模式来搭建的,我们也来赶个时尚,采用的官方提供的vue-router来构建一个简单的企业站。如果还不知道vue-router路由机制的,请右转直走:https://router.vuejs.org/zh-cn/,先把基础教程看一下再来实践一下。     ...

2017-07-12 11:23:21

阅读数 6519

评论数 0

vue学习之一:下载vue-cli项目

这几周一直辗转在vue官网和各大博客搜索关于vue项目实战的例子。总觉得学的实在是零零碎碎的。总算在对于vue项目搭建有个基本认知,就直接拿起以前做过的项目进行改版了,接下来是从怎么搭建vue2.x+vue-router项目实战写的一些列文章。我的开发环境都是基于win8电脑系统构建的

2017-07-04 15:56:35

阅读数 4112

评论数 2

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