快速写代码如下：

$(文档对象).ready(function () {
    $('.box-center').css('display','none');
    $('.weixin-show').css('margin','0 auto');
    var oDivH = $(document).height();
    $('.weixin').click(function () {
        $('.box-center').css({
            'width':'100%',
            'z-index':99,
            'top':0,
            'left':0,
            'height':oDivH,
            'position':'fixed',
            'background':'rgba(0,0,0,0.4)',
            'align-items':'center',
            'display':'flex'
        });
    });
    $('.box-center').click(function () {
        $('.box-center').hide();
    });
    var weixin = document.getElementsByClassName('weixin-show')[0];
    weixin.onclick = function (evt) {
        evt = evt || window.event;
        //js阻止事件冒泡
        if (evt.stopPropagation) {        //W3C
            evt.stopPropagation();
        } else {       //IE
            evt.cancelBubble = true;
        }
    }
});

Hbuilder：

"portrait-primary": 竖屏正方向；
"portrait-secondary": 竖屏反方向，屏幕正方向按顺时针旋转180°；
"landscape-primary": 横屏正方向，屏幕正方向按顺时针旋转90°；
"landscape-secondary": 横屏方向，屏幕正方向按顺时针旋转270°；
"portrait": 竖屏正方向或反方向，根据设备重力感应器自动调整；
"landscape": 横屏正方向或反方向，根据设备重力感应器自动调整；

解除锁定屏幕方向
void plus.screen.unlockOrientation();

weex(但这只在boat轻舟中有用):

一、安装调试
参考地址：
https://weex.apache.org/cn/guide/set-up-env.html
https://blog.csdn.net/xingxtao/article/details/79505997

npm 安装
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm install -g weex-toolkit
初始化
$ weex create awesome-project
运行
////npm run dev & npm run serve
添加 Android 或 iOS 平台：weex platform add android 或 weex platform add ios
在android上运行 weex run android

二、ui
UI地址：https://alibaba.github.io/weex-ui/#/?id=weex-ui
安装配置文档：https://alibaba.github.io/weex-ui/#/cn/with-weex-toolkit

一、确保 weex-toolkit 为新版本
npm install -g weex-toolkit@latest
错误就使用中国镜像：
cnpm install -g weex-toolkit@latest
二、使用 weex-toolkit 创建一个项目
weex create your_project
npm i
三、安装 weex-ui
npm i weex-ui@latest -S
四、安装babel-preset-stage-0 和 babel-plugin-component 插件，前者用于babel编译，后者用于优化 weex-ui 包的组件引用
npm i babel-plugin-component babel-preset-stage-0 -D

操作题：制作简单聊天系统（100分）
模拟QQ聊天窗口进行聊天，发送一条消息，对方默认返回一条消息。如图1（可以自己设计页面）：

图片1

要求：
1、使用项目文件夹来管理代码，及样式、脚步要分离。
2、代码简洁明了、多加注释，图片路径尽量使用相对路径。
3、页面样式可以自拟（页面布局加分项）。

其他：考试时间2018-06-22 19:00 ~ 21:00

操作题：简单弹幕功能（100分）
用脚本做一个简单的弹幕功能，用户在指定的文本框中输入文字，点击发射按钮进行弹幕发射（弹幕在浏览器中从右往左运动、循环播放），如图1（可以自己设计页面）：

图片1

要求：
1、使用项目文件夹来管理代码，及样式、脚步要分离。
2、代码简洁明了、多加注释，图片路径尽量使用相对路径。
3、页面样式可以自拟（页面布局加分项）。
4、最后工程文件夹打包命名方式：学号加姓名，如：123456吴文艺。
5、提前5分钟提交题目，过时不候

提示：
先做简单功能，再做复制功能。
参考源代码下载地址为：
源码1
源码2

工具下载地址：
1、DW:dw地址
2、谷歌浏览器：chrome地址

作业可以直接提交：
点击提交