Johuer's Blog

mui提供了两种侧滑导航实现：webview模式和div模式，两种模式各有优劣，适用于不同的场景。两者区别。

这里介绍webview模式的侧滑

实现步骤

1. 创建两个页面：主页面和侧滑页面
2. 主页面预加载侧滑页面
3. 主页面监听遮罩的maskClick事件
4. 打开侧滑菜单
5. 关闭侧滑菜单

首先要理清概念，遮罩蒙版是属于HTML5+规范中Webview的配置WebviewStyle，

可实现功能：
1、弹出框popover(e.g.新闻分享弹出框)
2、侧滑菜单
3、新手引导页
后续会逐一介绍

mask: (String 类型 )窗口的遮罩
用于设置Webview窗口的遮罩层样式，遮罩层会覆盖Webview中所有内容，包括子webview，并且截获webview的所有触屏事件，此时Webview窗口的点击操作会触发maskClick事件。 字符串类型，可取值： rgba格式字符串，定义纯色遮罩层样式，如”rgba(0,0,0,0.5)”，表示黑色半透明； “none”，表示不使用遮罩层； 默认值为”none”，即无遮罩层。

适用范围

HTML, Javascript and CSS / SCSS

文件 / 资源名称

在同一个web工程中的所有文件名应该遵循同样命名规则。为了易读使用”-“符是最好想法，同样这也是权威url的使用规则。
(i.e. //example.com/blog/my-blog-entry or //s.example.com/images/big-black-background.jpg).

以字母开头，禁止使用数字开头（除非有版本等特殊要求）。

所有字母要小写

有种情况，如果资源存在继承关系(i.e. .min.js, .min.css)，这种情况建议使用”.”分隔符

操作符

位操作符

1. 按位非

由一个波浪号表示（~）

1
2
3

var num1 = 25;      // 二进制00000000000000000000000000011001
var num2 = ~num1;   // 二进制11111111111111111111111111100110
alert(num2); // -26

相当于操作数的负值减1，同

1
2
3

var num1 = 25;
var num2 = -num1 - 1;
alert(num2); // -26

ECMAScript数据类型

　　5种简单数据类型（也称为基本数据类型）Undefined、Null、Boolean、Number、String，还有一种负责类型Object

typeof操作符

• “undefined”——如果这个值未定义；
• “boolean”——如果这个值是布尔值；
• “number”——如果这个值是数值；
• “string”——如果这个值是字符串；
• “null”——如果这个值是对象或者null；
• “function”——如果这个值是函数；

1、JavaScript实现

一个完整的JavaScript实现应该有下列三个部分组成：

• 核心（ECMAScript）
• 文档对象模型（DOM）
• 浏览器对象模型（BOM）

1、官方解释：

在匹配元素上存储任意相关数据 或 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

This is my all images.