微信小程序的開發框架

  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(全局)

  注意:小程序的全部文件中,不能有一處出錯,否則都會致使報錯,不執行;

相關文章
相關標籤/搜索