新人学习微信小程序开发之框架篇
大家好我是智哥,一名专注于前端领域的一名码农。
咱们今天主要来说说微信小程序,
最近一段时间微信群里的小程序,小游戏各种分享是突然一下子就爆发了,现在来看小程序作为微信的重磅功能无疑又是下一个风口。咱先不说这个风口我们能要做什么,作为前端技术人员或者新人都应该对小程序有所了解,能进行开发一些功能,而且现在大多数公司都会这方面的业务,已经变成了一个必备的技能。
至于怎么学习小程序的开发呢?
小程序发展至今,无论是官方的工具和文档都是非常完善的了,而且其他网站上也有很多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 来 ...
随机推荐
- react 中文文档案例一 (倒计时)
1.函数试组件 import React from 'react'; import ReactDOM from 'react-dom'; function Clock(props){ return( ...
- 树莓派编译安装 FFmpeg(添加 H.264 硬件编解码器支持)
说明 FFmpeg 是一套开源的音视频编解码库,有非常强大的功能,包括视频采集功能.视频格式转换等.众所周知视频编解码是一个非常消耗系统资源的过程,而树莓派自带了 H.264 的硬件编解码器,因此本文 ...
- day16 类之间的关系 特殊成员
类与类之间的关系1.依赖关系(一个对象当另一个对象的参数) 关系最浅, 特殊成员: 1. 类名() 会自动调用 __init__() class Foo: def__init__(self, nam ...
- 基于APPIUM测试微信公众号的UI自动化测试框架(结合Allure2测试报告框架)
框架初衷 前两周组内的小伙伴跟我说她现在测试的微信公众号项目(保险)每次上新产品时测试起来很费时,存在大量的重复操作(点点点),手工测试每个产品可能需要半天到一天的时间,复杂的产品需要两天. 由于保险 ...
- 搭建element-ui Vue结构
1.安装淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org 2.安装webpack cnpm install web ...
- tomcat 虚拟目录配置appBase和docBase的区别
先看server.xml文件host配置 <Host name="localhost" appBase="webapps" 可以修改成自己想 ...
- yii1的后台分页和列表
控制器: public function actionIndex(){ $model = new Cases('search'); $model->unsetAttributes(); // c ...
- 转 Celery 使用
http://www.mamicode.com/info-detail-1798782.html https://blog.csdn.net/lu1005287365/article/details/ ...
- mysql5.7导出到csv
版本:mysql5.7 SELECT * FROM table_name where xxx into outfile 'C:/ProgramData/MySQL/MySQL Server 5.7/U ...
- Hibernate通过自编写Sql修改
@Override public void updateTemMsg(String ticket,String time) { String sql="UPDATE INTER_TEMPTO ...