小程序开发之基础知识（0）

前言：2016年9月21日,微信小程序正式开启内测。 2017年1月9日0点,万众瞩目的微信第一批小程序正式上线,用户可以体验到各种各样小程序提供的服务。

人类发展史大抵经历了石器时代，青铜器与铁器时代、工业与科技时代（从第一次工业革命算起）。21世纪是一个信息时代，互联网和物联网相辅相成，基于电脑、平板以及手机端的半人工智能社会在人们越来越追求高效工作环境下诞生。从PC端到脱离笨重的电脑将人们对效率的要求把生活装进口袋里的手机app，我们正处于一个发展越来越快速的信息时代。腾讯是我国的社交、游戏大头，“得流量者得天下”，BATJ推动了国家互联网的快速发展，在形成巨头垄断的局面下也成为了推动技术发展的大推手。腾讯在手机工具的依托下再一次推动了产品的展现形式。最近我一直在思考，能准确进行下一代信息革命的大佬会不会是可以那个可以在工具上（工具意指从pc->移动端）进行下一次革命的人。尽管手机这么小巧的工具已经能很大的满足我们的需求，但是若能在工具体验上将设备的精简化发挥到极致，想必就会是一次较大的革命了。（原谅脑洞大开的我）

而小程序是直接对app产品展现形式的一次小变革，从腾讯软肋出发，我一直认为小程序的初衷应该是弥补T与A在电商（游戏就算是顺带的加成吧）方面的短板（小声BB）。小程序发展到现在也将近2年，任意商家都可以拥有自己的小程序，但是不得不说实际上不好推广。现在的小程序已经成为很多蠢蠢欲动的创业者的试金石，如果小程序流量入口尚且还行那么大家就会将用户转移到自己的APP中，毕竟这仍旧是个流量为王的时代。也就是说，在下一个工具革命到来之前，不知道小程序会不会是唯一一个从产品展现形式来进行革命的产品。

开发：在进行小程序开发之前，要先了解什么是小程序。小程序是以微信端为载体进行的产品依托平台，当然这是我自己理解的。在微信小程序的开发文档里有很多详细的描述，包括基本的小程序标签或者函数定义，基本的API接口介绍，每一期的迭代更新等。在进行大致的了解之后根据开发文档的介绍我们需要在本地安装一个微信开发工具https://download.csdn.net/download/qq_25491201/10594550，该开发工具我用着觉得还不错的。可能是小程序本来就是轻应用的原因吧，小程序提供了便捷的模拟器，还有基本的编辑页和控制台。其中常用的是页面结构模块和编辑框。

安装完微信开发小工具后在首页进行登录，若未申请小程序账户需要注册，注册结束后该账号会拥有相应的APPID和SecretID，常用的是APPID，将该串ID复制粘贴到工具的登录页，输入其他相应的信息，在下方选择默认生成文件夹框架即可进入开发页面。左边有类似手机形状样的就是模拟器，在写好一个项目后会将页面前端的信息在该模拟器中进行展示，接下来就是比较重要的文件的结构介绍。

如上图所示。这是我的一个开发好的小程序，下边主要看文章结构。整个小程序项目主要由4种文件构成，它们分别是.json文件，.js文件，.wxss文件,.wxml文件。其中.js文件相当于是整个逻辑结构文件，.json文件就是在逻辑结构下进行配置的文件，.wxml文件相当于我们进行app开发或者网页开发时的html写的标签页面，wxss就是相当于css的样式页面。整个小程序项目都是由这4个文件构成，我们在编写每个文件时参考小程序的官方文档就能很好地写出小程序。再看看整个文件夹的结构，我们可以看到空白项目里（hello还有logs文件夹），系统自动为我们生成pages文件夹，该文件夹下默认生成index文件夹和logs文件夹，pages文件夹里的每个子文件夹基本上都是对应小程序里每个页面的内容，并且每个子文件夹里定义的函数只能为本文件夹所调用。utils文件夹是一些在我们编辑项目时需要配置的一些文件，在一级目录下的app.js、app.json、app.wxss则是我们小程序的入口。其中我们小程序pages目录下的每一个子文件夹的路径我们都需要在.json文件中的window项里表示出来，详情请见微信小程序开发文档。妈妈喊我去睡觉了，写得实在匆忙。上图是我花了一些时间开发的项目，还未申请上线，有兴趣的朋友可以加我微信一起继续开发（wechat：alonlady）。

小程序开发之基础知识（0）相关推荐

.NET Core 小程序开发零基础系列（2）——小程序服务通知（模板消息）
基于上一篇文件".NET Core 小程序开发零基础系列(1)--开发者启用并校验牵手成功"的反映,个人觉得效果很不错,大家对公众号开发还是有很大需求的,同时也收到了很多同学的问题 ...
小程序开发入门基础篇-张代浩-专题视频课程
小程序开发入门基础篇-1995人已学习课程介绍采用小程序wepy框架,初级讲解如何搭建小程序的开发环境,创建工程,语法介绍.开发调试等,课程采用实战代码案例作为教材,通俗易懂,简单 ...
.NET Core 小程序开发零基础系列（1）——开发者启用并牵手成功
最近几个月本人与团队一直与小程序打交道,对小程序的实战开发算比较熟悉,也因一些朋友经常问我各种小程序问题,无不能一一回答,想了很久,决定还是空余时间来写写文章吧,偶尔发现一个人安静的时候写文章特爽,不 ...
微信小程序开发，基础知识点汇总详解
目录一.目录中文件说明 1.app.js文件 2.project.config.json文件 3.sitemap.json文件 4.页面中的.json文件 5.如何创建小程序页面二.微信中代码的格 ...
小程序开发的基础与进阶
小程序的基础与进阶模板与配置数据绑定 1.数据绑定的基本原则 1.在data中定义数据 2.在WXML中使用数据 2.在data中定义页面的数据在页面对应的.js文件中,把数据定义到data对象 ...
百度小程序开发的基础
百度app下载:http://mo.baidu.com/ 开发工具下载:https://smartprogram.baidu.com/docs/develop/devtools/history/ 一. ...
微信小程序开发笔记基础篇②——微信小程序手动查看和代码查看开发者ID（AppID）
文章目录一.手动查看二.代码查看一.手动查看微信小程序后台开发管理-->开发设置-->开发者ID 二.代码查看 app.js onLaunch(opts) {const acco ...
微信小程序开发-入门基础
微信小程序基本目录 pages:主要存放小程序的页面文件,其中每个文件夹为一个页面,每个页面包含四个文件,.wxml文件是界面文件,.js是事件交互文件,用于处理界面的点击事件等功能:.wxss为界面 ...
微信小程序开发的基础学习
回顾上篇内容 1.小程序核心理念: 在小程序里面,会把每一个标签看作一个矩阵,该矩阵的宽高会平行x轴.y轴那么我们只需要知道该矩阵一个左上角的坐标,即可确定该矩阵的位置 2.题外话

小程序开发之基础知识（0）

小程序开发之基础知识（0）相关推荐

最新文章

热门文章