前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序入门

微信小程序入门

原创
作者头像
用户2305175
修改2018-06-11 14:42:31
1.2K0
修改2018-06-11 14:42:31
举报
文章被收录于专栏:小程序的道路小程序的道路

登录微信,点击发现操作栏进入的页面,在页面的最下方,有个小程序,点击进去,有很多的小程序列表。对于每一个小程序,直接点击就可以使用,不需要下载。不像APP,需要下载安装太多的应用。不要下载就可以使用,也正是小程序的特色。正因为这种触手可及的应用形态,让小程序应用越来越多。

首先,我们需要了解什么样的‘App’可以用微信的小程序。

我们比较的重要的并且高频使用的,像我们的滴滴,QQ等,选用原生App, 对于 一些低频使用率,但是挺重要的,就可以使用小程序来做。小程序还可以作为原生App 的入口导向。原生App 的开发成本相对与小程序开发来说,成本要高很多。 所以,在日常开发中,小程序开发都是一个相对好的选择。

微信的四大号:订阅号,服务号,企业号,应用号(小程序),而应用号可以改善前面的三个的用户体验。微信小程序的技术点,采用了JavaScriptCore的动态解析(JavaScriptCore框架 是一个苹果在iOS7引入的框架,该框架让 Objective-C 和 JavaScript 代码直接的交互变得更加的简单方便。)

那么,在小程序开发之前我们最好要掌握最基本知识,熟悉html/css,JavaScript/ES6,按照微信的开发规则,了解文档里面的框架,组件和API。准备工作做好后,就可以开始我们的第一个小程序。

在微信的官方文档里面,我们按照步骤先申请注册一个小程序开发账号,然后在开发者设置中找到小程序的ID,保留并记住这个小程序开发的ID(在后期项目中我们需要使用这个ID),同时下载开发工具,工具下载后,就可以开始我们的第一个小程序。

点击我们下载好的微信开发者工具,选择小程序项目,填写好我们之前申请保管的那个ID,项目名称,选择项目地址(我是选择桌面,这样比较好找),给项目起个好听的名字。

在上图的右边我们可以看到小程序的项目结构和文件构;看到一个视频介绍说我们可以把wxml =》html,看到wxml就可以理解为我们平时用的html文件,wxss => css,js =>js,则就通俗易懂多了。.wxml 是页面的结构文件,.js 文件是页面的脚本文件,在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。.wxss文件则是页面的样式表,写法和我们的.css一样。.json文件是配置文件。下一章总结常用的布局语法。

微信小程序官方开发文档

W3Cschool官网微信小程序文档

微信JS-SDK说明文档

小程序开发工具: windows 64 , windows 32 , mac

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档