新人学习微信小程序开发之框架篇
大家好我是智哥,一名专注于前端领域的一名码农。
咱们今天主要来说说微信小程序,
最近一段时间微信群里的小程序,小游戏各种分享是突然一下子就爆发了,现在来看小程序作为微信的重磅功能无疑又是下一个风口。咱先不说这个风口我们能要做什么,作为前端技术人员或者新人都应该对小程序有所了解,能进行开发一些功能,而且现在大多数公司都会这方面的业务,已经变成了一个必备的技能。
至于怎么学习小程序的开发呢?
小程序发展至今,无论是官方的工具和文档都是非常完善的了,而且其他网站上也有很多demo可以进行参考。
开发小程序并不需要太多的前端技能,因为使用js写功能,所以js、css、布局这个是必须要会的,另外就是基本的编程思想,数据交互处理,理解什么是数据驱动视图更新,从整体的框架层面,生命周期过程,能理解小程序都包含什么东西,不至于模糊不清,具体细节的东西可以看官方文档,看了文档然后一边写demo,很快就能掌握基本的开发知识,因为小程序真的有点傻瓜化的开发,入门还是比较简单的。
下面说下几个比较重要的几块儿东西:
1. 账号申请、怎样测试、怎样发布这个就不说了,不明白的就自己赶紧申请一个
2. 页面布局 ,布局使用的是内部提供的组件进行布局,不能直接用网页的标签,但是基本的css选择和属性都是支持的,但是建议用flex布局
3. 数据绑定,比如普通绑定,列表绑定、条件渲染等,类似vue的绑定方式,双向数据绑定
4. 事件处理,事件绑定类似vue,然后在js代码写具体的事件处理方法
5. 路由设置,路由这个是最简单的路由了,根据文档操作就可以了
6.声明周期,包含页面生命周期和应用的声明周期也就是整个app的声明周期,这个需要理解在什么下会触发相关的声明周期处理函数。
7. api能力,提供了很多原生的能力,可以做很多事儿,比如获取用户基本信息、地理位置、扫码、支付、视频控制、网络状态、蓝牙等 很多
8. 理解框架的运行机制,这个就偏理论和底层底层一些了,了解了更好,对我们写代码更有好处
9. 性能优化处理的,这个我会单独发布来说。
总体来说小程序的还是比较简单的,现在也不光微信有小程序,快应用现在已经有很多上架产品了,这个可能就是未来的趋势,起码现在正在疯狂的发展中,所以小程序的开发在后面会越来越多,可想而知这个重要性了。
然后在说下,语音里没办法进行问题解答和代码演示,如果对这个开发有兴趣的话可以来一起交流 加下微信
好了,还有一篇我会具体说下关于性能优化的处理,下此再见
新人学习微信小程序开发之框架篇的更多相关文章
- 与大家分享学习微信小程序开发的一些心得
因为我也才开始学习微信小程序不久,下文也是现在的一时之言,大家有不同的想法也可以在评论里共同交流讨论,希望文章能给大家提供一点点帮助. 最近接触到了一些前端框架,像Vue.js,React,发现小程序 ...
- 微信小程序开发之入门篇(熟悉开发工具)
个人的每一篇博文都谈不上有什么技术含量,只是为了帮助不熟悉微信小程序开发的自己及他人提供一下思路.谢谢,下面开始! PS: 因为本人没有小程序的内测资格,所以所有的开发及Demo都是无AppId的,如 ...
- 微信小程序开发之入门篇(熟悉项目结构)
微信小程序创建之后会生成一个项目模板,如下图所示(基本如此,但并不局限于此) 现在分别来说明一下每个文件及目录的意思 app.js 程序的入口文件,必须存在. app.js是小程序的脚本代码.我们可以 ...
- 微信小程序开发入门教程
做任何程序开发要首先找到其官方文档,微信小程序目前还在邀请内测阶段,目前官方放出了部分开发文档,经过笔者一天的查看和尝试,感觉文档并不全面,但是通过这些文档已经能够看出其大概面貌了.闲话不多说,我们先 ...
- 微信小程序开发系列一:微信小程序的申请和开发环境的搭建
我最近也刚刚开始微信小程序的开发,想把我自学的一些心得写出来分享给大家. 这是第一篇,从零开始学习微信小程序开发.主要是小程序的注册和开发环境的搭建. 首先我们要在下列网址申请一个属于自己的微信小程序 ...
- 微信小程序开发资源整理
有兴趣学习微信小程序开发的可以关注简书专题 微信小程序开发 由于微信已经开发文档和开发工具了,所以下面的内容用处不大了. 具体参考:http://mp.weixin.qq.com/wiki/ 这篇文章 ...
- 微信小程序开发学习资料
作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明 ...
- 用Vue.js开发微信小程序:开源框架mpvue解析
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...
- 微信小程序开发:学习笔记[5]——JavaScript脚本
微信小程序开发:学习笔记[5]——JavaScript脚本 快速开始 介绍 小程序的主要开发语言是 JavaScript ,开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来 ...
随机推荐
- sklearn.metrics.roc_curve使用说明
roc曲线是机器学习中十分重要的一种学习器评估准则,在sklearn中有完整的实现,api函数为sklearn.metrics.roc_curve(params)函数. 官方接口说明:http://s ...
- How can I use wget in Windows
http://www.ehow.com/how_10054131_use-wget-windows.html
- redis备份恢复
redis的几种数据导入导出方式[转] 环境说明:202.102.221.11 redis源实例202.102.221.12 redis目标实例202.102.221.13 任意linux系统 一 ...
- Ubuntu14.10:Install Apache,PHP,Mysql以及扩展库
step 1: Apache sudo apt-get install apache2 After have apache2 installed, go to localhost by browser ...
- Python-Anaconda练习candy算子用于边缘提取,再用hough变换检测直线边缘
img: 待检测的图像. threshold: 阈值,可先项,默认为10 line_length: 检测的最短线条长度,默认为50 line_gap: 线条间的最大间隙.增大这个值可以合并破碎的线条. ...
- 在ubuntu中安装mysql及简单操作方式
老规矩,ctrl+alt+t呼出终端, 输入 sudo apt-get update 更新源,否则在运行下面代码时会报出有几个包无法下载,你还是得回来执行这句代码, 输入 sudo apt-get i ...
- spark RDD运算机制
- 用LaTeX画树形结构
用LaTeX画树形结构,比如:文件目录树形图,程序中函数调用关系图等. 找到的一个不错的资源: http://www.texample.net/tikz/examples/feature/trees/ ...
- maya怎样卸载干净
AUTODESK系列软件着实令人头疼,安装失败之后不能完全卸载!!!(比如maya,cad,3dsmax等).有时手动删除注册表重装之后还是会出现各种问题,每个版本的C++Runtime和.NET f ...
- UGUI ScrollRect 各参数的代码引用以及作用