小程序學習筆記(一)之基礎理論

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分鐘)會被微信主動銷燬;
  • 置頂的小程序不會被微信主動銷燬;
  • 當收到系統內存告警時也會進行小程序的銷燬。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章