小程序
文章平均质量分 50
wr先森
这个作者很懒,什么都没留下…
展开
-
小程序什么时候会被销毁
直入主题,小程序一般有三种情况会被销毁1、小程序切到后台看不到后,一般 5 分钟内就会被微信客户端主动销毁;2、iOS 下如果 5 秒内连续大于等于 2 次的内存告警,会被销毁;3、在微信客户端下拉最近访问的小程序里删除,也会从内存里销毁。...原创 2021-03-25 11:01:02 · 3089 阅读 · 0 评论 -
小程序根据经纬度计算两点之间的距离km
1、设置初始化值 data: { // 两地的距离 distance: 0, //当前定位位置 latitude: null, longitude: null, // 目的地坐标 latitude2: 22.54311, longitude2: 114.057884, },2、获取两地的距离值 onLoad: function (options) { //获取当前位置 wx.getLocation({原创 2021-03-17 16:04:34 · 876 阅读 · 2 评论 -
小程序中使用mina-lazy-image组件,实现图片懒加载
使用方法1、开发者工具项目中,右键选择>在外部终端窗口打开2、安装组件:npm install --save mina-lazy-image3、勾选:使用npm模块4、构建npm微信开发者工具->工具->构建npm5、在需要使用的文件,json配置文件中引入mina-lazy-image { "usingComponents": { "mina-lazy-image": "mina-lazy-image/index" } } 6、在wxml中使用原创 2021-03-05 16:04:38 · 787 阅读 · 1 评论 -
Flex 布局教程:语法篇
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法,下一篇文章给出常见布局的 Flex 写法。网转载 2021-03-04 11:10:23 · 136 阅读 · 1 评论 -
第7节:《教你简单上手自定义组件》
上一节我们讲了组件的使用,这一节我们讲讲如何自定义组件。上图,,没错还是这张图,我们就把这个最大红框的看做一个组件,我们用传统的html代码来实现这个组件,我们在用小程序语法来实现这个组件两者供大家参考对比,其实除了组件的不同外,整体排版布局都差不多。class为list_item的标签包含他们的子孙节点以及组件包含它们的子孙节点组成了我们的组件,在小程序中,这些就成为我们构成组件的template—————————————————接下来我们就看看如何在小程序自定义一个组件首先,在小程序文原创 2021-02-26 18:07:52 · 273 阅读 · 0 评论 -
第6节:《掌握小程序之核心:组件》
sfasf原创 2021-02-24 17:17:19 · 122 阅读 · 0 评论 -
前端不会小程序?你应该这样学!
时至今日,小程序已经发布三年时间了,而在2020年,小程序又增添搜一搜、消息订阅、广告能力等等诸多功能。比App用起来轻便,比H5加载更快的小程序,将会带给我们的生活带来翻天覆地的变化。更重要的是,这个热门且实用的技术,越来越多的公司要求掌握这样一门技术。如果你还没有上手小程序,那就得抓紧了,不然机会就慢慢流失了。看完《前端不会小程序?看看你少了什么机会》后,好好学习了一套,特别有用。...原创 2020-07-22 14:36:53 · 204 阅读 · 0 评论 -
轻松掌握小程序生命周期
请进入下面的链接,很全易懂!值得推荐。第五节:《轻松掌握小程序生命周期》https://mp.weixin.qq.com/s/AKwoYeor6h3ACN2NtgTu4g原创 2020-07-15 09:25:31 · 147 阅读 · 0 评论 -
微信推出一款小程序和 Web 端同构框架
微信小程序开发过程中,许多开发者会遇到 小程序 与 Web 端一起的需求,由于 小程序 与 Web 端的运行环境不同,开发者往往需要维护两套类似的代码,这对开发者来说比较耗费力气,并且会出现不同步的情况更多内容,请前往原文微信推出一款小程序和 Web 端同构框架...转载 2020-02-25 10:23:11 · 373 阅读 · 0 评论 -
小程序使用weapp-qrcode.js生成二维码并存参数,扫码再获取参数时,JSON.parse()报错问题
最近小程序开发时候有这样一个需求,需要通过生成二维码,将一堆参数包含在二维码里。 二维码是使用weapp-qrcode.js生成的。参数是通过JSON.stringify()一个json对象存进去的。以上的操作都没有问题。就在通过微信api wx.scancode扫码获取参数的时候,拿到当初存进去的json字符串,然后JOSN.parse()解析的时候出现了问题。正常的操作但是这样会报错...原创 2019-07-03 18:02:35 · 3111 阅读 · 1 评论 -
第四节:小程序必会用到的三个标签和两个控制属性
欢迎关注我的CSDN. 更多内容请关注微信公众号:趣味web前端教程这一节我们来学习并掌握在实战中一定会用到的三个标签和两个控制属性。—————————————————3个常用标签view、text、image1、 view(视图容器)view在小程序页面排版中占据绝对地位,相当于html中的div。唯独不同点在于view有它自身的属性,其中hover-class指定按下去的样式类,...原创 2019-07-09 09:28:19 · 406 阅读 · 0 评论 -
第三节:小程序之数据绑定,数据还可以这样玩。
上一节讲到了如何简单快速创建小程序hellow world,相信大家还没忘记吧,不怕,就算忘记了,回来看看,立马又能记住。这节来讲讲小程序用什么语法来进行数据绑定的。数据绑定有它专门的语法,叫做Mustache 语法(双大括号)将变量包起来,例如:{{myData}}。你可以不细究这个语法的意思,但你知道数据绑定通过这个语法来展示就可以了。WXML的动态数据,均来自对应的Page的dataw...原创 2019-06-11 10:40:34 · 421 阅读 · 0 评论 -
第二节:简易安装和快速创建“Hellow Word”
申请账号进入小程序注册页后,注册属于自己的个人小程序账号。注册链接:https://mp.weixin.qq.com/wxopen/waregister?action=step1登录小程序后台 ,我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意:服务号或订阅号的 App...原创 2019-05-10 10:21:07 · 258 阅读 · 0 评论 -
第一节:什么是小程序,为什么要选择它?
这是小程序基础系列的第一节内容,我们要的就是基础,简单就入门了小程序,让前端小白都能知道小程序到底是怎么运作的。如果你是前端小白或有基础想学小程序,请过来看看。如果你已经掌握了小程序基础知识,那么这个系列可能不适合你。学习目标01、小程序的使用趋势02、什么是MVVM03、小程序的优势04、小程序的应用场景01、小程序的使用趋势现在的手机功能越来越强大,随着就是手机应用的...原创 2019-05-08 14:24:16 · 491 阅读 · 0 评论