wxss:是一套樣式語言,用來描述wxml的組件樣式;小程序在css基礎上做的修改和擴充的版本
css:是一套樣式語言,樣式表,用來描述xml和html文件樣式的呈現;
設備像素:是圖片在設備上顯示的小點,這些是固定不變的
css像素:邏輯像素,是我們一套標准來顯示屏幕的寬
ppi:獨立設備顯示的密度
dpr:設備像素除以邏輯像素
微信給的屏幕的寬750px , 我們在750px的基礎上進行自適應
尺寸單位:rpx(響應式像素)
樣式導入:
在css的文件中,在引入另一個css的文件:
@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(全局)
注意:小程序的所有文件中,不能有一處出錯,不然都會導致報錯,不執行;