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

  注意:小程序的所有文件中,不能有一处出错,不然都会导致报错,不执行;

微信小程序的开发框架的更多相关文章

  1. 微信小程序云开发框架

    概述 一直做后端服务器开发,最近看了一篇文章介绍小程序的云开发模式,觉得挺有意思,就尝试了一下,由本文做个记录. 因为不是专业的小程序开发人员,也没有做过网页开发,所以论述中出现错误难以避免,请多谅解 ...

  2. 微信小程序一:微信小程序UI组件、开发框架、实用库

    作者:NiceCui 本文谢绝转载,如需转载需征得作者本人同意,谢谢. 本文链接:http://www.cnblogs.com/NiceCui/p/8079095.html 内容持续更新,维护中 邮箱 ...

  3. 微信小程序UI组件、开发框架、实用库...

    UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wema ...

  4. 微信小程序开源项目库汇总

    最近做了一个微信小程序开源项目库汇总,里面集合了OpenDigg 上的优质的微信小程序开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star. UI组件 ...

  5. 微信小程序开源项目库集合

    UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wema ...

  6. 史诗手册!微信小程序新手自学入门宝典!

    一.小程序官方指南 1:官方开发工具下载: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714 0.12 ...

  7. 微信小程序个人心得

    尊重原创:http://blog.csdn.net/qq_28832135/article/details/52796048 昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得. 首先从官方文 ...

  8. 微信小程序基础之开源项目库汇总

    awesome-github-wechat-weapp 是由OpenDigg整理并维护的微信小程序开源项目库集合.我们会定期同步OpenDigg上的项目到这里,也欢迎各位提交项目给我们. (链接:ht ...

  9. 微信小程序框架集合

    UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wema ...

随机推荐

  1. ecshop启用gzip后,后台不能打开不能访问的问题

    上传测试的时候,站点显示无法打开.随后我用网址打开根目录的robots文件.图片.静态页···全部可以正常打开··· 我尴尬···一一检查后,我就怀疑是不是客户当初设置gzip压缩的问题了.但连后台都 ...

  2. chapter2

    Chapter2 Tip1 静态工厂方法代替构造器 公有的静态方法,只是一个返回类实例的静态方法. 静态工厂方法的优势: 优势一: 有名称,如果构造器本身没有正确的描述被返回的对象,具有适当名称的静态 ...

  3. vuer-cli 安装笔记

    电脑上装 的软件全卸载了.需要 重装 .整理了一下vue-cli脚手架搭建 1 先下载git 2 再下载node 3安装淘宝镜像 (https://npm.taobao.org/) 4 安装webpa ...

  4. [Git] 003 初识 Git 与 GitHub 之加入文件 第二弹

    在 GitHub 的 UI 界面使用 Git 往仓库里加文件 第二弹 1. 选择已有的文件,点击右侧的 edit 2. 在文件中继续写入文字 小发现:我只写到第 6 行,commit 后再点进去,发现 ...

  5. [Markdown] 02 简单应用 第二弹

    目录 4. 插入链接 4.1 Markdown 的方式 用法 1 用法 2 4.2 HTML5 的方法 用法 1 用法 2 5. 插入图片 5.1 使用网络地址 5.2 使用本地地址 5.2.1 小括 ...

  6. Mybatis-基本步骤

    1.1Mybatis框架概述 Mybatis是基于Java的持久层框架,内部封装了jdbc,使开发者只需关注sql语句本身,而不需要花费精力去处理加载驱动.创建连接.创建Statement等繁杂的过程 ...

  7. HDUSTOJ-1558 Flooring Tiles(反素数)

    1558: Flooring Tiles 时间限制: 3 Sec  内存限制: 128 MB提交: 59  解决: 36[提交][状态][讨论版] 题目描述 You want to decorate ...

  8. 【推荐系统】知乎live入门1.推荐概览与框架

    参考链接 [推荐系统]知乎live入门 目录 1.推荐概览与框架 2. 推荐系统的架构和模块 3. 推荐召回 4. 排序 5. 用户画像 6. 特征工程 7. 回归到推荐算法 总结 参考文献 ==== ...

  9. React框架新闻网站学习过程中遇到的错误总结

    1.安装指定版本插件命令 npm install 插件名字@1.1.4(版本号) --save 或 yarn add 插件名字@1.1.4(版本号) --dev 2.Error:‘Link’ is n ...

  10. 逐行读取txt文件,分割,写入txt。。。上传,下载

    s = [] f  = open('querylist.txt','r') #由于我使用的pycharm已经设置完了路径,因此我直接写了文件名 for lines in f:     ls = lin ...