微信小程序的开发框架

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

  注意:小程序的全部文件中,不能有一处出错,否则都会致使报错,不执行;

相关文章
相关标签/搜索