从程序员的角度分析微信小程序（转载） - 开源中国社区
当前访客身份：游客 [
当前位置：
从程序员的角度分析微信小程序
最近朋友圈被微信小程序刷爆了。
我赶快在书架上拿出三年前买的书，把上面的土擦干净，压压惊。
作为一个并不是资深的程序员。 从程序员的角度分析一下微信小程序，欢迎指点。
微信小程序只发了200个邀请号，和我预想的一样，张小龙并没有翻我牌，难道就不能雨露均沾吗?
先来了解下什么是微信小程序。 &转自知乎
微信也许重申了"我们是一款约炮软件"
微信还提供了一大堆接口和组件(不好意思，说了句废话)。
下面是禅叔的观点：
小程序原理就是用JS调用底层native组件，和React Native非常类似。恰恰又证明了，凡是能用JS开发的最终都会用JS开发。
证明：凡是能用JS开发的最终都会用JS开发
据我多年经验，这句话是一个真命题。
语言的设计者是有两个派系的，有些人认为程序员语言应该防止程序员干蠢事，另一些认为程序员应该可以用编程语言干一切他们想干的事。 C/Java语言是前一个阵营的代表， JS是后一个阵营的代表。
往往第一个阵营的语言强调性能， int就是int，double就是double 还第二个阵营就是强调便利性 ，int是var ， double还是var。
选择语言的时候，其实就是在做选择题。是选择便利还是选择性能。
往往新出的语言便利性都很强，是因为硬件性能提高了，从而可以为了便利性放弃性能要求。
编程语言的主要矛盾就是程序开发的便利性和硬件水平的矛盾。
如果能够穿越回到70年代(首先在中南海西面买块地)， 那时候你坐在庞大的计算机面前写代码的时候，无意间小手一抖，多敲俩空格，然后程序oom。
不要感觉上面的事情不可思议，那时候内存低的可怜，每一个字符都是严格定义的，不允许任何浪费。能运行java虚拟机都是天方夜谭，怎么可能会有java语言。
节俭是一种美德，浪费不一定是坏事情
随着硬件性能的提高，出现了越来越多的编程语言，新出的语言往往性能上浪费，便利性上提高。要是按照几十年前的标准衡量，有一些使用新语言开发的热门应用程序对硬件资源浪费非常惊人。
不仅编程语言有这种现象,这实际是一种普遍的历史趋势, 随着技术的发展，每一代人都在做上一代人觉得浪费的事情。
浪费可以分成好的浪费和坏的浪费。用更多的浪费换来简单的设计，并不是什么坏事。
如何才能充分利用新硬件更强大的性能最有利地“浪费”他们?
这时候问题就回到了开始， 证明：凡是能用JS开发的最终都会用JS开发
JS这种语言扩展性极强， 性能比起其它语言只能呵呵了。 但是硬件速度会提高很快。
Paul Graham算过，如果摩尔定律一直成立。一百年后计算机的运行速度是现在的74乘以10的18次方倍。(准确地说是73 786 976 294 838 206 464倍)
终有一天，你会在选择的时候忽略性能，选择便利性。
以前上学的时候，经常去网吧玩大话西游和传奇。而现在随便一个页游就能做出这种游戏效果。10年前你很难想象在网页上能玩这种游戏。
你现在就可以尝试想象一下若干年后，打开网页能玩魔兽世界。这并不是不可能实现的。
强调性能的语言还能否生存
我们都知道C/C++ 就是强调性能的语言， 我们做游戏或者视频播放的都是要求性能的。他们会不会被新的语言取代呢?
我可以郑重证明，不会的。
虽然上面我说的Java语言属于强调性能的第一阵营的语言。但是相对于C/C++ 它显然是增强了便利性。
语言是发展的，是迭代的， 随着硬件性能提高，基本上每个节点下都会产生新的语言，相对于之前的语言浪费性能，增强便利性。
但是很难取代之前的语言，对性能要求高的程序依然会出现的， 即使以后可以在网页上玩魔兽世界，但是还会出现 超级魔兽世界，泰坦世界, 宇宙世界 等等一大堆新的对性能要求较高的游戏。
微信小程序会取代其它APP吗?
问题回到我们的主题微信小程序上，微信小程序会取代其它APP吗?
我的观点很明确，现在不会取代，以后会，但是以后会出现以后的微信取代不了的;以后的以后会取代以后的，但是以后的以后会出现以后的以后的微信取代不了的 .....
其实也不难解释，10年前我们不能在网页上玩传奇， 但是现在可以。但是现在又有了魔兽世界，也许10年后网页上就能玩了，但那时候肯定还会出现 超级魔兽世界之类的游戏不能在网页上玩。
作为一个程序员，我们需要学什么?
有的人会担心，微信小程序出来了， 做Android、iOS开发的会不会失业啊。
其实你大可放心，只要你会学习，永远不会失业，你不学习，就算微信小程序没有推出你也会失业。
就目前而言，小程序始终是小，场景有限。还不能完全取代APP , 还可以通过小程序引导用户下载APP。就像简书一样，网页端能浏览不代表不开发APP软件。
但是要认清大的趋势， 这段时间就是用来给你学习的。
具体怎么学啊?
看文档学习呗， 首先了解JS语法基础， 了解React Native原理，学习JS , RN，H5,CSS，运营，测试，产品设计规范，图形设计，神经网络，OpenGL.......
总之，根据具体文档，用到什么学什么。
作为一个程序员，你可以忘了学习的高数，可以忘了学习的英语，可以忘了学习的线性代数.... &但是千万别忘了学习。
国内首个开发者社区-微信小程序开发教程-微信小程序最新资讯，尽在 &
共有1个回帖
<span class="a_vote_num" id="a_vote_num_
“有些人认为程序员语言应该防止程序员干蠢事，另一些认为程序员应该可以用编程语言干一切他们想干的事。 C/Java语言是前一个阵营的代表，” 这句话中，其他不表态哦。但是c语言肯定是后者而不是前者。哈。
更多开发者职位上
有什么技术问题吗？
类似的话题微信扫一扫，分享给好友吧。把文档分割为独立的、不同的部分。
view组件类似于html中的div标签，默认为块级元素，独占一行，可以通过设置display:inline-block改为行级元素。
view.wxml代码如下：
&view class="outerView"&
&view class="innerView1"&&/view&
&view class="innerView2"&&/view&
&view class="innerView3"&&/view&
view.wxss代码如下
.outerView{
width:100%;height: 100px;margin: 0 auto;background-color: brown;
.innerView1{
width: 40%;height: 40px;background: blue;display: inline-block;
.innerView2{
width: 40%;height: 40px;background: yellow;display: inline-block;
.innerView3{
width: 40%;height: 40px;background: peru;
显示效果：
2.scroll-view
可滚动（点击滑动）视图区域。
官方给出的属性列：
&scroll-view.wxml代码如下：
&view class="section"&
&scroll-view scroll-y="true" style="height: 200" bindscrolltoupper="upper"
bindscrolltolower="lower" bindscroll="scroll" lower-threshold="50"
scroll-into-view="{{toView}}"
scroll-top="1000px"&
&view id="green" class="scroll-view-item bc_green" style="width:100height:100background:red"&&/view&
&view id="red"
class="scroll-view-item bc_red" style="width:100height:100background:blue"&&/view&
&view id="yellow" class="scroll-view-item bc_yellow" style="width:100height:100background:yellow"&&/view&
&/scroll-view&
&view class="section section_gap"&
&scroll-view class="scroll-view_H" scroll-x="true" style=" white-space: nowrap" &
&view id="green" style="width:400height:100background:display: inline-block"&&/view&
&view id="red"
style="width:400height:100background:display: inline-block"&&/view&
&/scroll-view&
scroll-view.js代码如下：
toView: "red",//设置初始滑动区顶部显示的view，可通过this.setdata({toView:"blue"})来改变
scrollTop: 10,
threshold:0
upper: function(e) {
console.log("到达顶部")
lower: function(e) {
console.log("到达底部")
scroll: function(e) {
console.log("一次滑动结束")
运行效果：
滑动面板，定时滑动切换图片或手动滑动切换图片。
swiper.wxml
&!--indicator-dots是否显示圆点，autoplay自动播放，current初始显示的item（0代表第一个item）, duration滑动速度， bindchange监听滚动和点击事件，interval滑动间隔时间--&
&swiper indicator-dots="true" autoplay="true" current="1" duration="1000" bindchange="listenSwiper" interval="2000"&
&!--swiper-item只能包含一个节点再多会自动删除--&
&swiper-item&
&view style="height: 150px"&&image src="../../pic/pic2.png" style="width:100%;height:100%"/&&/view&
&/swiper-item&
&swiper-item&
&view style="height: 150px"&&image src="../../pic/pic1.png" style="width:100%;height:100%;"/&
&/swiper-item&
&swiper-item&
&view style="height: 150px"&&image src="../../pic/pic3.png"
style="width:100%;height:100%;"/&
&/swiper-item&
运行效果：
4.icon，text，progress，checkbox，input，readio-group，slider，switch
&!-- type=[ 'success', 'info', 'warn', 'waiting', 'safe_success', 'safe_warn',
'success_circle', 'success_no_circle', 'waiting_circle', 'circle', 'download',
'info_circle', 'cancel', 'search', 'clear'] --&
&icon type="success" size="23" color="red"/&
&view&&text&可以长按选中&/text&&/view&
&!-- percent:百分比，active:是否显示从左往右的动画（但是经过测试无论设置为true还是false动画都会显示，去掉该属性则不显示动画），showInfo：是否显示百分比，strokeWidth：进度条宽度 --&
&progress percent="100" active="false" showInfo="true" strokeWidth="7" /&
&!-- type：[primary, default, warn],size:[default,mini],loading:按钮前是否带loading图标,plain:按钮是否镂空，disabled：是否生效，formType:[submit,reset],hover-class:按下时的样式类名 --&
&button type="warn" size="mini" loading="true" plain="true" disabled="true" bindtap="default" formType="reset" hover-class="none"& default &/button&
&!-- disabled:不可选中，value：当value改变时触发bindchange绑定的函数 --&
&checkbox-group bindchange="checkboxChange"&
&label class="checkbox" wx:for-items="{{[1,2,3,4,5]}}"&
&checkbox value="{{item}}" checked='false' disabled="true"/&{{item}}
&/checkbox-group&
&input placeholder="禁用了的input" value="禁用了的input" type="text" auto-focus/&
&radio-group bindchange="test"&
&label class="radio" wx:for-items="{{[1,2,3,4]}}"&
&radio value="{{item}}" checked="true"/&{{item}}
&/radio-group&
&!-- disabled:禁用无法滑动，step:步长如果设置为2则显示value为50 52 54...
show-value:是否显示当前值
&slider bindchange="test" min="50" max="200" show-value step="2"/&
&!-- type:[checkbox,switch]两种样式，disabled,checked --&
&switch checked="true" bindchange="test" type="checkbox"/&
&switch checked="true" bindchange="test" type="switch"/&
阅读(...) 评论()微交易系统微信应用号之将服务号改为小程序_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
微交易系统微信应用号之将服务号改为小程序
||暂无简介
瑛夫科技自2008年以来，自主研发多款金融交...|
总评分0.0|
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩5页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