零基础前端自学入门:小程序UI容器组件 这是一节以UI布局.容器组件的使用为主题的live,专注于布局与容器这一个点,努力把这一点讲透.这是继4月22日整体入门live“零基础周末学习小程序开发”之后,从小处着眼.细处学习的尝试. 以下是课堂计划: 最流行的布局之flex布局讲解,附<讲义:flex布局.pdf>分享 flex布局实践,讲解view.scroll-view.swiper.cover-view等组件的使用,附<讲义:小程序容器组件布局实践.pdf>分享,附demo源码…

程序员们,你们有事干了! 个人感觉不管是什么形式的UI技术,都无法决定一个产品的生死,核心还是服务和模式的创新. 某些方面和ApiCloud好像,但发展前景远远胜过ApiCloud. 微信小程序可以为中小企业新开发的程序降低开发成本. 未来几年,会影响很多人的人生轨迹,部分人可能工作要不好找了. 想起多年前那句话,App已死,服务永生.  …

前段时间比较流行的微信小程序,因为一直没有所谓内测码也没具体关注.拖到现在正好借组内分享的时机来仔细了解一下微信小程序.了解一个新的事物无外乎从是什么(本质),怎么用(具体用法),为什么用(优缺点)来学习,首先分析一下微信小程序是什么,听起来比较高大上,说实话原来我确实挺疑惑,到底这一套是什么开发机制,native?hybrid?纯h5?看网上各种教程上来就说api说语法,感觉不先理清楚是什么的问题就去搬api过来纯粹是耍流氓. 一.微信小程序是什么: 言归正传,微信小程序的本质是什么?个人理解…

目前微信小程序已经支持个人版了 罗列一下微信开发的一些资料和工具 (如果你还不了解微信小程序如何操作请点击  新手教程 )里面罗列了 开发者工具 如何使用 和 微信的基本操作 很详细 一.微信开发者工具 官方下载地址如下: windows 64 . windows 32 . mac 二.第一个小程序 1.创建第一个应用,如果你还没有APPID 那么在开发的时候可以选择无APPID ,这样可以创建应用但是有部分功能是有限制的. 2.包含的目录文件 pages是存储页面及页面配置的 如果添加页面需要…

随着微信小程序不断地释放新功能,许多行业越来越关注小程序,目前已经有不少餐饮和线下传统零售企业开始谋划利用好小程序.但是,线下商业有着复杂的场景,如何针对自己行业的特点和需求开发出属于自己的小程序,是摆在商家面前的一道难题. 公众号+小程序 在小程序诞生之前,很多企业纷纷将公众号作为O2O升级的重要渠道,但公众号的内容属性让它更侧重企业与用户建立线上的连接,而用完即走的小程序则被微信寄予连接更多的线下服务和场景,它将成为线下商业的最大入口,带来新零售的变革. 于是,微信将公众号与小程序连接在一起…

微信小程序虽是微信推出的新形态的产品,但是在测试思路上跟其他的传统测试,大相径庭.既然大相径庭,那我们该如何测试呢. 功能测试功能测试跟传统的web功能测试一样,不是app的功能测试哦.这是因为小程序是集成在微信中的. 所以,web功能该如何测试,小程序的功能就如何去测试 兼容性测试包括操作系统兼容性,微信版本兼容性 操作系统兼容性: 在 iOS 上,小程序的逻辑代码运行于JavaScriptCore 中,而在Android上,这个任务则是交给 X5 内核来完成.在开发工具上,小程序的JavaS…

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教…

原作于:https://captnotes.com/how_to_reduce_package_size_of_weapp 这两天被小程序代码包大小暴涨的问题困扰了挺久.简单说说怎么回事吧,就是之前好端端的微信小程序,最近配合新需求作了些改动,代码包大小突然翻了两倍多,从不到2MB一下子超过5MB,超过了腾讯对小程序代码包大小不得超过2MB的限制,从而没法上传,也就没法真机调试,更不能发布了. 首先想到的是把所有图片资源都上传到文件服务器,腾出本地空间.但图片并不多,还用TinyPNG压缩过,心…

