前端学习（2641）：懂代码之header表头页之控制全屏显示

   <!-- 全屏显示 控制全屏显示第一步 --><div class="btn-fullscreen" @click="handleFullScreen"><el-tooltip effect="dark" :content="fullscreen?`取消全屏`:`全屏`" placement="bottom"><i class="el-icon-rank"></i></el-tooltip></div>

 // 全屏事件handleFullScreen() {let element = document.documentElement;if (this.fullscreen) {if (document.exitFullscreen) {document.exitFullscreen();} else if (document.webkitCancelFullScreen) {document.webkitCancelFullScreen();} else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();} else if (document.msExitFullscreen) {document.msExitFullscreen();}} else {if (element.requestFullscreen) {element.requestFullscreen();} else if (element.webkitRequestFullScreen) {element.webkitRequestFullScreen();} else if (element.mozRequestFullScreen) {element.mozRequestFullScreen();} else if (element.msRequestFullscreen) {// IE11element.msRequestFullscreen();}}this.fullscreen = !this.fullscreen;}
```控制全屏显示
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201125125418551.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM5MjQ4OQ==,size_16,color_FFFFFF,t_70#pic_center)

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/415344.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

微信公众号 模版消息 跳转到小程序报错{ errcode: 40013, errmsg: 'invalid appid hint: [cC6RwA09011295]' }

微信公众号 模版消息 跳转到小程序报错{ errcode: 40013, errmsg: 'invalid appid hint: [cC6RwA09011295]' }

今天做微信公众号模版消息推送&#xff0c;要求点击模版消息&#xff0c;就直接跳转到小程序里面。 当然&#xff0c;我已经按照官方文档&#xff0c;填写了正确的小程序appid&#xff0c;可是还是报错。 { errcode: 40013, errmsg: invalid appid hint: [cC6RwA09011295] }最…
阅读更多...
Android studio 运行即打包keystore之build.gradle设置

Android studio 运行即打包keystore之build.gradle设置

1、在build.gradle中android下添加keystore位置signingConfigs 如&#xff1a; apply plugin: com.android.applicationandroid {signingConfigs {config {keyAlias key0keyPassword 123567storeFile file(E:\\521copy\\Myditukaifa\\keystore\\mybdkeystore.jks)//这里是你的…
阅读更多...
OI回忆录——一个过气OIer的制杖历程

OI回忆录——一个过气OIer的制杖历程

初中 初一参加学校信息学选修课&#xff0c;一周一节课&#xff0c;学pascal。　　初一寒假&#xff08;大约是&#xff09;入选&#xff08;其实是钦定吧&#xff09;当时加上我只有3人的校队&#xff08;我当然是最弱的一个。　　当时甚至有幸得到叉姐授课&#xff08;现在才…
阅读更多...
工作157:动态路由

工作157:动态路由

第一步 route里面加一个 第二步跳转
阅读更多...
宝塔面板进行ssl配置，显示待域名确认

宝塔面板进行ssl配置，显示待域名确认

说一下我的问题原因&#xff1a; 阿里云里面的安全组没有配置80端口允许访问&#xff0c;当然&#xff0c;你也要设置443允许访问。
阅读更多...
Android 文件转base64字符串，json文件转对象

Android 文件转base64字符串，json文件转对象

/*** 文件转base64字符串** param file* return*/ public static String fileToBase64(File file) {String base64 null;InputStream in null;try {in new FileInputStream(file);byte[] bytes new byte[in.available()];int length in.read(bytes);base64 Base64.encode…
阅读更多...
AngularJS移动端页面input无法输入

AngularJS移动端页面input无法输入

用angularJS写手机页面&#xff0c;有时候会发现input输入框点击了却不能输入&#xff0c;或者长按才能输入&#xff0c;可能是因为input绑定了ng-click导致&#xff0c;可去掉ng-click&#xff0c;将ng-click绑定的方法改用ng-focus就好了转载于:https://www.cnblogs.com/made…
阅读更多...
Mongoose provide access to previous value of property in pre('save')

Mongoose provide access to previous value of property in pre('save')

Mongoose allows you to configure custom setters in which you do the comparison. pre(‘save’) by itself won’t give you what you need, but together: schema.path(name).set(function (newVal) {var originalVal this.name;if (someThing) {this._customState tru…
阅读更多...
前端学习（2644）：懂代码之header表头页之折叠功能

前端学习（2644）：懂代码之header表头页之折叠功能

第一步 header.vue <!-- 折叠按钮 --><div class"collapse-btn" click"collapseChage"><i v-if"!collapse" class"el-icon-s-fold"></i><i v-else class"el-icon-s-unfold"></i></d…
阅读更多...
The following classes could not be instantiated:

The following classes could not be instantiated:

Android studio新建项目xml文件不显示Preview问题解决方法 报错如下&#xff1a; 1、The following classes could not be instantiated: 2、The following classes could no 3、Failed to load AppCompat ActionBar with unknown error. 找到values文件夹下面的styles.xm…
阅读更多...
简单使用CXF实现webserver(rs的独立发布)

简单使用CXF实现webserver(rs的独立发布)

简单使用cxf_rs的方式实现webserver 1创建maven project java项目 2,在maven文件中导入相关依赖 <dependencies>　　　　<!--使用 CXF 的RS开发模式 --><dependency><groupId>org.apache.cxf</groupId><artifactId>cxf-rt-frontend-jaxrs&…
阅读更多...
小程序 ios页面 左右滑动 解决方法

小程序 ios页面 左右滑动 解决方法

单页面的微信小程序在ios手机上&#xff0c;会出现能左右滑动一定距离的问题。解决办法就两行代码&#xff1a; 设置外层元素的css为 width:100%; overflow-x:hidden;
阅读更多...
工作158:vue里面为什么要加key

工作158:vue里面为什么要加key

没有key <div id"app"><div><input type"text" v-model"name"><button click"add">添加</button></div><ul><li v-for"(item, i) in list"><input type"checkbox&…
阅读更多...
Activity之间传递bitmap，Observer观察者模式

Activity之间传递bitmap，Observer观察者模式

使用Observer模式进行传递 三个主要类&#xff1a;Observer、Subject、TestObServernotice /*** 作者&#xff1a;created by meixi* 邮箱&#xff1a;15913707499163.com* 日期&#xff1a;2019/5/23 15*/public interface Observer {void update(int id, int intparameter,…
阅读更多...
mongodb [main] Automatically disabling TLS 1.0, to force-enable TLS 1.0 specify

mongodb [main] Automatically disabling TLS 1.0, to force-enable TLS 1.0 specify

今天重启电脑&#xff0c;跑mongodb遇到报错&#xff1a; [main] Automatically disabling TLS 1.0, to force-enable TLS 1.0 specify --sslDisabledProtocols none直接写我的解决方法&#xff1a; 可以先看看mongodb进行占用情况 ps -ef|grep mongod然后直接干掉mongo su…
阅读更多...
工作159:根据id传向把对象里面的整个数据传向下个接口

工作159:根据id传向把对象里面的整个数据传向下个接口

/*绑定第三方账号id*/BindAccount(id) {this.dialogVisible truegetAction("/account/ff_account_list").then(res > {/*通过account_id接收*/this.account_id idthis.BindData res.data.data})}, <el-form class"left-right"><el-form-ite…
阅读更多...
Android 人脸识别拍照demo

Android 人脸识别拍照demo

1、活体与照片。效果&#xff0c;捕获人脸 2、活体人脸识别&#xff1a;https://blog.csdn.net/meixi_android/article/details/88690445 运行效果&#xff1a; 自定义获取人脸view /*** 作者&#xff1a;created by meixi* 邮箱&#xff1a;13164716840163.com* 日期&#x…
阅读更多...
多进程进阶

多进程进阶

一 multiprocessing模块介绍 python中的多线程无法利用多核优势&#xff0c;如果想要充分地使用多核CPU的资源&#xff08;os.cpu_count()查看&#xff09;&#xff0c;在python中大部分情况需要使用多进程。Python提供了multiprocessing。 multiprocessing模块用来开启子进…
阅读更多...
typescript 安装

typescript 安装

记录基本的typescript 安装过程。 1、安装 查看最新的版本号 npm show typescript去npm服务器读取包最新的信息&#xff1a; npm install -g typescript使用tsc -v查看版本号 使用npm bin -g查看安装目录 2、使用tsc index.ts就可以将ts文件编译成js文件。 官方在线实练…
阅读更多...
工作160:总结VUE几种页面刷新方法

工作160:总结VUE几种页面刷新方法

有时候在页面里做了某些操作以后&#xff0c;需要页面刷新一下来重新获取数据。试了几种方法&#xff0c;以下总结&#xff1a; 1、this.$router.go(0) 这种方法页面会一瞬间的白屏&#xff0c;体验不是很好&#xff0c;虽然只是一行代码的事 2、location.reload() 这种也是一样…
阅读更多...
最新文章

Copyright @ 2022~2023