摘要: 前言 一个月前还是用vue做微信H5,后面公司业务发展,入坑小程序,做了几款小程,跑了不少坑, 也会陆续在后面几节跟大家分享。 在这节给大家分享这个 小程序图片轮播实现方案 初步的实现思路 我要实现的效果 能看到 左右两边如果有图,会显示一部分出来,本来也想用 小程序自带的swiper 组件,无法达 阅读全文
posted @ 2020-04-17 23:23 热爱前端知识 阅读(1329) 评论(0) 推荐(0) 编辑
摘要: 话不多说先上图,简要说明一下干了些什么事。图可能太模糊,可以点svg看看 背景 最近公司开展了小程序的业务,派我去负责这一块的业务,其中需要处理的一个问题是接入我们web开发的传统架构--模块化开发。我们来详细说一下模块化开发具体是怎么样的。我们的git工作流采用的是git flow。一个项目会拆分 阅读全文
posted @ 2020-04-17 22:20 热爱前端知识 阅读(455) 评论(0) 推荐(0) 编辑
摘要: 前不久写了个工具型微信小程序(Find周边),里面用到了语音识别技术。现将实现细节整理如下: 接口预览 通过阅读了解科大讯飞接口文档、小程序接口开发文档以及对后端ThinkPhp框架的学习,我整理了如下开发步骤: 注册科大讯飞账号(国人的骄傲,全球领先的语音识别技术) 进入AIUI开放平台在应用管理 阅读全文
posted @ 2020-04-17 21:40 热爱前端知识 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 一、前言 最近公司要做一个酒店入住的小程序,不可避免的一定会使用到日历,而小程序没有内置的日历组件。在网上看了一下也没有非常适合需求的日历,于是自己写了一个。 二、代码 1. 原理分析 写一个日历只需要知道两件事情: 一个月有多少天; 每个月的第一天是星期几。 2. 功能分析 由于是酒店入住的日历, 阅读全文
posted @ 2020-04-17 20:44 热爱前端知识 阅读(724) 评论(1) 推荐(0) 编辑
摘要: 前言 小程序的第一个坑就是,创建了一个小程序项目,却在微信web开发者工具无法打开... 报了个错:需要选择一个空目录,或者选择的非空目录下存在 app.json 或者 project.config.json。当选择空目录时,可以选择是否在该目录下生成一个简单的项目。 是不是蒙圈,持续蒙圈.... 阅读全文
posted @ 2020-04-17 19:55 热爱前端知识 阅读(802) 评论(0) 推荐(0) 编辑
摘要: 小程序插件可以干嘛? 周二晚上的一个小程序新功能发布了-【小程序插件】,一开始以为是小程序发布了类似npm的组件管理工具,可以供开发者方便的使用其他人提供的组件,然后就将最近做的一个功能改成插件提交审核【生成分享海报的插件(就是下载远程图片渲染到canvas生成图片的功能)github地址】,然后就 阅读全文
posted @ 2020-04-17 19:15 热爱前端知识 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 引言 用过原生开发的小程序也知道除了api 其他功能性的内容并不多对于需要做大型项目来说是比较难入手的,因此朋友推荐的wepy我就入坑鸟。。。这么一个跟vue的开发方式类似的框架,不过说起来跟vue类似,但是用起来还真不是那么简单。api开发还是和部分vue有出入,因此如下记录,入手的教程就不发了只 阅读全文
posted @ 2020-04-17 18:36 热爱前端知识 阅读(1367) 评论(0) 推荐(0) 编辑
摘要: 介绍 Mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验,同样也使得一套代码同时复用在小程序和 Web 中成为可 阅读全文
posted @ 2020-04-17 17:53 热爱前端知识 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 微信小程序的数据总不能写死吧,肯定是要结合数据库来做数据更新,而小程序数据主要是json数据格式,所以我们可以利用php操作数据库,把数据以json格式数据输出即可。现在给大家讲一下,微信小程序的wx.request进行服务器数据请求的用法: 官方文档给出了示例代码,但是我这边自己进行了简单的处理: 阅读全文
posted @ 2020-04-17 17:11 热爱前端知识 阅读(1120) 评论(0) 推荐(0) 编辑
摘要: 美团小程序框架mpvue(花名:没朋友)蹲坑指南 第一次接触小程序大概是17年初,当时小程序刚刚内侧,当时就被各种限制折腾的死去活来的,单向绑定,没有promise,请求数限制,包大小限制,各种反人类,...反正我是感受到了满满的恶意.最近接到一个工程类的小程序项目,做技术选型的时候,又把以前的东西 阅读全文
posted @ 2020-04-17 16:12 热爱前端知识 阅读(243) 评论(0) 推荐(0) 编辑
摘要: windowHeight 概念 可使用窗口高度,即:屏幕高度(screenHeight) - 导航(tabbar)高度 存在问题 安卓设备下获取 windowHeight 不能准确得到对应的高度,总是拿到屏幕高度 原因 1. 同步接口 wx.getSystemInfoSync 并不同步(猜测) wx 阅读全文
posted @ 2020-04-17 15:21 热爱前端知识 阅读(1618) 评论(0) 推荐(0) 编辑
摘要: 步骤一:个人中心页添加“立即登录”按钮跳转至登录页一、个人中心页的me.wxml代码 <view class="userinfo"> <button wx:if="{{!hasUserInfo && canIUse}}" bindtap="bindUserLogin"> 立即登录 </button> 阅读全文
posted @ 2020-04-17 14:40 热爱前端知识 阅读(1111) 评论(0) 推荐(0) 编辑
摘要: 一、前言 如果小程序中有可复用的UI且具有一定的功能性,就可以使用自定义组件将其封装起来。下面介绍一个简单的组件和一个复杂的组件。 二、简单的组件(计数器) 1. 组件功能介绍 这个组件常见于外卖软件中,用于记录想要购买的商品的数量。初始化的时候只有一个加号,点击加号以后出现数字和减号,并最后将数字 阅读全文
posted @ 2020-04-17 13:54 热爱前端知识 阅读(4348) 评论(0) 推荐(0) 编辑
摘要: 不知不觉已经一个月没有写东西了,堕落的日子居然过的这么心(chou)安(bu)理(yao)得(lian),罪过啊。 好了,回到正文来,聊咱们的小程序。 致敬 登录大部分逻辑代码统统来自手把手教会你小程序登录鉴权 登录流程 上图是官方给出的登录流程,我们来捋下逻辑。 1、用户使用wx.login获取临 阅读全文
posted @ 2020-04-17 13:16 热爱前端知识 阅读(636) 评论(0) 推荐(0) 编辑
摘要: 1.使用场景 1.医院场景:比如每个医生一个id,通过带参数二维码,扫码二维码就直接进入小程序医生页面2.餐厅场景:比如每个菜一个二维码,通过扫码这个菜的二维码,进入小程序后,可以直接点这道菜,而不是要找菜铺。 3.电商场景:扫码二维码带参数,进入小程序直接购买,比如通过公众号,通过带参数二维码,用 阅读全文
posted @ 2020-04-17 11:24 热爱前端知识 阅读(2852) 评论(0) 推荐(0) 编辑
摘要: 原文地址:http://callmesoul.cn 下载fly js文件 fly小程序文档 /api/config.js 配置,主要配置全局的host url和request拦截和request拦截 var Fly=require("../lib/wx.js") //wx.js is your do 阅读全文
posted @ 2020-04-17 10:24 热爱前端知识 阅读(765) 评论(0) 推荐(0) 编辑
摘要: 花了点时间陆陆续续,拼拼凑凑将我的小程序版博客搭建完了,这里做个简单的分享和总结。 整体效果 对于博客来说功能页面不是很多,且有些限制于后端服务(基于ghost博客提供的服务),相关样式可以参考截图或者直接访问我的小程序 一些体会 四月份的空余时间都在折腾自己的微信小程序版博客,作为后端开发的我鼓捣 阅读全文
posted @ 2020-04-17 09:44 热爱前端知识 阅读(724) 评论(0) 推荐(0) 编辑
摘要: 由于公司业务需求的需要,在这一周需要开发小程序,加急看了下小程序的文档,发现用其原生来编写程序不是很顺手,公司前端用的技术栈是vue, 询问了谷哥和度娘发现大部分推荐了 wepy和 mpvue,对比了两个框架,还是选用了 mpvue, 因为 mpvue 继承自 vue.js,其技术规范和语法特点与 阅读全文
posted @ 2020-04-17 08:51 热爱前端知识 阅读(329) 评论(0) 推荐(0) 编辑