不需要安装,只要在微信里找到这个小程序打开即可使用,由于小程序的便捷,如今越来越多的平台开发方都纷纷推出自身的小程序应用. 那我们该如何进行微信小程序测试呢? 1.功能测试 功能测试以需求文档和交互视觉文档为准,如果没有这些文档,参考APP的测试方法,也就是说就把它当做手机的APP来测试即可. 2.兼容性测试 01.操作系统的兼容性 这里的操作系统主要是指android系统和iOS系统.小程序运行在微信中,看起来是跟操作系统没关系,实际上还是有关系的,因为底层调用依赖于具体的操作系统.按照官方文…

rpx是微信小程序新推出的一个单位,按官方的定义,rpx可以根据屏幕宽度进行自适应,在rpx出现之前,web页面的自适应布局已经有了多种解决方案,为什么微信还捣鼓出新的rpx单位?在解释这个单位前,我们先简单了解一下目前的主流的自适应布局解决方案: 响应式(Responsive web design) rem 流式布局 scale伸缩布局 响应式 响应式布局的问题在于需要维护多个样式文件,维护成本太大,一般的移动H5页面都不会优先考虑. rem rem是近几年比较流行的方案,淘宝移动web端就是…

微信小程序0.11.122100版本新功能解析   新版本就不再吐槽了,整的自己跟个愤青似的.人老了,喷不动了,把机会留给年轻人吧.下午随着新版本开放,微信居然破天荒的开放了开发者论坛.我很是担心官方能不能承受住开发者的愤怒. 还好,小龙兄很聪明,发帖要审核.我就在帖子里反馈了下bug,顺便劝了下腾讯,做不好小程序还是去卖皮肤吧.10秒钟后帖子就被封了. 群里有同学问,你不是说要大家支持小程序么,毕竟是国人这么多年唯一有点儿希望比肩iOS和Android生态的平台.当然要支持.但该喷的还是得喷,…

个人开发者的福利 微信小程序,刚听到这个新名词的时候,我就兴冲冲的去找入口,看看自己能不能搞个微信小程序的HelloWorld,毕竟能在微信上把自己写的一些小工具跑起来还是满炫酷的. 没想,网上一查,当时还不支持个人开发者开发小程序.但是今天无意间看到公众号的上的头条,个人开发者也可以开发微信小程序了. 今天正好调休在家,就看了如何申请账号,搭建环境以及运行发布项目的. 申请账号 因为在微信公众号看到这条消息,想当然认为小程序应该在公众号里面,找了一通,除了在"开发者工具"->&…

silk v3(或新录音接口mp3)录音转olami语音识别和语义处理的api服务(ubuntu16.04服务器上实现) 重要的写在前面 重要事项一: 所有相关更新,我优先更新到我个人博客中,其它地方的文章属于本人或他人转发,不一定及时同步.原文链接是: http://www.happycxz.com/m/?p=32 重要事项二: 目前本文中提到的API已支持微信小程序录音文件格式:silk v3.mp3. 注:微信小程序开发工具上的录音不论是新接口还是老接口,都是webm/base64格式,虽…

产品的完善是无止境,每过段时间就会发现产品的新问题,使用的人越多,提的需求也会越多,我听得最多的一句话就是:如果加上某某功能就完美了.其实,完美是不存在的,每个人的视角不一样,完美的定义也是不一样的. 做一款开源产品,会面对很多善意的批评和建议,当然也不乏无理的要求,如何在这众多批评.建议.要求里去取舍,用来完善产品,是考验产品开发者的设计能力. WordPress版微信小程序经过快一年的开发,从功能上来看,作为一个资讯类的小程序,基本的功能已经具备.不过,这个产品最初是我玩票性质的产品,主要想…

1. 新建一个文件夹. 2. 打开微信小程序开发工具,导入新建文件夹:然后输入创建的appId:会自动生成一个project.config.json,打开这个文件,会看到appid这个字段. 3.可以将之前开发的项目导入新文件夹,注意,除了project.config.json.…

在移动互联网世界,微信无小事,微信的事,是整个创业圈的事.经过一年多的酝酿,2017年1月9日,微信小程序发布了.发布伊始,无疑是对整个业界注入一剂兴奋剂,整个微信的生态圈的企业和个人开发者,都跃跃欲试,仿佛看到新的一波创业红利的到来. 在过去的4个多月里,小程序最开始的谨小慎微,到3月开始不断提升小程序的能力,不断加快步伐.最初对微信小程序是诸多限制的,且只能在搜索里精确查询到才能安装,让微信小程序从最初的热炒,到后来渐渐平淡.可能张小龙微信团队过于谨慎了,现在小程序的发展是远低于当初的期望的…

