【猿分享第10期】微信小程序Meetup扫盲专场回顾(转载)
首先感谢答疑师:子慕
前端工程师,目前就职于医联,偶尔写点博客,吐槽总结,偶尔吟“湿”作对,润滑万物,江湖人称子慕大诗人。
直播间语音回放收听,请微信扫描下图二维码授权进入即可。

以下为本次直播的全部问题答疑,希望对你有所帮助。
从技术上角度来说,微信小程序技术含量并不高,因为我们大部分是用微信提供的组件和API来实现前端功能,可以说该有的零件都有了,我们只需要组装了,如果他没提供相关的API或者组件,有些功能我们确实是实现不了的。
虽然小程序是用的js,但是window对象都不能使用,你们想想我们能自由的开发吗?
从产品角度来说,小程序是有规范的,并不能实现一些,它不允许做的事情,它没有首页,不会有专门的流量入口,前期主要通过扫二维码进去,它不允许你有广告,它希望你的界面只和当前页面功能有关,它会审核你的公司,审核你的代码。
所以在学习和开发小程序之前,需要开发人员、产品经理和设计师仔细阅读小程序的各种规范和文档。强调下,这一点很重要。
------------分割线【问答】---------------
Q:小程序对图片处理方面有没有更强的接口?
A:小程序对图片处理目前只有上传这个功能。
Q:小程序怎么对图片进行处理(裁剪、压缩上传等)
A:目前来讲,小程序还不能实现裁剪,小程序上传图片的时候会自动做一定的压缩,但是不会压缩分辨率,比如原图是3000*3000像素,上传的时候只会针对质量做一点压缩,分辨率仍然是3000*3000,要压缩分辨率或者实现剪裁功能等,未来还是要等微信来提供相应API和组件。
Q:小程序上传图片到接口,接口直接获取到的是上传到服务器的图片地址还是接口还要做图片上传?
A:上传图片目前是需要uploadFile接口,实际上只是一个上传表单,通过表单把图片,上传到自己服务器并返回一个url,微信并不会把图片上传到他们自己的服务器。
你也可以用三方接口上传到(比如)“阿里云”这些地方,但要记得在公众平台设置这些三方服务的信任域名。
Q:小程序的数组可以直接转换成JSON格式的吗?
A:这个问题问的不是很详细,小程序里是有JSON这个对象的,开发者工具里会有部分代码提示,文档里可能不会写的很全,但是可以用编辑器试试,看是否有你想要的对象。
Q:一个帐号能开多少个小程序
A:一个账号只有一个对应的appId,这个id会绑定你所有账号的信息,所以说一个账号它只能创建一个应用。如果你要开发多个应用的话,那你只能注册多个账号了。
Q:怎么使用小程序?新人开发有什么快速掌握的技巧么?
A:小程序已经正式发布了,初期要使用只能通过扫二维码、微信朋友打开。
新人开发的技巧,我觉得是要先仔细看一遍文档,文档下方的tips提醒一定要记一下,免得踩到坑了都不知道。
初期按照文档开发也会有一些问题,实际是小程序的一些bug,现在大部分已经修复了,总之按照文档说的做就好。
要注意真机和开发者工具的不同,一些代码在开发者工具上可以运行,真机上就不行了,原因是开发者工具并没有完全执行文档里说的那些限制,比如说websocket的wss协议地址不能加端口号,如果加了在开发者工具上可以运行,在真机上就会报错
( wss://test.com(可行) wss://test.com:1060(不行))。
数据是单向绑定的,不能选择dom,不能用window对象,要和我们平时的前端开发区分开来。
Q:微信开发服务器https证书必须是第三方证书吗?目前我们公司的服务器的https证书都是私人证书,在pc上测试开发并没有出现什么问题,但是在真机上预览测试的时候调用服务器接口全部报错了,所以我在想是不是证书的问题导致的?因为是真机测试,所以没办法查看错误原因,求指点。
A:小程序这块,微信还是比较严格的。证书这块必须是三方受信任的证书,一些免费的证书比如startSSL都不能通过。真机测试可以打开调试,页面就会有一个浮框,打开就可以看到日志。给大家一个图例就能看明白了。
Q:小程序可以做什么?小程序的使用场景
A:之前看到有同行在说:我想要用小程序做一个类似美团的外卖小程序、做一个售票小程序等等。
其实,小程序可以做很多事情,我觉得小程序的特点,在于增强,而不是新生,就是增强现有的服务。
比如说,小程序线下扫码购票。如果是个人做的类似小程序,车站肯定不会让你放二维码。但是大厂开发的就不同了,他可以把二维码放在任何需要的地方,比如车站大厅、学校,小程序只是增强这些大厂的流量入口而已。
总而言之,我觉得它是增强微信的生态,增强线下场景的服务体验。目前来说小程序主打的就是二维码扫码,使用场景是在线下。
之前看到一篇文章说的很好:微信小程序是一个比QQ群应用高明100倍的玩法,首先是调动了无穷无尽的民间生产力来基于足够细分的场景来创造新内容与新互动,其次小程序的方向不再是单向的,而是协作式与互动的。
除开线下增强,在微信社交增强方面小程序能开发很多功能,可是民间生产了这些小程序提供微信社交体验,他们能有什么收益呢?盈利模式会是什么呢?这个从目前掌握的信息是看不出来的。
Q:是不是可以在小程序里面iframe一个传统的页面,来解决一些问题呢?
A:不能,只能用微信提供的dom或者说wxml
Q:一个企业要发布多个小程序,就必须注册n个帐号,然后每个小程序都要开通微信支付的话,手续费=300元*n?
A:是的,可以用对公账户小额打款就不用300了
Q:问一下微信title部分只能改名字和左上角的返回么,其他样式不能改么?
A:是的,而且他的头部是原生app实现的,跟着微信的规范,也不会让你自定义,底部的导航也是一个道理。
Q:开发小程序需要哪些技术??js?
A:基本的前端技术基础,然后就是看小程序文档,它会告诉你怎么使用。
Q:微信小程序在android手机上,已经可以放在桌面上了?
A:是的,可是我并没有看到可以使用这个的文档,也许需要发布后,微信才会开放这个功能。
Q:还有一个问题,比如我想写一个固定高的头部不是微信的,其他的部分100%-头部高,但是wx插件算出屏幕高单位是px,那我固定头部就不能用rpx了?
A:有点没弄懂问的问题,不过你可以动态计算去设置某一个节点的高,实际rpx就是rem的用法。
Q:微信小程序支不支持个人做??
A:不支持,必须要用公司资质注册账号,通过微信的审核。
Q:小程序中怎么使用传统的web 页面?
A:不能使用传统的web,只能用它提供的wxml,wxss,实际wxss和css一样,wxml和html有点差别,但是移植的话手动改些东西我觉得能够大概出个差不多的样子,再自己修一修就行了。小程序里也不能打开其他网页链接。
Q:你认为小程序对公众号的冲突或者说影响有多大?比如对公司来讲,公众号做一套代码,小程序还得再做一套,而且对于用户来讲的话,肯定更寄托于小程序,不需要再关注和管理众多的公众号,那公众号的未来呢?
A:以后我觉得会有个入口就是在公众号里,从公众号里直接打开微信小程序(这个应该是会有的,张小龙的演讲好像也表达过这一点,不会完全是二维码的方式)。我觉得公众号和小程序不一样,不会开发两套东西,他们的应用场景不一样,但是也许公众号里有的功能可以迁入到小程序来做,然后通过公众号打开就行了。
微信小程序已经在今天正式发布了,更多关于小程序的延伸问题讨论,请加入猿分享微信群。
【猿分享第10期】微信小程序Meetup扫盲专场回顾(转载)的更多相关文章
- uni-app开发经验分享二十: 微信小程序 授权登录 获取详细信息 获取手机号
授权页面 因为微信小程序提供的 权限弹窗 只能通用户确认授权 所以可以 写一个授权页面,让用户点击 来获取用户相关信息 然后再配合后台就可以完成登录 <button class="bt ...
- 腾讯技术分享:微信小程序音视频与WebRTC互通的技术思路和实践
1.概述 本文来自腾讯视频云终端技术总监rexchang(常青)技术分享,内容分别介绍了微信小程序视音视频和WebRTC的技术特征.差异等,并针对两者的技术差异分享和总结了微信小程序视音视频和WebR ...
- 微信小程序学习指南
作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明 ...
- 微信小程序导航:官方工具+精品教程+DEMO集合(1月7更新)
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=14764346784612:简易教程:https://mp.weixin.qq.com/debug ...
- 微信小程序 教程及示例
作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有,转载请联系作者获得授权.微信小程序正式公测, ...
- 微信小程序资料集合
一:官方地址集合: 1:官方工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1476434678461 2: ...
- 史诗手册!微信小程序新手自学入门宝典!
一.小程序官方指南 1:官方开发工具下载: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714 0.12 ...
- 微信小程序开发和h5的区别
1. 开发小程序时,每个页面一定要在app.json文件中注册,页面文件夹和其包含的四个文件的名字要保持一致. 2. 小程序发起的都是HTTPS网络请求,在开发调试的过程中可以不校验协议和TLS版本, ...
- 微信小程序踩坑集合
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...
随机推荐
- Python中str()和repr()函数的区别
在 Python 中要将某一类型的变量或者常量转换为字符串对象通常有两种方法,即 str() 或者 repr() . 区别与使用函数str() 用于将值转化为适于人阅读的形式,而repr() 转化为供 ...
- geeksforgeeks-Array-Rotate and delete
As usual Babul is again back with his problem and now with numbers. He thought of an array of number ...
- CSS font-family 各名称一览表
参考链接:https://blog.csdn.net/cddcj/article/details/70739481
- WPF复制异常问题(OpenClipboard 失败 (异常来自 HRESULT:0x800401D0 (CLIPBRD_E_CANT_OPEN)))
最近在维护WPF系统的时候发现的问题,刚刚开始自己的电脑都不能重现,后面写日志跟踪才发现问题的所在.问题主要是由于:1. 在程序访问剪切板的时候,有其他程序正在占用剪切板,导致自己的程序无法访问, ...
- 【Python】多线程-线程池使用
1.学习目标 线程池使用 2.编程思路 2.1 代码原理 线程池是预先创建线程的一种技术.线程池在还没有任务到来之前,创建一定数量的线程,放入空闲队列中.这些线程都是处于睡眠状态,即均为启动,不消耗 ...
- Pytorch之可视化
先解决下keras可视化安装graphviz的问题: 注意安装顺序: sudo pip3 install graphviz # python包 sudo apt-get install graphvi ...
- keras例子-matchnet
2015CVPR:MatchNet_ Unifying Feature and Metric Learning for Patch-Based Matching 主要是基于patch的图像特征匹配,基 ...
- 现代C++之理解auto类型推断
理解auto类型推断 上一篇帖子中讲述了模板类型推断,我们知道auto的实现原理是基于模板类型推断的,回顾一下模板类型推断: template <typename T> void f(Pa ...
- 解决maven编译Java中的使用了未经检查或不安全的操作
eclipse编译器找到右侧黄色点击可以定位到对应代码块位置 解决方法:鼠标悬浮在上方点击add即可 @SuppressWarnings("unchecked");给出的解决方案 ...
- Jquery hover方法使用及 mouseenter与mouseleave和 mouseover与mouseout的区别
定义和用法 hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数. jQuery 1.7 版本前该方法触发 mouseenter 和 mouseleave 事件. jQuery 1.8 ...