微信小程序架构篇

JavaScript013

微信小程序架构篇,第1张

一、小程序架构

每个小程序的结构都有两个主要部分构成:主体部分+各个页面。类似于许多框架,主体部分主要用于核心的配置,各个页面主要用于不同业务场景。

1.1、主体部分主要由3个文件构成

1)app.js:小程序逻辑,初始化APP

2)app.json:小程序配置,比如导航、窗口、页面http请求跳转等

3)app.wxss:公共样式配置

主体配置完成之后,就是对应业务开发了,也就是开发者最常操作的页面。小程序页面设计基本上也是遵循MVC结构进行构建。

1.2、页面由4个文件构成

1)js:页面逻辑,相当于控制层(C);也包括部分的数据(M)

2)wxml:页面结构展示,相当于视图层(V)

3)wxss:页面样式表,纯前端,用于辅助wxml展示

4)json:页面配置,配置一些页面展示的数据,充当部分的模型(M)

二、配置app.json

app.json

全局配置页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。

pages

接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成

window

用于设置小程序的状态栏、导航条、标题、窗口背景色。

tabBar

通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页面。tabBar配置数组,只能配置最少2个、最多5个tab,tab按数组的顺序排序。

networkTimeout

可以设置各种网络请求的超时时间。

debug:true/false

可以在开发者工具中开启debug模式,在开发者工具的控制台面板,调试信息以info的形式给出,其信息有Page的注册,页面路由,数据更新,事件触发。可以帮助开发者快速定位一些常见的问题

page.json

每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面的哦诶址比app.json全局配置简单的多,只是设置app.json中的window配置项的内容,页面中配置项会覆盖app.json的window中相同的配置项。

javascript目前可以说是网页前端的霸主.

它既容易学又难学。

易在于它容易入门,什么基础都没有的人,只要给他讲几句,都可以写出两句能运行的语句。

因为它不用编译,运行方便(在浏览器里),不需要像C,java等语言光调试环境都要学好多

难在于要达到一定的境界,需要不断的积累和练习。这正是它最大的特点----灵活性

因为javascript不像C,java那样语法严格,

世界上那么多人研究javascript,一方面在于它解释引擎的多样性,还有它的灵活和不确定性,

再熟练的高手,都会对它有新的发现.

但有其它标准语言的功底,我想要学会javascript并写出一些常见特效,应该用不了多久就可以了。刚接触的时候肯定要被它乱七八糟的写法和结果头痛,过不了多久熟悉了我想你就能适应了

JS是JAVASCRIPT的缩写,是客户端脚本语言,开发WEB程序的辅助语言之一,虽然说是辅助,但是其重要性也是很高的。

JSP是一种技术。通过JAVA语言实现的。

它们之间的关系:如果你用JSP开发WEB程序,那么其开发过程中使用的主要语言就是JAVA,JS是辅助语言。可以理解为主次关系。主:JAVA,次:JS

备注:JS的重要性在于它是WEB开发过程中经常会用到的一个客户端脚本语言,如果你用.NET开发WEB程序也是会用到JS的。只要是WEB领域,基本都会用到它,它的作用域非常广泛。

扩展资料:

JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差,而且在JavaScript中,如果一条运行不了,那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){}︰

Javascript被归类为直译语言,因为主流的引擎都是每次运行时加载代码并解译。

V8是将所有代码解译后再开始运行,其他引擎则是逐行解译(SpiderMonkey会将解译过的指令暂存,以提高性能,称为实时编译),但由于V8的核心部份多数用Javascript撰写(而SpiderMonkey是用C++),因此在不同的测试上,两者性能互有优劣。与其相对应的是编译语言,例如C语言,以编译语言编写的程序在运行之前,必须经过编译,将代码编译为机器码,再加以运行。

参考资料:百度百科-语言脚本