小程序商城制作一个需要多少钱,小程序开发一个多少钱啊
博客明星评选
个人主页：@电脑魔术师作者简介：CSDN内容合伙人，全栈领域优质创作者。推荐一个求职神器网站：宝藏网站笔试题库面试经验实习招聘推广吧
本文包含JD.COM商城2022专栏微信小程序。
@[toc](第一天【小程序开发】-开船)
小程序介绍：小程序在不同的运行环境下与网页开发不同。
——网络浏览器(内核渲染)
小程序——微信环境
API不同
由于运行环境不同，小程序无法调用DOM和BOM的API。
但是小程序可以调用微信客户端的API，比如位置、扫码、支付。
不同的发展模式
网页开发模式：浏览器代码编辑器(可以用记事本打出静态页面)
城镇发展过程：1。注册发展账户2。安装小程序开发工具3。创建和配置小程序。
相比之下，小程序用起来更麻烦。
小程序注册使用浏览器打开https://mp.weixin.qq.com/网站，点击右上角“立即注册”进入小程序开发账号进行注册。
点击注册小程序-填写账号信息-填写账号信息-点击链接激活账号-选择学科类型(这里可以只选择个人)-注册学科信息-重点：获取小程序自己的AppID，注册后可以在开发设置中找到。
小程序开发工具安装小程序开发工具是微信推荐的开发工具。
她提供的是主要功能。
快速创建小程序项目。
写小程序项目代码。
编译和预览。
上传代码发布
推荐安装最新稳定版微信开发者工具。下载页面的链接如下：
https://developers . weixin . QQ . com/mini program/dev/dev tools/stable . html
创建子视图
效果：
文件代码组合
这里我们主要解释文件最重要的部分，pages，它存储了页面的文件。
Utils存储工具性质的模块(脚本文件，如wxs脚本过滤器文件)
app.js applet的入口文件
app.json小程序的全局配置(配置窗口样式版本、窗口路径、tabBar导航栏等。)
app.wxss小程序的全局样式
project.config.json子视图的项目配置
Sitemap.json设置是否可以搜索applet。
applet页面的一部分
每页有四个文件。js脚本文件(生命周期函数、数据存储、自定义函数)。wxml页面结构文件(编辑页面UI结构)。wxss页面样式文件(美化页面样式)。json页面配置文件(配置页面，如当前窗口的外观，并参考自定义组件)
关于json文件json是一种数据格式。在实际开发中，json文件总是以配置文件的形式存在，在小程序中也不例外。
项目的app.json文件(全局配置)project.config.json文件(个性化设置)项目的sitemap.json文件(搜索设置)page.json文件(本地配置)app.json文件app.json文件是关于项目的可以配置的配置文件：
窗口：全局定义所有窗口样式(导航栏、背景颜色、文本样式等。)的小程序页面：页面路径配置(创建页面)
样式：全局定义样式版本设置。
Sitemaplocation:用于指示sitemap.json的位置
只需在app.json-pages中添加页面的存储路径，小程序开发者工具就可以帮助我们自动创建相应的页面文件。(第一个路径中放置的页面是applet的主页，这里是索引页)如图所示：
Project.config.json文件这是整个项目的配置文件，用来配置和记录我们对于项目开发的个性化设置，比如
设置：编译配置(比如设置是否检查sitemap) appID: own appid。
项目名称：项目名称
Sitemap.json文件微信现在开放小程序搜索，效果类似PC网页SEO。Sitemap.json文件用于配置是否可以搜索applet页面。
当开发者允许索引时，微信会以爬虫的形式索引小程序的内容和项目名称。用户可以通过搜索关键字找到相应的小程序“操作”:默认情况下，允许对“允许”页面进行索引。要取消索引，只需将其设置为不允许。
page.json页面的配置文件(本地配置)可以用来配置当前页面的窗口样式和组件引用，类似于app.json，
page.json中的配置项覆盖全局样式app.json的配置项
WXMLWXML(WeiXin Markup Language)是applet框架设计的一套标记语言，用来构造applet页面的结构，在网页开发中的作用类似于HTML。
WX和HTML的区别
不同的标签名称
HTML (div，span，img，a) WXML (view，text，image，navigator) 属性节点不同。
a href= # hyperlink navigator URL=/pages/home/home 提供了类似于Vue中的模板语法。
数据绑定列表渲染条件渲染WXSWXSS (Weixin样式表)是一套样式语言，用来描述WXML的组件样式，类似于网页开发中的CSS(层叠样式表)。
WXSS和CSS的区别
增加了rpx单元。
您需要手动转换CSS中的像素单位。比如remWXSS在底层支持新的尺寸单位rpx，小程序会在不同尺寸的屏幕上自动转换。提供全局样式和局部样式。
项目根目录下的app.wxss将作用于所有小程序页面。本地页面的wxss样式只对当前页面有效 WXSS只支持部分CSS选择器。类和# idelement并集选择器，后代选择器：after和：before等伪类选择器JS逻辑交互。在小程序中，我们通过。js文件。比如响应用户的点击，获取用户的位置等。
小程序中的JS文件分为三类(其他：自定义组件)，它们是：
app.js
它是整个Applet项目的入口文件，而。整个小程序页面的js文件是通过调用app()函数启动的。
是页面的入口文件，页面普通。js文件是通过调用page()函数创建和运行的。
它是一个普通的功能模块文件，用于封装页面的常用功能或属性。js(java script)是实现业务逻辑的文件。
主机环境(重要)主机环境是指程序运行所必需的依赖环境。比如Andriod安卓和IOS苹果是两个不同的主机环境，安卓应用都要在安卓上运行，这也是之前一些软件安卓和苹果不能兼容的原因。
小程序的宿主环境是微信，小程序只能在微信上运行。借助主机环境提供的能力，小程序可以完成很多普通网页无法完成的功能，比如：微信扫码、微信支付、微信登录、地理定位等。
微信中包含的内容，小程序的宿主环境
通信模式运行机制组件API通信模式通信主体小程序是渲染层和逻辑层，其中： WXML模板和WXSS样式在渲染层工作。
JS脚本工作在逻辑层。
通信模式小程序中的通信模型分为两部分：
渲染层和逻辑层之间的通信
微信客户端转发逻辑层与第三方服务器通信
微信客户端执行转发运营机制小程序应用启动的过程。微信客户端将代码包下载到本地解析app.json全局配置文件。
执行小程序入口文件app.js，也就是调用app.js的app实例(相当于一个类)。
呈现小程序主页
小程序页面启动的过程解析page.json的本地配置文件，执行页面入口文件page.js，即调用page.js的page()创建页面实例。
加载。wxml和。wxss结构和样式文件
恭喜你！成功扬起小程序的风帆！
有关主机环境中组件和API的内容，请参见更新-
电脑魔术师原创作品，
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。