微信小程序,创业新选择 创业者们 总是站在时代的风口浪尖,他们踌躇满志无所畏惧,这大概就是梦想的力量.但是,如果没有把梦想拆解成没有可预期的目标和可执行的实现路径那么一切都只能叫做梦想. 小程序 张小龙爸爸说,“程序猿的一小步,程序的一大步”.小程序一出现就被推上互联网的风口浪尖. 那么 两只站在风口上的猪会擦出怎样的火花.对于想创业的我们而言,小程序是不是一个好的选择呢? 我们先来看看微信为未来的小程序们做了哪些预先设定: 1. 入口 只能通过微信提供的搜索和在会话中推荐来获取小程序. 2. …

又到了晚上,微信又给我们带来了惊喜,并这次不是新的能力,而是把大家再熟悉不过的二维码换了新的造型. 正式揭晓:微信特制的小程序码.扫一扫新二维码 只要你的微信升级到了 6.5.7 版本,就可以扫码或者长按识别打开相应的小程序. 这个新的二维码,咋一看长得有点像菊花. 小程序有了新二维码,旧的小程序二维码不会失效,继续兼容. 这个小程序码是否有什么隐藏技能呢?大家也不妨推测一下. 「H5程序俱乐部」是一个专注微信小程序学习交流,相关外包/招聘需求信息发布的微信公众号. 体验最新房贷计算器:http…

1.调用wx.chooseImage(),调用系统相册,此时相册中的动图被转化成静态图,上传后也是静态图. 2.刚进微信小程序,onShow在安卓机下会调用两遍,iPhone下正常…

微信小程序开发平台刚刚开放了一个全新的功能:云开发. 简单地说就是将开发人员搭建微信小程序后端的成本再次降低,此文刚好在此产品公测时,来快速上手看看都有哪些方便开发者的功能更新. 微信小程序一直保持一个比较稳定的节奏进行功能的开放与更新,不激进但是又不怠慢,就一直像微信产品的节奏一样,而在生活中我们使用微信小程序的频率也慢慢高起来,如 KFC 自助点个餐.下单一些较冷门的商品等等. 而我给大家免费更新的「微信小程序开发视频教程」大纲也一直在修正与增加,从 40 集增加到 60 集,在云开发发布后…

微信小程序也已出来有一段时间了,最近写了几款微信小程序项目,今天来说说感受. 首先开发一款微信小程序,最主要的就是针对于公司来运营的,因为,在申请appid(微信小程序ID号)时候,需要填写相关的公司认证信息如,营业执照等 再次就是用一个未曾开通过公众号的QQ号或微信号来注册一个微信小程序号. 最后,下载微信小程序开发工具. 由于这里,我们更多的关注如何去开发一些app,而不是科谱微信小程序,故在此不在过多的解释,详细的说明,可以去官网帮助文档. 首先,我们拿自己的项目在一步一步的说明并开发吧,…

这篇文章主要讲解微信小程序的组件. 首先,讲解新建项目.现在有句话:招聘三天以上微信小程序开发,这个估计只能去挖微信的工程师了.技术新,既然讲解,那我们就从开始建项目讲解. 打开微信web开发者工具,如上图.点击添加项目,会出现新建项目页面,如下图: 其中AppID随意填写.ps:正式开发了估计有要求的.填写项目名称并选择保存的路径,添加项目就ok了. 就这样,一个hello world 就OK了. 好了,我们现在开始讲解微信小程序的组件. 先倒入官方流出的demo文件.可以到微信小程序开发群:…

微信小程序 Demo(豆瓣电影) 由于时间的关系,没有办法写一个完整的说明,后续配合一些视频资料,请持续关注 官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/ Demo 预览 演示视频(流量预警 2.64MB) GitHub Repo 地址 仓库地址:https://github.com/zce/weapp-demo 使用步骤 将仓库克隆到本地: bash $ git clone https://github.com/zce/weapp-demo.g…

