微商如何制作微信小程序？#微信小程序怎么用微商？&&
微信小程序优势：最大的好处就是即点即用，不用安装，不占手机内存，至于流量上，如果你看的是视频，自然流量比较高。如果你看的是文字，流量自然比较低；用完即走，无需下载；顶峰助力小程序& 微信DFXS0412
微信小程序界面功能类似于APP，直接在微信上就可以打开使用，减少手机app的下载，也拯救了手机内存不足的用户；微信小程序优势：最大的好处就是即点即用，不用安装，不占手机内存，至于流量上，如果你看的是视频，自然流量比较高。如果你看的是文字，流量自然比较低；用完即走，无需下载。
&微商如何制作微信小程序？#微信小程序怎么用微商？公众号文章入口：文字跳转，图片跳转，卡片跳转。二维码扫描拼团：拼多多、蘑菇街、贝贝拼团等是拼团的先驱，现在很多商城小程序也有了拼团功能。用小程序来承载拼团、秒杀、砍价等优惠活动，利用拼团的价格策略吸引用户，激发消费者低价消费积极性，实现快速裂变。
01 1、小程序红利期占据有利地位。
微信小程序的开发可以与微信公众号进行打通，并且微信小程序具备其他工具所没有的强大兼容性，特别是对于规模较小的企业，由于盈利空间少，无法承担APP的开发成本，由于服务型类型较为单一，其卸载率会比较高，所以小程序的出现正好可以弥补这样的缺点。
02 大幅降低企业的开发成本
众所周知APP开发要考虑其兼容性，而微信小程序的出tai，正好可以解决这一难题，企业进行微信小程序开发，既可以解决开发成本问题，又可以缩短开发周期，并且还可以利用微信已存在的营销趋势，因为微信本身就是品牌，无需推广，用户可以通过扫描二维码进入。
7 03 为企业带来潜在客户
微信小程序上线初期，用户大多抱有好奇心理，企业利用这段时间，很容易就可以获取关注，为企业带来大批的潜在客户。
04 用户体验好可增加企业与用户之间的粘性
微信小程序本身能够增加企业品牌展现机会，微信小程序的母体是微信，企业可以借助微信平台获取更多的流量。
05 搭建新的营销体系& 顶峰助力小程序& 微信DFXS0412
在互联网飞速发展的现在，传统企业要想发挥其优势必须要结合产品+线上+线下三部分同时进行，从而可借助微信小程序完善网络系统，微信小程序的出现最大限度打通了产品，内容信息，商品服务之间的关系，打造生态闭环。
06 对于企业产品有着更多的试错机会
微信小程序不同于APP开发，在开发一款APP之前必须之前搭建好框架，但不可控因素是APP上线后与市场是否吻合，如不适合，试错成本较高，而微信小程序不同，小程序上线后，如不适应市场，可进行重新开发也不会需要太多时间，所以对于企业而言，便拥有更多的试错机会。
顶峰助力微营销见证了微信小程序的发展，做为国内首批微信小程序第三方服务商，也是第一批着手小程序开发的技术服务公司，熟悉小程序运作逻辑和技术开发，能够独立为政府、企业、商家及个人打造专属的小程序平台。未来，将依旧本着改善和影响企业互联网化发展的初衷，继续为更多企业商家服务。不管你是创业，业务拓展，还是客户服务需求，都能获得满意的需求分析，技术服务及后续的运营指导。
微信小程序上线至今接近1年时间，但还是有很多商户并不了解小程序，也不清楚自己是不是应该开发一款小程序。看完这些或许你就找到答案了。
小程序带来的12条好处 1、自带推广 小程序自带的附近的小程序功能，帮助商家被五公里范围内的微信用户搜索到，解决当下商家广告无处可打的尴尬。店铺根据距离来**，与品牌大小无关，也就是说，用户离你越近，你就排得越前。
2、触手可及，用完即走 小程序是一种无需下载安装即可使用的应用，能以最低成本触达用户。随着小程序市场的打开，在未来两年内，小程序将有望成为企业及商家的标配。
3、搜索 微信开放小程序关键字搜索，提高了企业商家的被搜索到的机会。同时微信搜索页面还有小程序的快捷入口，为常用的小程序带来更多的曝光和开启机会。
4、小程序码 再小的店也有自己的品牌，一张小程序码就可以成为消费者了解企业店铺的直接通道，对于线下实体店来说，让场景推广打开率更高。
5、成本更低 对于两类人来说，小程序可以大大降低运营成本：从开发成本到运营推广成本，小程序的花费仅为APP的十分之一，无论是对创业者还是传统商家来说都是一大优势。
6、更流畅的使用体验 小程序重在用户体验和线上线下的打通，逐渐的将微信公众号和H5的功能进行融合，进而补充其不足点，从根本上代替和秒杀。
7、更多的曝光机会 小程序自上线以来不断释放新能力，对于商家来说，这简直就是福音，他们可以通过更多的渠道来推广自己的小程序，进而实现店铺及商品的推广交易。
8、使用即是用户 用户只要使用过小程序，就会成为小程序的用户，该小程序会自动进入用户的发现栏小程序列表中，小程序实现了用最低的成本，让产品出现在用户的微信中。
9、在微信中打开率更高 同样的一个广告链接，在公众号图文中插入外链、阅读原文、文末广告和小程序广告位所获得的打开率完全不用，小程序和阅读原文的打开率差了20倍左右。
10、高效的流量召回&&&& 顶峰助力小程序& 微信DFXS0412 微信公众号和H5可以快速实现吸粉，但是一旦活动结束，引入的大量粉丝也将跟着死掉，小程序链接线上电商快速的实现了用户的变现和转换，这一点公众号和H5是做不到的。
11、公众号+小程序完美结合 朋友圈、公众号和小程序，分别对应着社交、内容和服务，这三者加起来正好是小程序目前最火爆的变现方案——社交电商。朋友圈推广、公众号引流，小程序变现，这就是公众号 + 小程序模式。
12、让积累自有用户成为可能 社交电商最响的一个口号是，让商家建立自己的流量中心，摆脱平台的绑架。但是事实上这个宏愿一直没有实现，因为之前商家们用的H5工具有一个最大的限制——分享之后没法返场。但小程序就完全不同了，用户点击之后就会成为小程序用户，即便不消费都会与商家产生关联。
以上就是微信小程序的12大优势，除了这些还有很多小编以后在慢慢盘点，如果你也想开发一款属于自己的微信小程序，联系顶峰助力小程序& 微信DFXS0412
被转藏 : 0次
被转藏 : 0次摘要：不懂技术，不懂开发，不懂设计，想做小程序，怎么办？估计是很多企业和微信运营人员头疼的一个事情，本文365IT圈携手小程序开发平台飞虎商联分享如何快速创建一个微信小程序？一、如何注册和快速创建小程序？快
不懂技术，不懂开发，不懂设计，想做小程序，怎么办？估计是很多企业和微信运营人员头疼的一个事情，本文365IT圈携手小程序开发平台飞虎商联分享如何快速创建一个微信小程序？一、如何注册和快速创建小程序？快速创建小程序：进入微信公众平台， 点击“快速注册并认证小程序”注册成功后，微信会进行认证审核。如果认证不通过要重新提交。资质必须是一致的。单独注册小程序：在微信公众平台点击右上角的“立即注册”按钮。小程序邮箱地址：请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。二、如何创建一个小程序？注册完成之后，如何创建一个自己想要的小程序呢？一、进入飞虎商联，注册登录，然后进入小程序后台二、进入之后，点击你所在行业的模板。也可以自定义建立一个空白模板，根据自己想法创建；三、点击模板，然后上传自己的产品和企业相关信息，然后点击保存生成四、把生成的代码包上传至小程序开发平台，然后提交审核，审核通过即可上线。根据飞虎商联的体验。创建一个小程序，特别简单，添文字加图片，换模板选插件，发文章添产品……图层样式如堆积木上下任意叠加，拖拽间灵活多变，做出精彩，瞬间生成想要的微信小程序。
本文仅代表作者观点，不代表百度立场。本文系作者授权百度百家发表，未经许可，不得转载。
分享到微信朋友圈
打开微信，点击 “ 发现 ”
使用 “ 扫一扫 ” 即可将网页分享至朋友圈。
扫一扫在手机阅读、分享本文
百家号作者平台APP
扫码下载安卓客户端
便捷管理文章信息
随时查看文章收益微信小程序怎么发布? 小程序打包的教程
作者：佚名
字体：[ ] 来源：互联网 时间：12-30 10:49:05
微信小程序怎么发布？微信小程序可以开发自己的陈旭，该怎么制作小程序并发布呢？下面我们整理出一个省时省力的开发方法，即使不懂代码不懂技术的朋友可以开发微信小程序，需要的朋友可以参考下
微信小程序已经开放了，大家最关心的就是如何能迅速学会如何开发微信小程序了。如果想开发小程序，就得先学会一套微信特制的开发语言。虽然微信官方提供了一份十分详细的开发文档，但是对很多没有技术基础的人来说太过复杂，通读和学习也需要大量的时间。
为了让大家尽快学会微信小程序开发，这里整理出一个省时省力的开发方法，即使不懂代码不懂技术，通过简单拖拽组件搭建微信小程序，然后将代码打包下载后对接到开发者工具即可。赶紧一起来看看怎么用吧！
1、登录即速应用官网，点击上方首页菜单的&立即制作&，即可开始进行制作。
2、选择&空白模板&，进行自由创作。如果想节省时间，也可以选择主题模板进行快速制作。
3、进入制作界面后，可以看到页面分组和页面属性。点击&组件库&，开始搭建页面。
4、根据自己的需求选择组件以搭建页面，每个组件的文案和图片都是可以自己编辑的。&&&&&&&&&&&&&&&&
5、即速应用有很多可供选用的组件。比如用于布局的双栏组件、面板组件、顶部导航组件和底部导航组件。还有一些可以实现更多复杂功能的高级组件，比如动态列表组件、动态容器组件、自定义表单组件、个人中心组件。
6、把每个页面都编辑好，并做好页面之间的跳转，确保逻辑无误。全部做好之后，点击右上角的&保存&，然后点击&发布&。若是制作过程中想要找回之前的版本，只需要去历史记录中回复既可。
7、跳转页面后，再次点击&发布&，即可生成。
8、点击&小程序打包&，生成小程序的代码。打包下载之后，就可以直接上传到微信官方后台的开发者工具里，即可完美对接小程序。
9、其实制作微信小程序并没有这么难。如果有一定的技术基础，可以去仔细研究微信小程序的开发文档；如果不懂技术，只要熟练掌握「即速应用」中的各种组件的搭配和运用，也一样可以轻松制作出符合自己需求的微信小程序样式。小程序这个基于微信的应用生态，将会打破传统的原生App模式。如果想要在用户的手机上占有一席之地的话，制作微信小程序也许是更好的选择。
注意事项：
使用即速应用微信小程序开发工具是为了方便开发，制作完成后，必须导入到微信开发者工具中，才可以达到小程序制作成功效果。
相关推荐：
大家感兴趣的内容
12345678910
最近更新的内容在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
标签：至少1个，最多5个
微信小程序公测后，开发者非常热情，都有很高的期待，都想抓住这一波红利。但是热情背后需要冷静，我们需要搞清楚两个问题：
微信想要我们做什么？微信小程序可以做什么？
微信想要我们做什么？
首先来弄清楚微信的意图。之前张小龙曾公开过对微信应用号的一些看法，再联系到他总结的微信产品观，大概可以总结出如下重点：
（1）服务用户，不打扰用户，用完即走
张小龙这种朴素浪漫主义情节一直反映在他的微信产品观中，小程序也不例外。从人性出发，用户被任何APP每天占据大量时间都是不合理的，微信也是——虽然它已经实现了。这个幸福的负担也就成了微信的枷锁（或者说是张小龙的枷锁），一旦出现决策偏差或用力过度，影响范围不可想象，稳健或许是微信最可行的方针。相应地，小程序也要贯彻这套产品观。小程序的设计规范里，不允许推送、不允许转发至朋友圈、不允许诱导关注，一而再地强调服务导向，用户主动寻找服务，用完即走。
（2）刺激微信生态
微信已经不年轻了。想想微信这几年的发展，曾几何时，摇一摇、群对话、朋友圈、抢红包，几乎包围了我们的生活。然而现在，有多少人关闭了朋友圈提醒？有多少人对所有微信群设置了消息免打扰？又有多少人，在朋友圈里已经看不到熟悉的人的名字？某种意义上，逃离碎片化时间几乎等同于逃离微信。而与此同时，这些年又有大量的第三方应用，通过微信得到了巨大的流量红利，比如脸萌、天天P图、微信群助手、还有各种曾经刷爆朋友圈的H5小游戏，等等。这份蛋糕，微信其实也可以自己吃掉……
无论出于防守还是进攻，微信都需要新的突破。小程序实际上是一种众包行为，通过第三方共同塑造一个更完整的微信生态，提供更多新的可能，也提供更多试错，根据用户反馈不断调整策略。微信在设计规范中明确提出不允许开发与现有服务类似的功能，也印证了这一观点。这对微信和第三方来说，都是一种双赢。
（3）服务号未实现目标，小程序予以补充和提升
并不太具备存在感的服务号，显然并没有实现微信对它的期望。服务号上线之初，也是希望可以在消息列表中为用户提供更多样化的服务，同时也提供给那些低频工具或商户，一个连接用户提供服务的可能，免除独立开发APP的成本。然而受入口位置、推送频次、交互展示、功能等限制，大部分服务号只不过是企业多了一个消息推送号，并没有拓展出新的领域。
（4）流量变现
对于变现，微信一直做得很谨慎。然而开放小程序，使得微信可以较好地保护现有的用户体验，同时又增加出更多向B端实现流量变现的场景。
微信小程序可以做什么？
考虑微信诉求的同时，也需要看看微信的能力。对我们这些应用者来说，微信小程序的实际价值在于：
（1）流量入口
毋庸置疑，微信的流量有多大意义，看看现在这些围绕微信的商业模式吧。
（2）社交关系
微信作为最庞大的社交关系链，这对于任何一家公司来说都是非常有意义的。积淀在微信中的熟人关系、行业关系、社群关系，已经形成了极具说服力的用户分层，这些圈子可以帮助任何一家公司直达目标用户，尤其是自身尚未利用社交优势的APP，完全可以借助微信的社交关系链助力自身业务。
（3）用户数据
即便是对社交关系没有太多期待，用户数据本身也足够有价值了。在用户授权的前提下，如果能获取到用户的社交关系、社交内容、位置信息、使用频次等数据，无论是要精准获客、精准营销还是精准变现，都将带来极大的帮助。
（4）提升体验
比起之前的服务号，小程序支持更丰富的功能和交互，给设计者留下了更多发挥空间，无疑会给用户带来更好的使用体验。根据目前内测的小程序表现，小程序的体验流畅度远高于预期。
那到底该如何设计小程序呢？设计思路应该从以下5个方面入手：
（1）不要局限于工具思维，而是基于服务做拓展外延
很多文章都在聊小程序目前最好做的是工具。话虽然没错，但不要局限于工具思维，最核心的仍然是服务。从目前你所在的业务大类出发，用户究竟需要什么样的服务？用户在进入APP前和离开APP后，场景上需要有什么补充？可能分析下来和你的APP主营业务并不完全一致，没有关系，只要能达到你对微信小程序的预期就可以了。举例来说，如果一家阅读类APP只是单纯将内容聚类和搜索的功能移植到微信小程序，并不能给用户带来更多期待，也很难做到让用户主动去唤醒小程序。如果跳出APP主营业务，回归阅读这件事本身，用户在开始阅读之前如何引起阅读兴趣？阅读之后是否有摘录的需求？这时候，或许深挖摘录这个点会比直接做内容更有意义。
（2）融入微信生态
时刻记得微信小程序是在微信内，与微信的所有功能息息相关，要尽可能深入地融入微信生态，不要孤立地做设计。微信小程序是微信生态的一部分，更是衔接用户、服务、信息三者的重要载体，在设计之初就要考虑到生态的搭建和后续扩展。继续说阅读类APP，如果确定要通过摘录做切入点，那么摘录的来源可能是公众号推送的文章、群聊天记录、或者是自家服务号推送的活动信息，让你的小程序融入整个微信，并为后续服务升级、用户体系升级、变现模式、或者是衔接微信的其他功能服务留好余地。
（3）自有APP切入社交关系
微信的社交关系链是个大宝藏，从这个点切入和微信的使用场景做结合，用户也更好接受。而更有意义的是，利用微信小程序获取用户社交关系，拓展自有产品的业务模式和服务范围。仍以阅读类APP为例，假设上述的摘录需求和社交做结合，在摘录中可以二次批注，相互交流，不断深挖，既能把主营业务和社交结合起来，又符合价值化、轻量化、略带浪漫主义情节的微信产品观。
（4）如果不能直接分享到朋友圈，那就换一个姿势分享
相信获取流量是各家都想实现的目标，分享功能依然重要。如果微信不允许直接分享到朋友圈，那么就在聊天上多下功夫，一个群聊内的分享并不一定比朋友圈差。又或者，使用其他手段将你的微信小程序暴露在朋友圈里，间接实现分享的目的。再次，还有扫一扫和搜索可以利用。总之，在不触犯微信规则的前提下，尽可能扩大你能接触到的用户范围。
（5）胜在轻巧
微信小程序的设计方案需要遵从轻巧的原则。这两个字要分开来看：一个是轻，即轻量，用户能够快速进入，快速享受到服务，快速离开，使用过程中没有心理负担；一个是巧，即巧妙，创意永远是制胜法宝，仅仅移植web或app的功能很难达到预期的目标，只有为微信小程序量身订制、富有创新、充满心意的设计，才能稳稳把红利抓牢。
「H5程序俱乐部」是一个专注微信小程序学习交流，相关外包/招聘需求信息发布的微信公众号。
「H5程序俱乐部」微信号：wxappclub 或者 微信扫一扫关注
0 收藏&&|&&1
你可能感兴趣的文章
8 收藏，27k
50 收藏，5.3k
80 收藏，5.3k
分享到微博？
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。微信小程序-从零开始制作一个跑步微信小程序 - 简书
微信小程序-从零开始制作一个跑步微信小程序
我已经把全部代码放在github上-，可以下载来看看或者先star收藏，我以后还会进行一些优化更新。现在只是一个学习Demo，大家沟通学习，实际应用还需更多优化。
一、准备工作
1、注册一个小程序账号，得用一个没注册过公众号的邮箱注册。
2、注册过程中需要很多认证，有很多认证，比较繁琐，如果暂时只是开发测试，不进行提审、发布的话，只要完成营业执照号填写就可以了，不需要完成微信认证。
3、注册完账号，登录，在主页面左边列表中点击设置，然后再设置页面中选开发设置就可以看到AppID，用于登录开发工具。
二、开发工具
可以到官网下载
开发工具编辑页面
三、开始项目
打开开发者工具，选择小程序选项，到达添加项目页面
这个时候在前面设置页面的AppId就用到了。
如果项目目录中的文件是个空文件夹，会提示是否创建quick start 项目。
选择“是”，开发者工具会帮助我们在开发目录里生成一个简单的 demo。
这个Demo拥有一个完整的小程序的大概框架。
先看下一目录：
文件目录.png
app.js: 小程序逻辑，生命周期，，全局变量
app.json: 小程序公共设置，导航栏颜色等，不可以注释
app.wxss :小程序公共样式，类CSS 。
小程序页面构成：
每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。
葛文佳介绍
微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。
这四个文件按照功能可以分成三个部分：
配置：json 文件
逻辑层：js文件
视图层：wxss.wxml文件
在 iOS 上，小程序的 javascript 代码是运行在 JavaScriptCore 中
在 Android 上，小程序的 javascript 代码是通过 X5 内核来解析
在 开发工具上， 小程序的 javascript 代码是运行在 nwjs（chrome内核） 中。所以开发工具上的效果跟实际效果有所出入。
微信提供了许多组件，主要分为八种:
视图容器、
基础内容、
表单组件、
操作反馈、
媒体组件、
包含view、scroll-view、button、form等普通常用的组件，也提供了地图map、画布canvas。
组件主要属于视图层，通过wxml来进行结构布局，类似于html。通过wxss修改样式，类似于css。
组件使用语法实例：
&!--普通视图--&
&view&这是一个普通视图&/view&
&!--wxss样式修改--&
&view clas="mainView"&样式修改过的视图&/view&
更多的组件以及相关使用方法可以到查看
其中网络请求的使用必须先到公众平台登录小程序账号，在设置页面那里，设置允许访问的域名，网络请求包含了普通的http请求、支持上传、下载、socket。基本上满足了我们开发中所需要的网络需求。
这些API属于逻辑层，写在js文件中，
wx.getLocation({
type: 'wgs84',
success: function(res) {
var latitude = res.latitude
var longitude = res.longitude
var speed = res.speed
var accuracy = res.accuracy
可以到查看其它API的使用方法。
4、编译运行
可以在模拟器上看效果，上面讲到了运行底层不同，效果跟在手机上运行有些差异
模拟器.png
在左边的选项栏中，选择项目，然后点预览会生产一个二维码，用管理员微信号扫一扫就可以在真机上看实际效果
Paste_Image.png
实践--跑步小程序。
真机运行截图（运行于iPhone7，微信版本：6.3.30）：
slideback.jpeg
slide.jpeg
能够计算里程、时间、实时获取跑步路径（有些粗糙）
主要使用了微信小程序的获取位置APIwx.getLocation()和地图组件map。
首先实现一个计时器进行 计时，通过wx.getLocation()获取坐标，把获取到的坐标存在一个数组中，通过坐标每隔一段时间获取里程，进行累加得到总里程，同时也通过坐标点进行连线
存在的问题：
1、因为目前找不到在地图上画连线的方法，所以采用了在地图上贴小红点图的方法显示大概跑步路径，路径比较粗糙。
2、虽然采用了API里面的火星坐标gcj02类型，但是获取的坐标跟国际坐标差不多，依然存在着偏差。
核心代码：
我把全部代码放在github上-，可以下载来看看或者先star收藏，我以后还会进行一些优化更新。现在只是一个学习Demo，大家沟通学习，实际应用还需更多优化。
wxml文件布局代码：
&view class="head" style="flex-direction:"&
&image class="icon" src="/resources/joyrun.png" mode="aspectFill"/&
&button bindtap="openLocation"&打开位置&/button&
&button bindtap="starRun"&开始跑步&/button&
&button bindtap="stopRun"&暂停跑步&/button&
&text&\\n里程数：{{meters}}km&/text&
&text&\\n\\n时间：{{time}}&/text&
&view class="mainView"&
class="mapView"
style="width: 100%; height: 375"
latitude="{{latitude}}"
longitude="{{longitude}}"
markers="{{markers}}"
covers="{{covers}}"
js文件逻辑代码：
var countTooGetLocation = 0;
var total_micro_second = 0;
var starRun = 0;
var totalSecond
var oriMeters = 0.0;
/* 毫秒级倒计时 */
function count_down(that) {
if (starRun == 0) {
if (countTooGetLocation &= 100) {
var time = date_format(total_micro_second);
that.updateTime(time);
if (countTooGetLocation &= 5000) { //1000为1s
that.getLocation();
countTooGetLocation = 0;
setTimeout
setTimeout(function(){
countTooGetLocation += 10;
total_micro_second += 10;
count_down(that);
// 时间格式化输出，如03:25:19 86。每10ms都会调用一次
function date_format(micro_second) {
var second = Math.floor(micro_second / 1000);
var hr = Math.floor(second / 3600);
var min = fill_zero_prefix(Math.floor((second - hr * 3600) / 60));
var sec = fill_zero_prefix((second - hr * 3600 - min * 60));// equal to =& var sec = second % 60;
return hr + ":" + min + ":" + sec + " ";
function getDistance(lat1, lng1, lat2, lng2) {
var dis = 0;
var radLat1 = toRadians(lat1);
var radLat2 = toRadians(lat2);
var deltaLat = radLat1 - radLat2;
var deltaLng = toRadians(lng1) - toRadians(lng2);
var dis = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(deltaLat / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(deltaLng / 2), 2)));
return dis * 6378137;
function toRadians(d) {
return d * Math.PI / 180;}
function fill_zero_prefix(num) {
return num & 10 ? "0" + num : num
//****************************************************************************************
//****************************************************************************************
clock: '',
isLocation:false,
latitude: 0,
longitude: 0,
markers: [],
covers: [],
meters: 0.00,
time: "0:00:00"
//****************************
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
this.getLocation()
console.log("onLoad")
count_down(this);
//****************************
openLocation:function (){
wx.getLocation({
type: 'gcj02', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标
success: function(res){
wx.openLocation({
latitude: res.latitude, // 纬度，范围为-90~90，负数表示南纬
longitude: res.longitude, // 经度，范围为-180~180，负数表示西经
scale: 28, // 缩放比例
//****************************
starRun :function () {
if (starRun == 1) {
starRun = 1;
count_down(this);
this.getLocation();
//****************************
stopRun:function () {
starRun = 0;
count_down(this);
//****************************
updateTime:function (time) {
var data = this.
data.time =
this.data =
this.setData ({
time : time,
//****************************
getLocation:function () {
var that = this
wx.getLocation({
type: 'gcj02', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标
success: function(res){
console.log("res----------")
console.log(res)
//make datas
var newCover = {
latitude: res.latitude,
longitude: res.longitude,
iconPath: '/resources/redPoint.png',
var oriCovers = that.data.
console.log("oriMeters----------")
console.log(oriMeters);
var len = oriCovers.
if (len == 0) {
oriCovers.push(newCover);
len = oriCovers.
var lastCover = oriCovers[len-1];
console.log("oriCovers----------")
console.log(oriCovers,len);
var newMeters = getDistance(lastCover.latitude,lastCover.longitude,res.latitude,res.longitude)/1000;
if (newMeters & 0.0015){
newMeters = 0.0;
oriMeters = oriMeters + newM
console.log("newMeters----------")
console.log(newMeters);
var meters = new Number(oriMeters);
var showMeters = meters.toFixed(2);
oriCovers.push(newCover);
that.setData({
latitude: res.latitude,
longitude: res.longitude,
markers: [],
covers: oriCovers,
meters:showMeters,
本文是一个快速上手开发的介绍，细节介绍可以查看
我的相关全部代码放在github上-
王小树 -- A dog for coding
https://github.com/alanwangmodify
声明：文章来源网络转载，我在这做了一个整合，方便大家查阅，持续更新。 01：概述 文 | 周中坚 美团点评工程师，4年 Web 前端开发经验，主要负责过会员卡、外卖、预订、商家平台等业务的前端开发，现在是美团点评点餐团队的一员。 如果你看过《张小龙首次全面阐述小程序》这篇文...
为了方便大家了解并入门微信小程序，我将一些可能会需要的知识，列在这里，让大家方便的从零开始学习； 首先感谢几位给予建议的同学，包括@dzp @M-信念 @Somnus13 ，以下内容只是一部分，但是够用了，可以先放出来给大家看看：**一：微信小程序的特点**张小龙：张小龙全...
转载请注明出处, 谢谢! (～ o ～)Y 1月9日，也就是今天，微信推出的“小程序”正式上线。“小程序”是一种无需安装，即可使用的手机“应用”。不需要像往常一样下载App，用户在微信中“用完即走”。目前，东方航空公司、美团大众点评、京东、新华社、今日头条、滴滴出行、摩拜单...
这个教程适用对象：这篇文章适合所有的想学习微信小程序的新手们，需要你们有一点的html和css的基础。如果你只是想了解下小程序的开发流程这篇文章也特别适合你。大神们可以直接跳过这篇文章了。 微信专门为小程序开发了一个ide叫做微信开发者工具。最新一版的微信开发者工具，把微信...
WXML WXML（WeiXin Markup Language）是微信的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。 （小安娜：好像很厉害的样子，那基础组件、事件系统是什么？感觉更厉害，因为必须结合它们。），基础组件类似HTML中的标签，事件系统是Java...
17/30写手圈连续写作训练营 第十五期 【读书】伤疤是军人的勋章 【读书感悟】认定一个目标，是完成一项事业的起点，人之所以能成功，首先是你相信自己能。 【写作】伤疤是我的勋章 【幸福感】9分
来源 / 益闻网 作者 / 杨婉晴 「 我们培养了乐队也撮合了爱情 梦幻了未来也结束了纠缠 这里有汗水有泪水有血水还有口水 不知改变了多少人的命运 」 Livehouse到底是一个什么样的地方？ 热血？摇滚？酒精？荷尔蒙？群魔乱舞？乌托邦？ 造个句吧，Livehouse是个...
人 只有钱 是赤贫 要尝遍 酸甜苦辣 去脱贫 人 只有爱 是乏味 要放进 柴米油盐 才有滋味 蓝天 配白云 生动 咖啡 加点糖 香浓 哪怕 马勺敲 锅沿 也是生活 交响曲
文|肥妈 -01- 毫无意外，瞳昨晚又失眠了，在数完第一千三百八十四只羊之后，终于忍不住打开了微信。 —肥妈，在么？我想和你聊聊··· —在的，你说~ 瞳说她最近很烦，感觉自己像变了个人一样，变得已经不认识自己了，明明心里很堵，想哭却又无泪。我问她：是因为感情的事儿么？她说...
不怎么看综艺节目的我，因为某个人的推荐去看了《火星情报局》第一季最后一期，快结束的时候，每个人可以说一个自己的心愿，现场帮忙实现。沈梦辰其中一个愿望：听薛之谦唱《认真的雪》。这首歌陪伴了她大学时期一段失恋时光。节目前半段，沈梦辰玩的很high，听这首歌时嚎啕大哭。 我没有这...