51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序TypeScript尝试实例

微信小程序TypeScript尝试实例

自从去年开始在项目里写了一段时间Javascript后,感觉没有类型检查的语言还是不太适合我,所以一直想尝试下TypeScript,然而由于项目庞大,人员协作问题,一时半会没办法切成TypeScript。正好最近有小程序的需求和小程序去年11月开始官方支持了TypeScript,所以拿来练练手。WhyTypeScrip...

小程序页面动态配置实现教程

小程序页面动态配置实现教程

小程序可以根据管理后台配置动态更新展示内容,如实现下面新鲜事栏目图片的来源的可配置,点击跳转url的可配置。1后端创建一个map结构的数据表,表结构如下:2管理后台根据不同业务设定不同的key和value,更新数据库如key:ad1urlvalue:a.png如果需要更新页面图片,只需更新ad1url对应的value3...

口袋工具的发展史

口袋工具的发展史

本项目是一个基于云开发的小程序。本文选取项目中的一个页面--历史上的今天来做一个云开发的分享,会涉及云函数和云数据库。由于是实战项目,关于小程序的基础知识请移步官方文档,本文不再赘述。项目地址github.com/GoKu-gaga/t…项目预览微信搜索:口袋工具y扫一扫:前期遇到的问题数据来源:没有数据...

微信小程序使用async/await语法

微信小程序使用async/await语法

1.在微信小程序项目添加package.json文件或者直接npminit.2.在package.json中添加regenerator包和版本`"devDependencies":{"regenerator":"0.13.3"}`3.微信开发者工具-》工具-》...

微信小程序如何调用后台service的简单教程

微信小程序如何调用后台service的简单教程

写在前头,本篇文章简单记录一下,在前后端分离的微信小程序应用中,前端访问后台service的实现思路,没有过多涉及技术实现方面。先上一张官网的图片,它很清楚的讲明了要在后台service为每一个小程序用户提供登录信息需要做哪些事情。用户拿到了后台给的登录凭据,访问后台service。先来讲讲这两个概念,静默授权,顾名思...

微信小程序点击列表添加、去除属性教程

微信小程序点击列表添加、去除属性教程

首先说一下场景:我所循环的数据是对象数组,设置了一个属性当作标记,通过这个标记的值判断是否给改元素添加样式wxml:|{{item.message}}js:/*  这里获取list是一个数组对象  tomorrow:[    {      thing:'吃饭',      check:false    ...

微信小程序之分包加载(SUBPACKAGES)及报错

微信小程序之分包加载(SUBPACKAGES)及报错

某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。分包很简单,具体步骤如下:在app.json中,创建subPackages,root表示分包A的根目录(eg.跟pages同级目录),pages中的页面就是分包A的子目录。 注意:这里有一点要注意,经常出现这个...

小程序点睛之才不是你想的那种组件

小程序点睛之才不是你想的那种组件

小程序点睛系列写到第三篇,我才在昨夜临睡前想到这个名字。官方文档讲过的东西我不重复,我只在你会写的基础上,帮你画上点睛一笔。这一篇,是我与小程序鏖战半年苦心孤诣的成果,满满干货。从基础库1.6.3开始支持,用来抽象功能组件,以便在多个页面复用。如果你有React或Vue等前端类库的开发经验,对自定义组件一定不会陌生。小...

小程序第三方框架对比 ( wepy / mpvue / taro )实例

小程序第三方框架对比 ( wepy / mpvue / taro )实例

众所周知如今市面上端的形态多种多样,手机Web、ReactNative、微信小程序,支付宝小程序,快应用等,每一端都是巨大的流量入口,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。但面对目前市面上成熟的小程序第三方框架...

小程序从手动埋点到自动埋点教程

小程序从手动埋点到自动埋点教程

小程序由于封闭性较强,要像web应用一样实现灵活的数据收集,会有一定难度。目前开源的埋点SDK,一般采用手动埋点的方式,这种方式有较强的侵入型,为了解决这个问题就有了该文章。以腾讯移动分析的SDK为例,如果要记录埋点信息,只要插入一句代码即可//例如,记录搜索行为search(keyword){if(keyword){...

微信小程序锚点定位教程

微信小程序锚点定位教程

引言:在商品详情页面,一般会有商品图显示、商品主要信息、评价、商品详情等,这时候最好是在最上面加上导航,点击导航定位到对应的页面位置,比如京东的商品详情页面对于一般的PC端网页,只需要使用,然后在地址栏最后加上#element_Id,就能很方便的跳转到该元素的位置。那么,微信小程序该怎样解决呢?解决思路查找微信小程序的...

微信小程序复选框实现多选一功能教程

微信小程序复选框实现多选一功能教程

功能实现界面data:{checkboxItems:[{name:'全天(1-8节)',value:'allday'},{name:'上午(1-4节)',value:'am'},{name:'下午(5-8节)',value:'pm&...

小程序使用Iconfont的正确姿势案例

小程序使用Iconfont的正确姿势案例

现如今移动设备分辨率不胜枚举,传统的标量图标要分别导出1倍图、2倍图、3倍图等以适应高分辩率设备。这无疑大大增加了设计师和客户端开发的工作量。矢量图以其无损缩放的优点,在图标方面有着极大的优势。Iconfont是由阿里推出,功能强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能,几乎国内成了矢...

Hybrid小程序混合开发之路

Hybrid小程序混合开发之路

记得xp时代的QQ,有些界面偶尔会弹出熟悉的js错误对话框,还能右键弹出熟悉的IE6的右键菜单,伪装的挺好,差点没认出来,现在的QQ就不知道了。美团、淘宝这些拥有几乎无限界面的手机App,顶部进度条一亮,这是一个H5没谁了!Electron!好嗨哟~使用了HTML作界面,那么和原生程序之间的数据交互基本上是少不了的~(...

我的小程序开发和进化之路

我的小程序开发和进化之路

从接触小程序开始,到现在大大小小做了差不多有五六个小程序项目了,小项目的只有几个页面,大的项目有几十个页面。此篇文章是对之前项目的一个总结,项目的脚手架,开发框架和后期的优化是一个逐渐进化完善的过程,如果你打算开发小程序或者已经在开发小程序,相信这些经验对你会有一定的帮助。脚手架小程序开发者工具可以直接编写小程序的,但...