- 博客(16)
- 收藏
- 关注
RSS订阅原创 五分钟上手-微信小程序组件库 iView Weapp
微信UI组件库 iView Weapp 介绍：iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称，大幅度降低了学习成本，是一套一套高质量的微信小程序 UI 组件库。 https://weapp.iviewui.com/ 使用步骤 1：首先在github上面下载组件库代码 https://github.com/TalkingData/iview-weapp 2...
2019-06-24 16:06:09
452
1
原创 小程序iView Weapp实现一个倒计时
昨天把组件库 iView Weapp研究了一下，里面确实有很多不错的组件，对于组件的使用，也写了一下笔记：五分钟上手-微信小程序组件库 iView Weapp https://www.jianshu.com/p/09b4515152ff 今天用小程序iView Weapp实现一个倒计时。具体可参考文档。 wxml <view class="view-wrap"> <tex...
2019-06-24 16:05:20
429
原创 小程序调用天气接口并且渲染在页面
五分钟上手-微信小程序组件库 iView Weapp https://www.jianshu.com/p/09b4515152ff 前两天写了关于组件库 iView Weapp的教程，其实也就是把文档上的例子拿出来体验了一遍，今天写一个具体的例子，调用一个免费的天气接口的api，并且把所获取的内容展示在前端的界面，前端界面与 iView Weapp结合，展示的一个小的demo. 先上效果 ###...
2019-06-24 16:04:28
591
原创 小程序计时器
之前写了一个小程序倒计时的demo，在网上查看了一下，计时器很少有demo，现在来写一个。 wxml <view class="container"> {{timecount}}</view> <button bindtap='start'>开始</button> <button bindtap='stop'>暂停</but...
2019-06-24 16:03:47
348
原创 小程序Echarts图表组件使用
1：下载 GitHub 上的 项目 https://github.com/ecomfe/echarts-for-weixin 2：但项目下载之后，打开小程序开发工具，可以看到效果如下，适配性还是比较完美的。 如果是在项目里面引入组件的话，打开从github上面下载的代码，将ec-canvas文件夹复制黏贴到你的项目里面。 好的，组件已经复制到了我的项目里面，现在我想实现一个折线图，现在开...
2019-06-24 16:03:18
1354
原创 小程序踩坑-Setting data field "list" to undefined is invalid.
今天遇到了一个这样的错误，当调用图片免费的接口api的时候 https://api.apiopen.top/getImages 报了这样的错 Setting data field “list” to undefined is invalid. 仔细检查了一下代码发现自己的错误原因 错误原因： 将数据字段“list”设置为未定义是无效的。 在自己代码的setData里面我是这样写的 this.se...
2019-06-24 16:02:42
3309
原创 小程序Vant使用教程
Vant Weapp 是有赞移动端组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用 两大参考神兽： 文档：https://youzan.github.io/vant-weapp/#/intro 开源：https://github.com/youzan/vant-weapp 1：桌面新建一个vant文件夹 2：打开微信开发者工具，在...
2019-06-20 17:09:09
4632
1
原创 当电量少于百分之20的时候，字体显示红色
<text style="{{item.batStyle}}" class="battery">电量:{{item.battery}}%</text> success: function(res) { const carList = res.data.list; for (let i = 0; i < carList.leng...
2019-06-20 17:08:11
281
原创 小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
又遇到了一个bug，开心ing，报错如下，相信应该在入门的时候，很多人都遇到了这样的bug。 VM2040:5 appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中 错误原因，没有使用app.json文件来对微信小程序新建的页面进行全局配置。 只需要在page里面写上"pages/test/test",即可 原文作...
2019-06-20 17:07:25
6031
1
原创 iView Weapp教程
微信UI组件库 iView Weapp 介绍：iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称，大幅度降低了学习成本，是一套一套高质量的微信小程序 UI 组件库。 https://weapp.iviewui.com/ 使用步骤 1：首先在github上面下载组件库代码 https://github.com/TalkingData/iview-weapp 2...
2019-06-20 17:06:48
1868
原创 iView Weapp实现一个倒计时
昨天把组件库 iView Weapp研究了一下，里面确实有很多不错的组件，对于组件的使用，也写了一下笔记：五分钟上手-微信小程序组件库 iView Weapp https://www.jianshu.com/p/09b4515152ff 今天用小程序iView Weapp实现一个倒计时。具体可参考文档。 wxml <view class="view-wrap"> <tex...
2019-06-20 17:06:07
1130
原创 Thymeleaf 引入公共代码页面
前面写过，写前端页面的时候，尤其是写后台管理系统，每个页面都会遇到一些重复的代码，比如左侧导航栏，头部的信息，前面也做了一些整合，把代码放在了公共的页面，每个页面调用时只需要用script引入即可。 在HTML页面中引入公共的部分的代码 https://www.jianshu.com/p/f50c5de2d550 但是项目里面 用到的是Thymeleaf 模板，为了减少请求速度，用Thymelea...
2019-06-18 15:46:26
406
原创 Echarts报错-Uncaught ReferenceError: echarts is not defined
Echarts报错-Uncaught ReferenceError: echarts is not defined 造成这个错误的原因:导入js的位置不对，要在使用时导入，option前一点导入，不能导入太前了。 在我的项目里面 ，是先引入了自己写的文件js，再引入了echarts插件，导致加载顺序不对，从而出现了报错 解决办法，只需要正确的引入方法即可。一定要注意位置的前后哦。 原文作者...
2019-06-18 15:45:12
6935
原创 ztree实现一棵树
前面陆陆续续的写过一些ztree的文章，但调用的是后端的接口，demo拿过去没有办法可以直接查看前端的界面，这就造成了一部分人对此理解的困扰。 jQuery的ztree仿windows文件新建和拖拽效果 https://www.jianshu.com/p/bfa67325719c ztree实现编辑和删除功能 https://www.jianshu.com/p/95d1df89665f ztree...
2019-06-18 15:43:52
217
转载 智能终端软件开发——刮刮卡
日常生活，抽奖是大多数人都喜欢的一项活动。抽奖的形式有很多种，例如彩票、刮刮卡等。Android系统也可以实现刮刮卡的效果，需要用到Bitmap、Matrix、Canvas等类。接下来通过一个案列来演示刮刮卡的实现过程，具体如下。 1.创建程序 创建一个名为ScrCard的应用程序，指定包名为cn.itcast.scratchcard,设计用户交互界面，预览效果如图。 对应的布局代码如下： ac...
2019-06-18 15:41:46
515
原创 DOM的实际应用
DOM 在 JavaScript 课程中我们详细的探讨过，它是一种文档对象模型。方便开发者对 HTML 结构元素内容进行展示和修改。在 JavaScript 中，DOM 不但内容庞大繁杂，而且我们开发的过程中需要考虑更多的兼容性、扩展性。 在 jQuery 中，已经将最常用的 DOM 操 作方法进行了有效封装，并且不需要考虑浏览器的兼容性，对于之前的DOM是一颗岑天大树枝繁叶茂让我们遥不可及，那...
2019-06-04 15:56:55
247
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人