小程序学习笔记（一）之基础理论

1 开发者工具保存代码时报错？

问题描述：安装完“微信web开发者工具”以后，第一次打开编码，保存时（ctrl+s）居然一直报错，错误提示如下：“保存失败：Error: EPERM: operation not permitted, open……..”

解决方法：关闭开发者工具，重新以管理员身份打开。

 

2 项目根目录下的app.json和project.config.json文件分别是做什么用的？

前者是项目的入口文件也是全局配置文件（每个页面还有单独的配置文件），后者是保存微信开发者工具配置的文件。

 

3 小程序组件都有哪些共同属性？

 

4 两种引用方式import和include有什么区别？

• import可以在文件中使用目标文件定义的template，import有作用域的概念，即只会import目标文件中的template，不会import目标文件import进来的template。

// a.wxml

<template name="A"><text>aaa</text></template>

// b.wxml

<import src="a.wxml"/>

<template is="A"/>

 

• include可以将目标文件除了<template/>的整个代码引入，相当于是拷贝到include位置。

< include src = "header.wxml" />

 

5 小程序的尺寸单位rpx是如何计算和使用的？

• rpx是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。微信小程序规定屏幕宽为750rpx。例如，iphone6的屏幕宽度为375px，共有750个物理像素，则：

1rpx = 0.5px

 

• 微信小程序也支持rem尺寸单位，规定屏幕尺寸为20rem，则：

1rem = (750/20)rpx = 37.5rpx

 

6 小程序中的javascript支持ES6么？

小程序支持大部分ES6语法，但由于小程序会在iOS、Android以及Chrome三个平台运行，会将ES6语法转换为三端都支持的ES5代码，因此，建议开发者直接使用ES5代码。

 

7 小程序中的javascript有什么特点？

javascript运行在浏览器端，以<%%>进行标识，而小程序ES5的运行均在js文件中，无需进行标识。在小程序中，javascript在Web中的一些语法无法使用，如Document、 Window等。小程序javascript的内核技术：

• 在ios上，小程序的javascript代码是运行在JavaScriptCore中；
• 在android上，小程序的javascript代码是通过X5内核来解析；
• 在开发工具上，小程序的javascript代码是运行nwjs（webkit内核+nodejs）中。

 

8 小程序的脚本语言wxs和javascript有什么区别？

• wxs与javascript是不同的语言，有自己的语法；
• 运行环境隔离，wxs不能调用其他javascript文件中的函数和小程序提供的API；
• wxs函数不能作为组件的事件回调；
• 由于运行环境的差异，ios设备上小程序内的wxs会比javascript代码快2~20倍，在android设备上运行效率无差异；
• wxs是专门用于wxml页面的，主要在视图层调用函数；
• 页面中的一些常量放在wxs中。

 

9 小程序的冷启动VS热启动！

• 热启动：假如用户已经打开过小程序，然后在一定时间内再次打开该小程序，此时无需重新启动，只需将后台的小程序切换到前台，这个过程就是热启动；
• 冷启动：用户首次打开或小程序被微信主动销毁后再次打开，此时小程序需要重新加载启动。

 

10 小程序的运行机制！

• 小程序没有重启的概念；
• 当小程序进入后台，客户端会维持一段时间的运行状态，超过后（目前是5分钟）会被微信主动销毁；
• 置顶的小程序不会被微信主动销毁；
• 当收到系统内存告警时也会进行小程序的销毁。