微信小程序开发需要什么知识和技术

1.微信小程序开发,需要学习哪些技术

1、熟练掌握HTML语言、CSS、JavaScript

HTML就是超文本标记语言的简写，HTML是网页开发前端三剑客之一，主要负责网页的骨架，就如告携同动物的骨架一样，HTML语言就是支撑网页布局的骨架。CSS主要负责网页样式，网页内袜逗伏容如何分布，板块背景，颜色等外观问题可以有CSS控制。JavaScript是一种动态的脚本语言，在服务器端迸发出非凡的活力，成为当前非常活跃的语言之一。因此想要做小程序开发，就必须要掌握HTML语言、CSS、JavaScript。

2、服务器语言

如果不是专业的后端开发者，可能后端有一定的难度其学习曲线较陡。但是，仍然建议开发者学习一下后端语言，至少需要了解大致的原因框架，能够看懂其代码逻辑，这样不仅可以很好实现前后端的配合，也能够在小程序出现bug的时候扯皮用。服务器的语言有很多比较常用的是PHP、Java、Python、ASP等技术，建议开发者根据公司内部技术的使用情况挑选进行学习。

3、数据库语言

如果公司数据量不大，架构不复杂的话数据库语言相对来说是比较简单的，一般学会一些常用的命令以及常出现的问题就能够应付使用。常用的数据库有免费的MySQL、msSQL、MongoDB、Oracle等数据库。

2.微信小程序开发需要什么技能跟技术

微信小程序开发需要掌握的技术如下：

1、WXML语言，上面说了，类似于 Html语言

WXML(WeiXin Markup

Language)是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构

2、指桐要学习Javascrip作为 后台代码编写语言

3、要学习PHP作为 服务器代码编写语言 （你也可以选择其他语言）

4、要学习WXSS（为了适应广大的前端开发者，WXSS 具有 CSS 大 部分特性， WXSS 对CSS 进行了扩充以及修改.）

WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式

与 CSS 相比，WXSS 扩展的特性有：尺寸单位和样式导入

5、学习微信小程序的一系列组件的使用

框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发

6、学习微信特有的API

框架提供丰富的微信原生API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等

wx.on 开头的 API 是监听某个事件发生的API接口，接受一个 CALLBACK 函数作为参数。当该事件触发时，会调用 CALLBACK 函数。

7、要学习WXS

WXS(WeiXin Script)是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构，这个语言类似于 Javascript。

3.如何开发微信小程序需要哪些技术

开发微信小程序需要以下几点：

一：人员配置：一个小程序的开发人员是需要至少一个团队协作的，其中包括项目经理、产品经理、UI设计人员、微信小程序前端开发、服务端开发、测试人员、运维人员等，但是由于公司和项目的不同，人员配置多少不等，人员配置是开发微信小程序成本多少的决定性因素。

二：开发时长：小程序的开发过程分为几部分：需求调研与梳理、产品设计与评审、UI设计与评审、分解开发任务与排期5. 开发与联调、测试、修改bug，每个环节所消耗的时间加起来就是一个微信小程序大概的开发时间。其中很大一部分时间花在与客户的沟通上，不要小看这部分时间。

三、再加上租赁服务器，注册认证等费用：由此看来微信小程序开发多少钱？微信小程序开发费用并没有一个准确的数字，不可能像市场中的商品那样明码标价，企业在定制微信小程序价格的时候，根据客户的需求功能，配置人员，开发时长等合理的给出报价。目前市场中做小程序开发的公司有很多，但是大多数都是套用模版做的，这样简单，省时，省事，但对于并不能够满足很多商家的需求，因此定制小程序是非常需求的。找专业微信小程序开发公司定制商家需求的小程序，要全面的考察公司的实力情况。

后来在父目录public创建一个eruda目录在把B.js引入，PC控制台上没有报错信息，如

后来项目上线，h5项目是嵌裤雹搏到客户的app里面，客户的app做了404文件的处理，导致在app打开我们的项目，出现报错，但是报错页面也是偶然出现，有点难复现。

由于h5项目也要有微信小程序版本，任务紧，部分的功能使用web-view嵌入肆锋h5页面。用小程序打开h5项目时，vconsole-webpack-plugin插件的控制台总是打胡祥印没有找到B.js文件。用app去打开h5页面则控制台没有报错。重新将B.js文件放到static目录下，PC调试，控制台还是报Unexpected token '<'的错误。搜了一下说static里面文件引用要用绝对路径。如

发布到测试，再用小程序打开H5页面，发现还是报错，如

将引入方式改成最开始的引入方式，发布后再用小程序打开h5页面，发现报错如下

根据报错信息，发现路径少了static目录，应该是https:/fo****p/static/eruda-1.2.2.min.js。将引入方式改为下图。

发布后，再用微信小程序打开的h5页面发现没有报错了，用PC调试的控制台也没有报错。这路径是我没有细想。是我想当然，相对路径是当前相对引入文件的路径。A.js是项目首页html通过下图方式引入。

而A.js通过下图方式引入B.js文件。

所以script中src的相对路径理应相对的是引入A.js文件的html文件，而不是相对A.js文件，只有A.js被html引入后才有window.document，而且window.document是html内的。对于public建一个eruda目录还是报没有找到，是因为public下的eruda目录的内容并不会在“npm run build”自动加到打完的包里，需要每次打完包后将eruda复制到打完包里或者配置webpack将eruda目录加到包里，而本地调试没有经过打包时可以正确找到B.js文件。我忘记复制eruda目录，webpack也没有配置。不知道为什么发布的项目，在app内通过vconsole-webpack-plugin插件没有看到错误打印信息，而用小程序去打开h5页面vconsole-webpack-plugin插件控制台就会报错。

---