微信-小程序
使用Aliplayer在微信中播放视频的正确姿势
X5浏览器为了解决覆盖DOM元素的问题，提出了一个同层播放的概念，通俗一点讲就是视频播放还是要弹出全屏的，但是视频可以不覆盖DOM元素，可以和视频在同一层，虽然这方案有点别扭，但总算解决了覆盖DOM元素的问题，特别是对于H5直播来说非常重要。 点击微信顶部的返回按钮时，退出全屏…
微信小程序过长文本折叠效果的探索
之前做小程序开发时，遇到要实现过长文本进行的折叠的效果（类型微信朋友圈那种）。主要交互有三点： 所谓文本过长就是文本占据的高度太大，之所以要判断这个，是为了能告知逻辑层控制“全文”按钮的展示与切换。如果没这个交互，完全可忽略这个问题。 而最直接的文本过长判断标准，是文本行数超过…
小程序页面跳转解析
对于两个或更多页面的微信小程序而言，页面之间的跳转是在所难免的。
有关小程序页面间跳转的 API 函数，微信一共为我们提供了 4 个（另外，还有返回上一级或多级的 wx.navigateBack）。
下面，我将主要围绕这四个 API 函数，教你如何跳出页面跳转的大坑。
这四个 …
微信小程序自定义事件
什么是自定义事件呢,你可以简单的理解为:在触发子组件的一些事件的时候,同时也能触发父组件对应的事件并对父组件中的某些数据进行修改的事件就是自定义事件. 有翻阅学习过小程序官方给出的自定义组件教程的小伙们一定会有和我一样想爆粗口的冲动... 因为上面说的真的有点乱... 不过没事…
混合应用中使用fly.js将所有ajax请求转发到native
如果你开发的是一个 PC桌面应用、或者一个APP，可能有些功能你需要以通过内嵌 h5 页面的方式实现，对于这类应用，我们称之为混合应用。而在大所数平台的混合应用中，你会发现有个问题：你无法干涉 webview 中 h5 页面发起的 ajax 请求。这样一来，你就很难进行统一的请…
WeUI微信小程序前端框架ui简明入门指南
WeUI 是一套与微信原生 UI 一致的 UI 库，核心文件是 weui.css，只需要获取到该文件，然后在页面中引入，即可使用 WeUI 的组件。
微信小程序：完成一个tabbar+下拉刷新组件，需要经历什么坑
在最近的微信小程序开发中，遇到一个比较坑的界面开发，说坑并不是因为它难，而是这其中包括了太多的开发时所要填的坑了，今天准备将这些填完的小坑一个个刨出来仔细啃啃，做一个demo分享一下。 需求很简单，看起来一个个都不是很困难，但其中隐约的藏着许多个小坑洼，需要一个个仔细的来填上。…
Serverless 应用开发指南：基于 Serverless 与 Lambda 的微信公共平台
Serverless 在事件驱动方面具有天然的优势，其中之一就是聊天机器人。可要做聊天机器人不是一件容易的事，微信和 QQ 都只能用 Hack 的方式进行。
于是，便想到微信公众号是不是一个更好的选择。当用户输入一个关键词时，做出相应的回复。总体上来说，他们之间是差不多的。这个
微信公众号的代码块插入，及一键排版
. 微信公众号的排版问题 前段时间，准备在微信公众号上写文章时，却发现公众号居然连个最基本的插入代码块的功能都没有。 吐槽归吐槽，问题还得想办法解决。然后就是各种百度，推荐最多的我想就是markdown here了。 虽然可以自定义 css,但没参考样式，对普通的非前端开发者来…
『小程序开发』关于微信小程序web-view组件内嵌h5的具体配置流程
web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。 个人类型与海外类型的小程序暂不支持使用。 js-sdk接口限制（具体请参考 官方api ）。 每个页面只能有一个< web-view />。 最多可以添加20个业务域名。 一年只可修改50次业务域名…
微信高性能线上日志系统 xlog 剖析
微信高性能线上日志系统 xlog 剖析
数字化平台之微信平台策略
互联网时代的企业都需要一个属于自己的数字化平台，具有“中国特色”的微信能够为企业提供现成的平台基础。
微信小程序中使用Fly.js 发起http请求
微信小程序的 javascript运行环境和浏览器不同，页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以不能在脚本中使用window，也无法在脚本中操作组件，JsCore中也没有 XmlhttpRequest对象，所以jquery 、zepto、…
微信小程序开发入门与实践
为方便微信小程序开发，微信为小程序提供了 MINA 框架，这套框架集成了大量的原生组件以及 API。通过这套框架，我们可以方便快捷的完成相关的小程序开发工作。 MINA 框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视…
小程序页面pv统计数过高，导致页面转化率低
对于业务开发者来说，业务数据和数据监控是不可缺失的。 图例是我们小程序扫码付业务在数据体系搭建过程中的其中一步：技术流程拆解。 在数据选型上，我同时使用了微信自定义数据统计和公司内部第三方数据统计，并将之与微信主动上报的数据分析进行对比，来确保数据准确性。 在数据的收集过程中，…
BEM 实战之微信个人页面
BEM 是由 Yandex 团队提出的一种前端命名方法论，是一个非常有用，强大，简单的命名约定，可以让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确而且更加严密。 我修改了我的html命名，感觉上结构更加清晰而且观察了一下微信的页面，头部和底部是不变的，每…
沪江iKcamp出品微信小程序教学共5章16小节汇总(含视频)
一共四部分十五小节，适合七天的训练营。 教程以 git 分支的方式管理，比如学习第三章第一节 列表-静态页面制作 时候，需要切换到 ch3-1 分支，然后把分支目录 code/ 导入到微信开发工具编辑器，跟随教程进行实战代码操作。操作如下： 注意： 每一分支的 code/ 内容…
浅谈小程序内嵌网页及内嵌网页跳转分享实现
上个月，小程序开发内嵌web页面的功能，这个对于很多微信开发者都是个重大消息。最近两天，笔者项目中有这样一个需求，支持小程序内嵌网页，并且在内嵌网页中多次跳转，分享后，点开还是在跳转之后的网页。对于这样一个新技术，还是充满好奇，既然老大说了要做，那就尝试去做呗。 首先，当然是参…
微信个人网页版API的微信机器人
微信小程序教学第四章第三节（含视频）：小程序中级实战教程：详情-功能完善
Step 1. 增加 下一篇 功能 增加 下一篇 的功能，我们需要在视图中绑定一个事件，来触发代码中的响应函数，此函数会调用接口，返回下一篇文章内容数据。 这个时候，可能你已经发现了一个用户体验上的 bug：当页面滚动到一定程度后点击下一篇，新的页面没有滚动到顶部。所以我们需要…
微信小程序知识总结及案例集锦
涵盖微信小程序的demo和总结...
微信小程序开发总结
记录下小程序开发过程中遇到的一些问题以及解决方案
Min – 小程序组件化解决方案
帮助像我们这样的小程序开发者，优雅高效的搞定小程序中自定义组件的 开发 和 使用 这 2 个环节，为开发者 赋能。
『小程序开发』关于微信小程序扫普通链接二维码打开小程序的具体配置流程
1.对于普通链接二维码，目前支持使用微信“扫一扫”直接扫码跳转小程序，暂不支持微信内长按识别二维码打开小程序。 2.只支持10条二维码规则，一个月仅可发布20次。 现在绝大多数小程序的项目对于二维码的使用率，主要的集中在产品首页以及介绍页，用于推广；虽说有十条的限制，使用率也比…
微信小程序教学第三章第四节（含视频）：小程序中级实战教程：下拉更新、分享、阅读标识
如何实现阅读标识呢？其实思路也简单。如果用户从列表中点击某篇文章阅读，此篇文章肯定是需要标识的。所以我们只需要在跳转到文章详情之前，把此篇文章的 contentId 缓存起来 别急，写到这里，还没有结束呢，差最后一步了。
[开源] Min - 小程序自定义组件解决方案
是的，我们（蘑菇街前端开发团队）撸了一个新轮子。 在这个前端高速发展的时代，撸轮子并不是目的，而是解决问题的手段。我们希望通过这个轮子，帮助像我们这样的小程序开发者，优雅高效的搞定小程序中自定义组件的 开发 和 使用 这 2 个环节，为开发者 赋能。 授人以渔，基于 Min 提…
调试利器-SSH隧道
本文将教你如何通过 SSH 隧道把本地服务映射到外网，以方便调试，通常把这种方法叫内网穿透。 把运行在本地开发机上的 HTTP 服务映射到外网，让全世界都能通过外网 IP 服务到你本地开发机上的 HTTP 服务。例如你本地的 HTTP 服务监听在 127.0.0.1:8080，…
微信小程序中用户登录和登录态维护
让用户登录，标识用户和获取用户信息，以用户为核心提供服务，是大部分小程序都会做的事情。我们今天就来了解下在小程序中，如何做用户登录，以及如何去维护这个登录后的会话 (Session) 状态。
【开源公告】小程序组件化开发框架wepy正式开源
WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions的引入都是为了能让开发小程序项目变得更加简单，高效。
特性： 类Vue开发风格 支持自定义组件开发 支持引…
如何正确谈论微信小程序开放内嵌 Web 页面
昨天晚上，微信宣布「为方便开发者灵活配置小程序，小程序现开放内嵌 Web 页面能力」。 产品上，Web 上能做的，小程序中大部分都能做。小程序上能做的，Web 上不一定能做。 营销上，Web 能用到的入口，除了朋友圈以外，小程序都可以用。小程序能用到的若干入口，Web 不能使用…
分享微信小程序中实现sticky效果的列表页
简单地说就是标题会有粘黏的效果，向下滑动时跟着列表走，向上滑动到顶部时将会固定在顶部。 左侧列表页没什么好讲的，无非就是按下某个类型，给上一个checked样式，然后改变toView（关键）的值。 但是... 假如不是小程序的话应该很多人都知道怎么做，无非就是监听滚动条，判断滚…
微信小程序教学第三章第三节（含视频）：小程序中级实战教程：视图与数据关联
首先我们要做的是什么呢？直接写模板逻辑吗？不是，给用户以良好的提示是很重要的，所以，我们要做的第一件事就是，加载中... 这里我们采用官方 loading 组件，所以现在就可以直接拿来用了。 修改 index.wxml，增加 loading 组件。很明显，变量 hiddenLo…
微信小程序教学第三章（含视频）：小程序中级实战教程：列表-页面逻辑处理
上面我们把 wx.request 重新包装成了 Promise 的形式，其实我们是请求的 mock 数据。但是接口请求到的数据绝大部分情况下都不会直接适用于 UI 展示，所以我们需要做一层数据转换，把接口数据转换成视图数据。 遍历 data 数组，对返回的日期格式化，当天的显示…
