精华内容
下载资源
问答
  • 首先需要定义表情的表示方式,然后以此组装出信息的字符串 然后显示的关键是实现一个字符串转数组的函数 此函数的关键是,根据表情的表示方式,写一个匹配正则表达式
  • 微信官网小程序组件和接口使用演示完整源代码 详细使用教程
  • 微信小程序官方示例完整源代码下载

    千次下载 热门讨论 2017-01-09 16:53:10
    微信小程序官方示例完整源代码 微信官网小程序组件和接口使用演示完整源代码 详细使用教程
  • 微信小程序音乐播放以及slider滑块控制自定义组件。解压缩放入项目即可使用,可以播放任意数量音频。拥有可拖动的滑块控制组件。时间显示。音频图片播放中动画。完善的播放暂停选择时间等等功能。
  • 此视频为我在我的微信小程序开发社区 WXOPEN Club 出品的免费视频教程,从小程序基本概念、组件到实际项目开发进行了详细地讲解。 此源代码为视频 DevOpenClub 出品的免费视频教程配套源代码。 视频版权为 所有。 :...
  • 微信小程序商城完整源代码亲测可用, 谢谢支持。
  • 最近开发了一个小程序动态仪表盘组件,并以第三方小程序组件的形式发布到npm,任意小程序项目都可以安装这个模块,从而获得仪表盘功能。 组件功能目前还非常简单,先来预览一下效果: 感兴趣的直接看源码: ...
  • 电商小程序 电影日历 电影推荐 东航订机票 豆瓣电影 豆瓣图书 二维码生成器 番茄时钟 仿网易云音乐 仿微信DEMO 仿找事吧 分答小程序 富文本解析,折线图,MD5,bluebird 高仿苹果计算器 购物车 果库 滑动选项卡 画布...
  • 微信小程序-仿网易云音乐源代码 微信小程序(wei xin xiao cheng xu),简称小程序,缩写XCX,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可...
  • 最新微信小程序完整实例源代码 最新微信官网小程序组件和接口使用演示完整源代码
  • 微信小程序直播-源码

    2021-01-27 10:12:58
    微信小程序直播-源码
  • 基于微信小程序video组件开发短视频(模仿网易云音乐视频部分) 主要板块 - 视频列表 - 视频详情页 评论列表 目录结构 . |-- README.md |-- app.js |-- app.json |-- app.wxss |-- images | |-- MV.png | |...
  • 本文通过对 VUE 组件的 JavaScript 、CSS模块进行转换,比如 JavaScript模块,包括外层对象,生命周期钩子函数,赋值语句,组件的内部数据,组件的对外属性等等来实现把一个 VUE 组件转换为 一个小程序组件。...
  • 微信小程序实例源代码 完整版 有使用教程

    千次下载 热门讨论 2016-11-02 09:44:51
    微信小程序完整实例源代码 微信官网小程序组件和接口使用演示完整源代码 详细使用教程 http://blog.csdn.net/wyx100/article/details/52667518
  • wechat-weapp-demo 一个简单的微信小程序,只为熟悉组件和基本用法。(顺便说下上传视频官方文档使用有点小错误,具体看我代码) 其他 我研究微信小程序所有开发,产品,设计等资源汇总
  • 微信小程序官方示例代码 小程序组件和接口使用演示完整源代码
  • 原作者: 拿我格子衫来,地址:https://me.csdn.net/download/github_35631540。学习小程序必备技能,数据处理。发送和接收。界面参数交互。父子组件交互。以及bs的引入。
  • 微信小程序版二维码生成器源代码,官网说hidden只是简单的控制显示与隐藏,组件始终会被渲染,但是将canvas转化成图片走的居然是fail,hidden为false就是成功的,所以这里手动控制显示隐藏canvas。生成时请注意不同...
  • 微信小程序 表单Form实例 表单Form的应用很广泛,我们可以利用form设计登录注册,也可以设计一种答题问卷的形式,今天主要讲一下form的使用 form表单,将组件内输入的”switch”,”input”,”checkbox”,”slider”,...
  • 分步骤-性子急的朋友,可以直接看最后那段代码。 wxml文件放个text <text>second: {{second}} micro second:{{micro_second}} 在js文件中调用 function countdown(that) { var second = that.data.second if ...
  • 这篇文章主要是用微信小程序的一些基本组件,做了一个简单的页面来和小伙伴们一起分享,如果有问题欢迎留言。   先看下效果图: (此图片来源于网络,如有侵权,请联系删除! )     js代码部分:   [javascript] ...
  • 微信小程序富文本编辑器官方插件editor为微信小程序前端和图片接收后端,基于微信官方演示程序,去掉了多余的东西,加了一个后端接收图片的代码,直接可以使用,其他语言参照接收程序很简单。直接可以用。
  • 史上最完整的微信小程序代码案例,可用作案例库。里面包含了ES6的高级用法代码例子、组件应用例子、样式应用例子、接口调用例子。。。。
  • 微信小程序地图组件和相机组件实现基于location的AR效果的尝试(失败) 最近无论AR还是微信小程序都是炒的火热。微信小程序的特点便是“无需安装,用完即走”,而我们所说的AR用在小程序上面感觉再适合不过了。...

    微信小程序地图组件和相机组件实现基于location的AR效果的尝试(失败)


    最近无论AR还是微信小程序都是炒的火热。微信小程序的特点便是“无需安装,用完即走”,而我们所说的AR用在小程序上面感觉再适合不过了。虽然微信小程序已经开放了很多的接口,但现在还未入局AR。在此之前,想着利用微信小程序相机组件加上地图组件是否能实现AR的效果呢?于是我开始了我的尝试。


    一、相关组件以及API

      在该过程中主要用到了两个组件,一个是相机组件,一个是地图组件。其中相机组件有什么不懂的可以参考我写的这篇文章:
    微信小程序相机组件的使用

    那么接下来我们一起来看一下这个map组件的使用。其实微信文档上面已经写得很详细了,下面罗列一下比较重要的。
    - 微信小程序API 地图组件控制
    - 微信小程序API 获取位置
    -微信小程序API 查看位置

    二、设计流程图

      根据以往尝试的经验,感觉地图组件的性质就是在Canvas组件上面通过一系列手段渲染出了一些画(包括点线面),这些画组成了地图,然后可以通过gps等手段实现定位等功能。(当然人家实现起来肯定是比较复杂的了,这个只是在下的想法,缺乏可靠性)。基于此,给出以下设计思路。

    三、实施阶段

    ··· 按照流程进行到了设置地图透明度为零这一步。请看代码···

    Page({
      data: {
        markers: [{
          iconPath: "/images/location.png",
          id: 0,
          latitude: 23.099994,
          longitude: 113.324520,
          width: 50,
          height: 50
        }],
        polyline: [{
          points: [{
            longitude: 113.3245211,
            latitude: 23.10229
          }, {
            longitude: 113.324520,
            latitude: 23.21229
          }],
          color: "#FF0000DD",
          width: 2,
          dottedLine: true
        }],
        controls: [{
          id: 1,
          iconPath: '/images/location.png',
          position: {
            left: 0,
            top: 300 - 50,
            width: 50,
            height: 50
          },
          clickable: true
        }]
      },
      regionchange(e) {
        console.log(e.type)
      },
      markertap(e) {
        console.log(e.markerId)
      },
      controltap(e) {
        console.log(e.controlId)
      },
    })

    然后是.WXML文件的代码

    <!--index.wxml-->
    <view class='container'>
       <camera id='myCamera' class='myCamera' device-position="back" flash="off" >
        <cover-image src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1678761496,1374097277&fm=11&gp=0.jpg' class='myimage'></cover-image>
    
    <map id="map" class='myMap' longitude="113.324520" latitude="23.099994" scale="14" controls="{{controls}}" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregionchange="regionchange" show-location style="width: 100%; height: 300px;"></map>
      </camera>
    <!-- <map id="map" longitude="113.324520" latitude="23.099994" scale="14" controls="{{controls}}" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregionchange="regionchange" show-location style="width: 100%; height: 300px;">
    <camera id='myCamera' class='myCamera' device-position="back" flash="off" > </camera>
    
    </map> -->
    </view>

      此时的运行结果如下所示:
    地图覆盖

    这个地图组件倒是可以覆盖到相机组件上面去了,但是和我预想的结果还是不一致。我原本想的是地图上面的出了makers之外其他的都应该被相机组件给覆盖了(以前试过在相机组件上面覆盖canvas,canvas被覆盖),经过自己查找相关资料发现,地图组件和相机组件都具有最高层级,可以覆盖其他在其上面的组件。这也不难解释其可以覆盖canvas了,同时也可以得出以下结论:
    当两个有最高层级的组件相互覆盖时,遵循互相嵌套原则,即嵌套在里面的有较高优先级,可以覆盖嵌套在外面的组件


    四、修改透明度以进行AR效果显示

      然后,我又换了个思路:先将Map组件的透明度设置为0,然后寻找一种办法在map上面cover-view一个cover-image(cover-image组件可以cover在所有组件之上),可以随着在地图上面设置的makers进行移动以实现定位的效果首先设置Map的透明度为:

    opacity: 0.1

    结果如下图所示:



    enmmm,实现了改变map组件的透明度,但是看着makers的透明度也随着其变化了,这可不是我想看到的,于是这便成为了我的难题之一,哪位伙伴有想法的可以在下面留言我们一起进行探讨!正当我想着实现下一步的时候,想着真机测试一下吧,不测不知道,一侧吓一跳,无论我怎样改变透明度的值,在真机测试的时候总是不能改变地图组件的透明度这让我一度很郁闷,到目前为止还不知道错在哪里!

    五、遇到的问题

      上面已经提到过了,下面总结一下:
    - 当将透明度设置为0的时候maker也会进行消失,此时需要有一个东西可以将maker显示出来
    - 在真机测试的时候,无法改变map的透明度
    - 不知道怎样动态的设置maker,目前还停留在静态添加阶段

    如果哪位朋友有什么想法,或者有其他可以实现基于地理位置的AR微信小程序的思路,欢迎在下方进行留言,大家一起共同探讨!另外,我已经将此次实验项目传至
    - 我的码云
    - 我的CSDN


    欢迎大家查看下载。

    六、参考文献


    【1】微信小程序官方文档
    【2】W3Cschool微信小程序文档

    展开全文
  • 9月份,开始开发微信小程序,也曾调研过wepy/mpvue,考虑到后期跨端的需求,最终选择使用了uni-app,本文主要介绍如何使用uni-app搭建小程序项目,以及自己对框架的补充,包括封装request接口,引用color-ui,动态...
  • 项目将应用tornado、pymongo、ip2region、dlib、pillow、opencv等技术打造一个完整的人脸识别微信小程序。我将在实战过程中带大家快速掌握python mtv的设计模式、API接口设计、人脸特征|框选|截取|勾勒|化妆功能封装...
  • 微信小程序官方Demo 源代码获取

    千次阅读 2019-09-25 14:39:15
    本文链接:https://blog.csdn.net/u012814856/article/details/80944562一、引言最近在学习微信小程序,莫名其妙的刷到了腾讯官方出的 小程序示例 的 Demo,感觉做的真的很好。 要是自己在写小程序之前,多多参考这...

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
    本文链接:https://blog.csdn.net/u012814856/article/details/80944562
    一、引言
    最近在学习微信小程序,莫名其妙的刷到了腾讯官方出的 小程序示例 的 Demo,感觉做的真的很好。

    要是自己在写小程序之前,多多参考这个 Demo 里面的一些东西,应该会轻松很多,而且做出来的应该更加 “官方风格” 一点。

     

     

     

     

     

     

    二、下载

    下载微信客户端版本号:6.3.27 及以上 下载源码 版本20170111

     

    转载于:https://www.cnblogs.com/wzb0228/p/11573461.html

    展开全文
  • 轻量、灵活的微信小程序组件 在线文档 简介 lin-wx-ui 是一款基于 原生微信小程序 的前端 UI 组件库,主要集成了我平时在开发中使用到的 UI 组件 预览 扫描下方小程序二维码,体验组件库示例: 特性 基于 原生微信小...
  • 微信小程序预约demo

    2018-08-17 10:58:54
    微信小程序 利用自带picker组件+日历算法实现的预约时间选择器
  • 本文实例讲述了微信小程序使用image组件显示图片的方法。分享给大家供大家参考,具体如下: 1、效果展示 2、关键代码 ① index.wxml 复制代码 代码如下:”scaleToFill” src=”{{imageSrc}}”> ② index.js Page({...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,401
精华内容 5,760
关键字:

微信小程序地图组件源代码

微信小程序 订阅