前言 2016年9月22日凌晨,微信官方通过“微信公开课”公众号发布了关于微信小程序(微信应用号)的内测通知.整个朋友圈瞬间便像炸开了锅似的,各种揣测.介绍性文章在一夜里诞生.而真正收到内测邀请的公众号据说只有200个. 虽然内测名额十分稀少,但依赖中国广大开发者的破解和分享精神,在网络上很快出现了开发工具的破解版本和API文档.然而可能是微信的妥协或者早已预料,9月24日微信官方发布了不需要破解就可以使用的微信小程序开发者工具和文档,对于费劲心思破解完的开发者来说应该瞬间整个人都不好了. 以下…

9月21晚间,微信向部分公众号发出公众平台-微信应用号(小程序)的内测邀请,向来较为低调的微信在这一晚没人再忽视它了. 来自个人博客:Damonare的个人博客 一夜之间火了的微信应用号你真的知道吗? 早于1月11日微信创始人,腾讯公司高级副总裁张小龙的首次公开演讲就曾提到说微信正在筹划推出应用号,让更多的开发者能在微信这个平台上有更好的功能实现.而这篇谈话的推出也基于张小龙演讲中的大背景: 创业者倾向于做公众号,门槛低,推广容易成本低 APP服务号有时难以达到创业者的预期 降低频率低的APP使…

微信小程序要求所有网络请求都走ssl加密,因此我们开发服务端接口需要配置为https 这篇文章介绍一下如何 在 startssl 申请一个免费的ca证书. 1. 打开网站  https://www.startssl.com/ ,用邮箱注册一个账号并登陆,这一步就不介绍了 2. 点击申请免费证书 下一步点击生成dv 证书 3. 输入你的域名和 csr 这里的csr需要自己生成一下. 可以用他提供的 startcomtool.exe 生成,或者直接运行命令 openssl req -newkey r…

本人对知乎日报是情有独钟,看我的博客和github就知道了,写了几个不同技术类型的知乎日报APP 要做微信小程序首先要对html,css,js有一定的基础,还有对微信小程序的API也要非常熟悉 我将该教程分为以下三篇 微信小程序日记--高仿知乎日报(上) 微信小程序日记--高仿知乎日报(中) 微信小程序日记--高仿知乎日报(下) 三篇分别讲不同的组件和功能块 这篇要讲 主题日报 我的收藏 设置 图片修正 主题日报 主题日报的样式跟首页几乎一模一样,区别在多了一行主编区域.不过这个主编区域没有实现…

历时一年,唯一一个尚未发布就获得Pony Ma与Allen Zhang站台的产品:微信小程序,将于2017年1月9日正式上线了.我很期待.唯一要警惕的是:防止长考出臭棋. 在上线前夕,我对于如何借助小程序的东风获得蓬勃发展,忧心忡忡.要不要押注小程序,以及如何押注小程序,如何抄袭小程序,相信这是摆在中国众多中小创业者和大公司面前的问题,区别在于前者关注如何拥抱,后者关注如何抄袭.支付宝小程序.今日头条小程序.百度小程序面世的时间为时不远了. 就我个人理解而言.allen两句话特别值得关注. 1,…

2016 年 12 月 28 日,张小龙在微信公开课 PRO 版的会场上,宣布了微信小程序的正式发布时间. 微信小程序将于 2017 年 1 月 9 号正式上线. 同时他解释称,小程序就像PC时代的网站,不需要下载.安装,信息触手可及,用完即走,无需卸载. "小程序非常接近于PC时代的网站的服务,网站服务不同于公众号,它更直接.大家想象一下,把小程序看作是PC时代的网站的话可能更好理解."张小龙说. 张小龙表示,用户在一个产品中耗了多少时间,不是微信的考量目标.微信看重的是,产品能帮助…

微信小程序即将推出,还没推出就火的不行了.基于微信这个巨大平台,小程序必然能有巨大成功.不过它并不能完全取代App,该开发App还得开发.如果我们自己想实现一个基于自己的APP包含类似微信的小程序功能,该如何实现了?我们先来看看小程序的技术特点. ## 小程序的特点1. 跨平台,微信就像JRE,在不同操作系统上都有实现,所以微信上的小程序就像运行在JRE上的java程序,从而实现跨平台.另外解决了多平台多机型的适配问题. 2. 体验好,webview加载html是最容易的跨平台方式,但是在手机上…