wxss:是一套樣式語言,用來描述wxml的組件樣式;小程序在css基礎上作的修改和擴充的版本javascript
css:是一套樣式語言,樣式表,用來描述xml和html文件樣式的呈現;css
設備像素:是圖片在設備上顯示的小點,這些是固定不變的html
css像素:邏輯像素,是咱們一套標準來顯示屏幕的寬java
ppi:獨立設備顯示的密度node
dpr:設備像素除以邏輯像素android
微信給的屏幕的寬750px , 咱們在750px的基礎上進行自適應npm
尺寸單位:rpx(響應式像素)小程序
樣式導入:微信小程序
在css的文件中,在引入另外一個css的文件:api
@import "文件路徑"
正常狀況下,你在同名的wxss上樣式,就是對應的wxml元素上的樣式;
內聯樣式:在wxml文件中經過標籤上的style屬性來操做樣式;
選擇器:id class 標籤 並級 僞類
優先級概念 權重概念;
無窮大的案例:
color:red !important; 這個字體顏色爲紅色 無窮大的權限
nodejs中的javascript
ECMAscript:
Native: 用這個模塊,來使用原生js,實現原先不具有的功能
NPM:經過npm擴展包,快速的實現一些功能;
小程序中的JavaScript
ECMAScript
小程序框架
小程序api
瀏覽器中的JavaScript
ECMAscript
Dom
Bom
ECMAScript的有哪些東西:語法 類型 語句 關鍵字 操做符 對象
JavaScript的運行平臺:
iOS平臺:JavaScriptCore
android平臺(安卓):x5內核
ide:nwjs(微信開發者工具)
wxs:小程序本身的腳本語言 用於過濾處理和計算處理;
wxs與js的區別?
微信小程序的js不能在wxml中書寫,只能在js的文件中書寫,而wxs就是爲了解決這個需求,能夠在wxml中書寫,wxs和js的語法差很少
模板:在wxml中寫在wxs標籤中 wxs的屬性module的屬性值,表示是哪一個wxs模板
模板的內容:數據內容寫在 module.exprots={"屬性":"屬性值"} 對象中;
使用模板的內容:{{ 哪一個模板的屬性 }}
模板的引用:分兩種狀況;
第一種:在wxml中引用:
模板文件(以 .wxs 作後綴的文件名)中直接寫模板的內容,不須要寫wxs標籤;
module.exprots={"屬性":"屬性值"}
在 wxml中 <wxs src="wxs的文件路徑" module="模板名在這寫"></wxs>
引入模板內容:<view>{{模板名.屬性}}</view>
第二種:先在wxs文件中,引入另外一個wxs的文件,在引入到wxml文件中
在wxs中引入另外一個wxs文件:module.exprots=require("wxs的文件路徑");
模板的內容:module.exprots={"屬性":"屬性值"}
將模板引入到wxml文件中,就是第一種狀況了
注意:在一個頁面中不要重複的聲明wxs文件名,不然後者會覆蓋掉前者;
變量:
wxs的變量用法和es5的變量用法一致 (es變量用法:var 和 function)
註釋:(小程序註釋有個特別有意思的地方)
單行註釋: //
多行註釋: /* */
結束註釋: /* 後面的代碼都不會執行
運算符:
wxs的七種運算符:(就是不知道爲何分這麼細緻)
等值運算:=== ==
賦值運算:=
二元邏輯運算:a||b a&&b
基本運算:加減乘除
一元運算:自增,自減
位運算:
比較運算: > < >= <= != 等等;
語句:
就是不支持try catch 語句
判斷數據類型:
constructor
數據類型:
Number Boolean String Object Date Array Function RegExp (就是沒有Math)
注意的點:獲取時間和正則:不能用new了 要用get
var date=get Date;
var reg=get RegExp;
基礎類庫:
Console // 只提供了 console.log()的方法
Math
JSON
Number
Date:
Date.pass() 解析字符串形式的日期時間,返回該時間的時間戳
Date.now() 返回當前時間的時間戳
Data.utc() 返回指定時間的時間戳
Global(全局)
注意:小程序的全部文件中,不能有一處出錯,否則都會致使報錯,不執行;