LinkNemo

  • Nemo

    微信小程序UI组件、开发框架、实用库...

    UI组件weui-wxss★852 -同微信原生视觉体验一致的基础样式库Wa-UI★122 -针对微信小程序整合的一套UI库wx-charts★105 -微信小程序图表工具wemark★85 -微信小程序Markdown渲染库WeZRender★36 -微信小程序Canvas增强组件wetoast★21 -仿照微信小程序提供的showToast功能wxapp-charts★20 -微信小程序图表charts组件WeiXinProject★18 -列表的上拉刷新和上拉加载citySelect★16 -微信小......
    2018/04/25 11:10:40发表 1469赏阅 0点评
  • 大飞

    微信小程序——轮播图

       微信小程序的轮播图真是爽歪歪啊,不到二十行代码搞定,相对于安卓简单多了,不下百行代码,问题又多。下面见效果图:视图层:<swiperclass="swiper"autoplay="true"interval="2000"circular="true"indicator-dots="true"><blockwx:for="{{imageList}}"><swiper-item><imagesrc="{{item}}"class="swiper_item"></image></swiper-ite......
    2017/01/25 21:04:00发表 551赏阅 0点评
  • 大飞

    微信小程序——选择器

         微信小程序的选择器还是很好用的,但是很遗憾的是,自定义选择器还不支持多级联动,做区域选择器就是鸡肋,时间和日期选择器还好。    视图层:<view><viewclass="selecte">时间选择器</view><view><pickermode="time"start="00:00"end="23:59"bindchange="bindtime"><view>当前时间:{{time}}</view><......
    2017/01/25 10:39:06发表 572赏阅 0点评
  • 大飞

    微信小程序——底部导航

         底部导航比较简单的实现,然而类似今天头条的顶部导航目前却比较蛋疼,还没有比较好用的控件,昨晚试了一下使用scrollview实现,发现使用wx:for语句不能是是scrollview横向滚动,bugbugbug,就作罢了,加上微信小程序并没有类似安卓的fragment做导航切换,这就不太适合开发了,多个view在一个页面上,不好控制。   底部导航的实现,只需要在app.json上配置tabBar相关信息,包括配置文字,选中和未选中的图片,以及跳转的路径。{"pages":["pages/test/hom......
    2017/01/25 09:27:54发表 381赏阅 0点评
  • 大飞

    微信小程序——下拉刷新和上拉加载更多

         估计十来天没有写过代码了,有点生疏了,写起代码来不太利索。今天带来一篇十几天遗留的问题,实现微信小程序的下来刷新和上拉加载的实现。当然我所说的就是利用srollvies实现的,目前微信小程序的滚动控件只有一个,不像安卓拥有多种滚动视图,微信小程序的scrollview跟安卓的大部分滚动视图差不多,都有滚动到顶部和底部的监听事件。既然有这监听事件,那就简单多了,接下来只需要知道在顶部和底部手指按下和抬起中间过程中的距离就可以实现。    本案例中总共实现了五个方法,分别是bindscrolltou......
    2017/01/24 13:43:44发表 1609赏阅 0点评
  • 大飞

    微信小程序——图片自适应

      在开发者中,各种尺寸的图片都可能有,仅仅将图片的高宽写死,往往很难看,当然在安卓中可以设置图片的缩放属性也会达到很好的效果,而在微信小程序中,本人未发现这个方法,所以可以通过计算,让图片显示得更好。  实现思路:  1.获取屏幕的宽高,计算宽高比 2.获取图片的宽高,计算宽高比 3.对比两者的宽高比,缩放图片对应的宽高 4.给予图片重新赋值 视图层:"true"style="height:600px;"><viewwx:for="{{imagelist}}"wx:for-inde......
    2017/01/14 21:03:39发表 966赏阅 0点评
  • 大飞

    微信小程序——拖曳图片

     安卓中的拖曳实现步骤:   1.获取屏幕的宽高   2.监控触摸事件move   3.获取移动的xy方向的距离,计算图片应该偏移的距离   4.设置图片偏移同样微信小程序也是这样的步骤视图层:<viewclass="page"><imageclass="dragview"bindtouchmove="touhMoveMethod"src="../../images/voice_image/voice_icon_speaking_bg_normal......
    2017/01/14 20:51:39发表 500赏阅 0点评
  • 大飞

    微信小程序——map地图控件的使用

        map——地图控件,不能再scroll-view中使用,本案例先使用wx.getLocation()方法获取当前坐标,然后将值设置到地图显示,本次案例简单显示其覆盖物。小程序文档中对covers和markers描述有些冲突,待后面查证。   看实现效果: 视图层:<viewclass="page"><view><text>纬度:{{latitude}}</text></view><view><text>经度:{{longit......
    2017/01/14 20:40:44发表 1163赏阅 0点评
  • 大飞

    微信小程序——网络请求

    微信网络请求方法跟大多数网络请求基本一致,比较简单。 实现案例:视图层,两个简单的按钮,一个文本框用于显示请求回来的数据<viewclass="page"><buttontype="primary"class="twobutton"bindtap="getRequest">GET请求</button><buttontype="primary"class="twobutton"bindtap="postRequest">POST请求</button><viewclass="twobutton"><text&g......
    2017/01/14 12:33:42发表 377赏阅 0点评
  • 大飞

    微信小程序——录音动画的实现

         回顾一下安卓的动画,安卓的动画分为三种,补间动画、帧动画和属性动画,补间动画和属性动画包括平移、旋转、放大和透明变化四种;这两种动画的区别在于补间动画执行后原来的属性并没有改变,比如一个图片从这个位置移动到另外一个位置,其获取焦点的位置还是在原来的位置,而属性动画执行后真实的改变了其属性。帧动画就是多张图片按照一定的顺序切换,产生像播放电影一样的效果。好了,扯远了,微信小程序的动画分为:旋转、缩放、偏移、倾斜、矩阵变形和动画队列(安卓中叫复合动画,多个动画一起执行)这几种。接下来我就通过对录音动画的实现讲述动画的简单实用。看图:&nb......
    2017/01/14 12:14:58发表 1009赏阅 0点评
  • 大飞

    微信小程序——scroll-view的使用

       scroll-view顾名思义,滚动的视图,在使用上它非常的强大,比如滚动到顶部和底部的监听,滑动监听等,简单易用,二话不说,看效果图。     先来看看scroll-view的官方介绍,讲得很清楚。       我的实现步骤:    1.试图层的实现,按照官方文档,绑定滚动事件,设置滚动方向,写一个for循环加载出js中的数据,上图中的数据我命名数组名称为menuList,就如此简洁的实现的一个滚动......
    2017/01/13 22:53:42发表 658赏阅 0点评
  • 大飞

    微信小程序框架介绍——开篇

         微信小程序对于熟悉web开发的人说,简直就是信手拈来。因为微信小程序的组成就是大家熟悉的JavaScript+HTML+CSS,再加配置文件Json.而在微信小程序中HTML被替换成WXML,就是微信的html(WX-HTML),CSS的后缀名不是"css",而是WXSS(WX-CSS),使用上跟CSS一致。另外微信小程序跟安卓的Activity一样具有生命周期,接下来我将分别介绍微信小程序的生命周期和组成。     一.生命周期    &nbs......
    2017/01/13 21:40:21发表 478赏阅 0点评

最新点击

热门人物

热门标签

回到顶部