kongjiea
kongjiea

监控mobile的横屏、竖屏

 为了应对移动设备屏幕的碎片化，我们在开发Mobile Web应用时，一个最佳实践就是采用流式布局，保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性，用户在切换了屏幕的方向后，有些设计上或实现上的问题就会凸显——我们至少需要处理一下当前显示元素的宽度的适配（当然，要做的可能不仅仅是这个）。很多时候，我们需要为不同的屏幕方向来设计对应的应用显示模式，这个时候，实时地获知设备的模竖屏状态就显得极为重要。

 

  • window.orientation属性与onorientationchange事件    

window.orientation :这个属性给出了当前设备的屏幕方向，0表示竖屏，正负90表示横屏（向左与向右）模式

onorientationchange : 在每次屏幕方向在横竖屏间切换后，就会触发这个window事件，用法与传统的事件类似

 

1：使用onorientationchange事件的回调函数，来动态地为body标签添加一个叫orient的属性，同时以body[orient=landspace]或body[orient=portrait]的方式在css中定义对应的样式，这样就可以实现在不同的屏幕模式下显示不同的样式。如下代码示例：

Html代码   收藏代码
  1. <!Doctype html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8">  
  5.         <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0;">  
  6.         <title>横竖屏切换检测</title>  
  7.         <style type="text/css">  
  8.             body[orient=landscape]{  
  9.                 background-color: #ff0000;  
  10.             }  
  11.   
  12.             body[orient=portrait]{  
  13.                 background-color: #00ffff;  
  14.             }  
  15.         </style>  
  16.     </head>  
  17.     <body orient="landspace">  
  18.         <div>  
  19.             内容  
  20.         </div>  
  21.         <script type="text/javascript">  
  22.             (function(){  
  23.                 if(window.orient==0){  
  24.                     document.body.setAttribute("orient","portrait");  
  25.                 }else{  
  26.                     document.body.setAttribute("orient","landscape");  
  27.                 }  
  28.             })();  
  29.             window.onorientationchange=function(){  
  30.                 var body=document.body;  
  31.                 var viewport=document.getElementById("viewport");  
  32.                 if(body.getAttribute("orient")=="landscape"){  
  33.                     body.setAttribute("orient","portrait");  
  34.                 }else{  
  35.                     body.setAttribute("orient","landscape");  
  36.                 }  
  37.             };  
  38.         </script>  
  39.     </body>  
  40. </html>  

 2: 类似的思路，不通过CSS的属性选择器来实现，如下代码的实现方案：

Html代码   收藏代码
  1. <!Doctype html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8">  
  5.         <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0;">  
  6.         <title>横竖屏切换检测</title>  
  7.         <style type="text/css">  
  8.             .landscape body {  
  9.                 background-color: #ff0000;  
  10.             }  
  11.   
  12.             .portrait body {  
  13.                 background-color: #00ffff;  
  14.             }  
  15.         </style>  
  16.     </head>  
  17.     <body orient="landspace">  
  18.         <div>  
  19.             内容  
  20.         </div>  
  21.         <script type="text/javascript">  
  22.             (function(){  
  23.                 var init=function(){  
  24.                     var updateOrientation=function(){  
  25.                         var orientation=window.orientation;  
  26.                         switch(orientation){  
  27.                             case 90:   
  28.                             case -90:  
  29.                                 orientation="landscape";  
  30.                                 break;  
  31.                             default:  
  32.                                 orientation="portrait";  
  33.                                 break;  
  34.                         }  
  35.                         document.body.parentNode.setAttribute("class",orientation);  
  36.                     };  
  37.   
  38.                     window.addEventListener("orientationchange",updateOrientation,false);  
  39.                     updateOrientation();  
  40.                 };  
  41.                 window.addEventListener("DOMContentLoaded",init,false);  
  42.             })();  
  43.         </script>  
  44.     </body>  
  45. </html>  
 
  • 使用media query方式

    这是一种更为方便的方式，使用纯CSS就实现了对应的功能，如下代码演示：

Html代码   收藏代码
  1. <!Doctype html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8">  
  5.         <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0;">  
  6.         <title>横竖屏切换检测</title>  
  7.         <style type="text/css">  
  8.             @media all and (orientation : landscape) {  
  9.                 body {   
  10.                     background-color: #ff0000;   
  11.                 }  
  12.             }  
  13.   
  14.             @media all and (orientation : portrait){  
  15.                 body {  
  16.                     background-color: #00ff00;  
  17.                 }  
  18.             }  
  19.         </style>  
  20.     </head>  
  21.     <body>  
  22.         <div>  
  23.             内容  
  24.         </div>  
  25.     </body>  
  26. </html>  
  •  低版本浏览器的平稳降级

     如果目标移动浏览器不支持media query，同时window.orientation也不存在，则我们需要采用另外一种方式来实现————使用定时器“伪实时”地对比当前窗口的高(window.innerHeight)与宽(window.innerWidth)之比，从而判定当前的横竖屏状态。如下代码所示：

Html代码   收藏代码
  1. <!Doctype html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8">  
  5.         <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0;">  
  6.         <title>按键</title>  
  7.         <style type="text/css">  
  8.             .landscape body {  
  9.                 background-color: #ff0000;  
  10.             }  
  11.   
  12.             .portrait body {  
  13.                 background-color: #00ffff;  
  14.             }  
  15.         </style>  
  16.         <script type="text/javascript">  
  17.             (function(){  
  18.                 var updateOrientation=function(){  
  19.                     var orientation=(window.innerWidth > window.innerHeight)? "landscape" : "portrait";  
  20.                     document.body.parentNode.setAttribute("class",orientation);  
  21.                 };  
  22.   
  23.                 var init=function(){  
  24.                     updateOrientation();  
  25.                     window.setInterval(updateOrientation,5000);  
  26.                 };  
  27.                 window.addEventListener("DOMContentLoaded",init,false);  
  28.             })();  
  29.         </script>  
  30.     </head>  
  31.     <body>  
  32.         <div>  
  33.             内容  
  34.         </div>  
  35.     </body>  
  36. </html>  
  •  统一解决方案

    将以上的两种解决方案整合在一起，就可以实现一个跨浏览器的解决方案，如下代码：

Html代码   收藏代码
  1. <!Doctype html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8">  
  5.         <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0;">  
  6.         <title>横竖屏切换检测</title>  
  7.         <style type="text/css">  
  8.             .landscape body {  
  9.                 background-color: #ff0000;  
  10.             }  
  11.   
  12.             .portrait body {  
  13.                 background-color: #00ffff;  
  14.             }  
  15.         </style>  
  16.         <script type="text/javascript">  
  17.             (function(){  
  18.                 var supportOrientation=(typeof window.orientation == "number" && typeof window.onorientationchange == "object");  
  19.   
  20.                 var updateOrientation=function(){  
  21.                     if(supportOrientation){  
  22.                         updateOrientation=function(){  
  23.                             var orientation=window.orientation;  
  24.                             switch(orientation){  
  25.                                 case 90:  
  26.                                 case -90:  
  27.                                     orientation="landscape";  
  28.                                     break;  
  29.                                 default:  
  30.                                     orientation="portrait";  
  31.                             }  
  32.                             document.body.parentNode.setAttribute("class",orientation);  
  33.                         };  
  34.                     }else{  
  35.                         updateOrientation=function(){  
  36.                             var orientation=(window.innerWidth > window.innerHeight)? "landscape":"portrait";  
  37.                             document.body.parentNode.setAttribute("class",orientation);  
  38.                         };  
  39.                     }  
  40.                     updateOrientation();  
  41.                 };  
  42.   
  43.                 var init=function(){  
  44.                     updateOrientation();  
  45.                     if(supportOrientation){  
  46.                         window.addEventListener("orientationchange",updateOrientation,false);  
  47.                     }else{      
  48.                         window.setInterval(updateOrientation,5000);  
  49.                     }  
  50.                 };  
  51.                 window.addEventListener("DOMContentLoaded",init,false);  
  52.             })();  
  53.         </script>  
  54.     </head>  
  55.     <body>  
  56.         <div>  
  57.             内容  
  58.         </div>  
  59.     </body>  
  60. </html>  
 

【原文】http://davidbcalhoun.com/2010/dealing-with-device-orientation

你可能感兴趣的:(监控mobile的横屏、竖屏)

  • 傻瓜式安装QT+ROS2+Ubuntu22环境(可直接在pro中使用) 牛顶顶大王 Rosqt开发语言性能优化
    结果展示QT版本的订阅者实例/官网的发布者实例1.安装qt我使用的版本5.14.2下载地址现在qt下载无法访问了，需要0.0下载qt-opensource-linux-x64-5.14.2.run直接运行其他环境的安装sudoaptinstallgccsudoaptinstallg++sudoaptinstallclangsudoaptinstallclang++sudoaptinstallmak
  • ubuntu环境搭建四：安装和使用git 小坚学Linux ubuntu环境搭建gitubuntugithub
    1.安装gitsudoapt-getinstallgit2.配置git的名字和邮箱gitconfig--globaluser.name"jian"gitconfig--globaluser.email"[email protected]"gitconfig--globalcore.editorvim提交内核patch的配置gitconfig--globaluser.name"RuijianLi"gi
  • 【深度学习:进阶篇】--4.2.词嵌入和NLP 西柚小萌新吖(●ˇ∀ˇ●) #深度学习深度学习自然语言处理人工智能
    在RNN中词使用one_hot表示的问题假设有10000个词每个词的向量长度都为10000，整体大小太大没能表示出词与词之间的关系例如Apple与Orange会更近一些，Man与Woman会近一些，取任意两个向量计算内积都为0目录1.词嵌入1.1.特点1.3.word2vec介绍1.3.Word2Vec案例1.3.1.训练语料1.3.2.步骤1.3.3.代码2.测试代码1.词嵌入定义：指把一个维数
  • 【深度学习】卷积神经网络(CNN)原理 chaser&upper 深度学习神经网络卷积计算机视觉
    【深度学习】卷积神经网络原理1.卷积神经网络的组成2.卷积层2.1卷积运算过程3.padding-零填充3.1ValidandSame卷积3.2奇数维度的过滤器4.stride-步长5.多通道卷积5.1多卷积核（多个Filter）6.卷积总结7.池化层(Pooling)8.全连接层9.总结1.卷积神经网络的组成定义卷积神经网络由一个或多个卷积层、池化层以及全连接层等组成。与其他深度学习结构相比，卷
  • Spring Cloud Config 配合 Spring Cloud Bus 实现分布式配置自动刷新详解 ( •̀∀•́ )920 springcloudjava1024程序员节
    SpringCloudConfig配置刷新机制详解在分布式系统中，配置的集中管理尤为重要。SpringCloudConfig提供了基于Git仓库的集中化配置管理方案，而在配置更新后，如何让服务动态刷新而无需重启呢？这就需要利用SpringCloudConfig的配置刷新机制以及SpringCloudBus的消息传播能力。本文将详细讲解如何通过/actuator/bus-refresh接口，实现各个
  • MySQL(114)如何进行数据库负载均衡？ 辞暮尔尔-烟火年年 MySQL数据库mysql负载均衡
    为了进行数据库负载均衡，我们可以使用SpringBoot和MySQL，并结合AbstractRoutingDataSource来实现数据源的动态切换。下面的实现包括配置多数据源、定义数据源上下文和实现负载均衡策略（如轮询和随机）。项目依赖首先在pom.xml中添加必要的依赖：org.springframework.bootspring-boot-starter-data-jpamysqlmysql
  • GoldenDB简述
    GoldenDB是国产的分布式数据库。它解决了分布式事务一致性问题。底层存储采用的是SharedNothing不共享数据（分片式存储）的分布式架构，各自节点持有各自的数据。不共享彼此数据，还有其他两种分布式架构，分别是Sharedisk，共享磁盘，例如NFS，网络文件系统，采用的就是这种架构。NFS是一种基于客户端-服务器架构的文件系统。它通过网络，特别是局域网，让多台计算机可以共享文件和目录。还
  • 深度学习学习经验——卷积神经网络（CNN） Linductor 深度学习学习经验深度学习学习cnn
    卷积神经网络卷积神经网络（CNN）1.卷积神经网络的基本组成2.卷积操作3.激活函数（ReLU）4.池化操作5.全连接层6.卷积神经网络的完整实现项目示例项目目标1.加载数据2.卷积层：图像的特征探测器2.1第一个卷积层3.激活函数：增加非线性4.池化层：信息压缩器5.多层卷积和池化：逐层提取更高层次的特征6.全连接层：分类器7.模型训练和测试完整的项目示例代码总结卷积神经网络（CNN）卷积神经网
  • 用鸿蒙打造真正的跨设备数据库：从零实现分布式存储 网罗开发 HarmonyOS实战源码实战harmonyos数据库分布式
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 从零掌握二叉树序列化：Swift实战详解，让你的树结构飞起来！ 网罗开发 Swiftswift开发语言ios
    文章目录摘要描述题解答案序列化思路反序列化思路题解代码分析示例测试及结果时间复杂度空间复杂度总结摘要今天咱们来聊聊二叉树的一个经典问题：序列化和反序列化。简单来说，就是把一棵二叉树转换成字符串形式（序列化），然后再把这个字符串还原成原来的二叉树（反序列化）。这个问题在实际开发中特别有用，比如你想把一棵树结构保存到文件里，或者通过网络传输给其他服务，都需要用到这种技术。描述想象一下，你正在开发一个社
  • LeetCode - #106 从中序与后序遍历序列构造二叉树 网罗开发 Swift#LeetCodeleetcode算法职场和发展
    文章目录前言1.描述2.示例3.答案关于我们前言我们社区陆续会将顾毅（Netflix增长黑客，《iOS面试之道》作者，ACE职业健身教练。）的Swift算法题题解整理为文字版以方便大家学习与阅读。LeetCode算法到目前我们已经更新到105期，我们会保持更新时间和进度（周一、周三、周五早上9:00发布），每期的内容不多，我们希望大家可以在上班路上阅读，长久积累会有很大提升。不积跬步，无以至千里；
  • LeetCode - #144 二叉树的前序遍历 网罗开发 Swiftleetcode算法职场和发展
    文章目录前言1.描述2.示例3.答案关于我们前言我们社区陆续会将顾毅（Netflix增长黑客，《iOS面试之道》作者，ACE职业健身教练。）的Swift算法题题解整理为文字版以方便大家学习与阅读。LeetCode算法到目前我们已经更新到143期，我们会保持更新时间和进度（周一、周三、周五早上9:00发布），每期的内容不多，我们希望大家可以在上班路上阅读，长久积累会有很大提升。不积跬步，无以至千里；
  • 【V5.0 - 视觉篇】AI的“火眼金睛”：用OpenCV量化“第一眼缘”，并用SHAP验证它的“审美” 爱分享的飘哥 AI人工智能opencv计算机视觉
    系列回顾：在上一篇《给AI装上“写轮眼”：用SHAP看穿模型决策的每一个细节》中，我们成功地为AI装上了“透视眼镜”，看穿了它基于数字决策的内心世界。但一个巨大的问题暴露了：它的世界里，还只有数字。它能理解“时长60秒”，却无法感受画面的震撼。它是一个强大的“盲人数学家”。计算机视觉我们没有必要为每个视频进行切帧，可以针对开头的视频或者中间关键点视频进行切帧，让计算机识别。承上启下：“现在，我们来
  • QT读写excel FlechazoCLF 嵌入式软件开发代码库qtexcel单片机
    最近呢在做一个生产工具，这样的需要将这表格里的元素存下来，支持导入导出首先需要这几个头文件#include"QFileDialog"#include"QAxObject"#include#include"QFile"读取excel//读取excelvoidMainWindow::vexcelReadInfo(QStringbutton){staticQStringstrFile=QFileDial
  • C++笔记 想要入门的程序猿 c++笔记开发语言
    一.指针与引用的区别：1.指针是一个实际的变量，引用是一个别名2.指针可以为空，引用不行3.引用在定义的时候只能初始化一次，后面就不能变了，指针可以变4.指针需要通过解引用操作符（*）访问目标对象，而引用直接作为原变量的别名使用，无需特殊符号inta=10;int*p=&a;int&r=a;coutwords={"apple","banana","cherry"};std::sort(words.
  • SpringCloud系列（45）--SpringCloud Bus简介 Ken_1115 springcloudspringcloud
    1、什么是SpringCloudBusSpringCloudBus是用来将分布式系统的节点与轻量级消息系统链接起来的框架，它整合了Java的事件处理机制和消息中间件的功能，SpringCloudBus目前支持RabbitMQ和Kafka。SpringCloudBus配合SpringCloudConfig使用可以实现配置的动态刷新。2、SpringCloudBus能做什么SpringCloudBus
  • 【PHP开发900个实用技巧】405.API限流技术：Redis实现令牌桶算法的高级用法 精通代码大仙 PHP开发900个实用技巧phpredis算法程序员创富
    百万并发下的生存法则：用Redis+Lua构建坚不可摧的API流量防线！本文将揭示令牌桶算法在PHP高并发场景的核心实现技巧，包括Lua原子操作、动态策略配置与深度避坑指南，让你的API从此从容应对流量风暴。API限流技术：Redis实现令牌桶高级用法01.令牌桶原理解析02.Redis为何是最强拍档03.PHP实战四步曲3.1Lua脚本原子操作3.2对象封装技巧3.3动态参数配置3.4平滑突发流
  • Spring Cloud Bus 服务总线，实现全局广播/定点通知 扛麻袋的少年 #SpringCloudspringcloudjavaspringboot
    本文目录：写在开头环境说明1.了解SpringCloudBus1.1Bus何方神圣(Bus是什么)1.2Bus原理2.Bus的两种设计思想2.1触发客户端2.2触发服务端2.3如何选型3.环境搭建4.Bus动态刷新全局广播配置4.1集群版客户端组建4.2服务端配置中心/客户端pom引入Bus总线依赖4.3服务端配置中心application.yml修改(添加rabbitmq相关配置)4.4客户端a
  • 文本lint工具：textlint全面指南 包椒浩Leith
    文本lint工具：textlint全面指南textlintThepluggablenaturallanguagelinterfortextandmarkdown.项目地址:https://gitcode.com/gh_mirrors/te/textlint项目介绍textlint是一款可插拔的文本和Markdown语法检查工具，专为JavaScript编写，旨在解决自然语言文本校对的难题。与专注于
  • 照明新基建：塔能科技如何用数字骨骼支撑智慧城市生长 塔能物联运维 人工智能大数据
    一、能源管理困局：双碳目标下的市政用电痛点在双碳背景下，城市照明用电量已引起市政部门的重点关注。据国家统计局统计：我国城市照明用电量已占据全市城市用电量的28%，部分城市的照明用电量已高达35%以上，高压钠灯传统照明系统存在大量的“长明灯”长“明”问题，照明浪费已十分严重，二线城市市政部门统计未经治理路段无效照明耗电320万度，耗资高达2亿多元。塔能科技智慧照明系统为这种窘迫带来了光明。塔能科技智
  • 推荐一个强大的文本质量检查工具 —— textlint-rule-preset-JTF-style 幸竹任
    推荐一个强大的文本质量检查工具——textlint-rule-preset-JTF-styletextlint-rule-preset-JTF-styleJTF日本語標準スタイルガイドfortextlint.项目地址:https://gitcode.com/gh_mirrors/te/textlint-rule-preset-JTF-style在这个信息爆炸的时代，良好的语言表达能力不仅在学术界，
  • Swift中常见的面试题 ~废弃回忆 �༄ swiftSwift面试题Swift常见面试题Swift面试题总结
    1.Swift与OC相比有什么优势?Swift是强类型语言，注重值类型，有类型推断，安全性高Swift的语法更简洁，使用起来方便，支持函数式编程Swift拥有更强大的特性，它有元组类型、支持可选类型（optional）、支持运算符重载、支持泛型、支持静态/动态派发，协议不仅可以被类实现还可以被struct和enum实现Swift支持命名空间、函数支持默认参数Swift的错误处理机制更完善oc的优点
  • 计算机视觉 OpenCV Android | Mat像素操作（图像像素的读写、均值方差、算术、逻辑等运算、权重叠加、归一化等操作）... 凌川江雪
    本文目录1.像素读写2.图像通道与均值方差计算3.算术操作与调整图像的亮度和对比度4.基于权重的图像叠加5.Mat的其他各种像素操作1.像素读写Mat作为图像容器，其数据部分存储了图像的像素数据，我们可以通过相关的API来获取图像数据部分；在获取图像数据的时候，知道Mat的类型与通道数目关重要，根据Mat的类型与通道数目，开辟适当大小的内存空间，然后通过get方法就可以循环实现每个像素点值的读取、
  • Ubuntu22+ROS2+QtCreator+Ros_Qtc_Plugin开发环境搭建 ZPC8210 ROSpythongithubgit
    Ubuntu22+ROS2+QtCreator+Ros_Qtc_Plugin开发环境搭建1.写在前面最近重装了ubuntu22.04，被告知ubuntu22已经不支持ROS1了，想着ROS2毕竟是大势所趋，所以安装了ROS2准备进行相应的学习开发。折腾了两天，没发现一款好用的、适合ROS2开发的IDE。之前开发ROS1程序时一直用的QTC，我本以为QTC应该还没有对应的ROS2插件，没想到网上查找
  • 国密算法如何守护金融安全？7大核心场景全解析 南京首传信安科技有限公司 密码应用密码应用金融安全
    目录一、主要应用场景1.基础设施安全2.身份认证与访问管理3.交易安全与不可否认性4.数据安全5.支付清算与结算6.移动金融安全7.风控与反欺诈二、商用密码应用带来的核心价值三、面临的挑战与趋势四、首传信安解决方案总结金融领域的安全需求是一个极其严苛、多层次、动态演进的体系，其核心目标是构建信任基础，确保资金安全、系统稳定、隐私合规、业务连续。商用密码算法在金融领域的应用是保障金融安全的核心技术支
  • 筑牢电力网安防线：密码技术应用全景 南京首传信安科技有限公司 密码应用密码学电力安全
    密码技术在电力行业的应用是保障国家关键基础设施安全的核心环节。随着智能电网、新能源接入、电力物联网的发展，密码技术已深度融入电力系统的发、输、变、配、用、调、管等各个环节，为电力系统的安全稳定运行、数据机密性、完整性和身份真实性提供保障。一、主要应用领域1.网络与通信安全(基础保障)通信加密：对电力调度数据网、广域测量系统、配电自动化系统、用电信息采集系统等关键网络中的通信数据进行加密（如采用IP
  • Docker容器中安装 ROS2-Humble 并使用 rviz ZPC8210 docker容器运维
    默认电脑已经安装了docker，没安装看这篇文章Docker安装(完整详细版)ROS和docker各种结合看官方文档dockerTutorials在OSRF中拉取想要的ROS版本docker镜像网址为拉取命令在这里dockerpullosrf/ros:humble-desktop-full拉取完后创建容器，但是为了能在docker中能打开窗口，将使用以下参数，只需要修改名字即可，your_name
  • 密码应用与趋势之医疗数据安全 南京首传信安科技有限公司 数据安全健康医疗
    目录二、密码技术的核心应用场景二、技术创新趋势三、关键防护措施四、总结数据泄露风险在不同行业间分布不均。医疗行业因其数据的极高价值、安全防护的相对短板及攻击者的高度关注，成为数据泄露的重灾区。泄露数据类型也日益多样化，从传统身份信息扩展到网络行为数据等新兴领域。医疗数据的高价值体现为：黑市价格高昂：完整医疗记录在黑市售价可达普通个人信息的数十倍。欺诈工具：医疗身份信息常被用于虚假理赔和药物欺诈。精
  • opencv入门(6) TrackBar调整图片和键盘响应 千殃sama opencv学习笔记
    文章目录1创建trackbar2使用userdata传入函数3键盘响应1创建trackbar1.trackbar名称2.创建在哪个窗口上3.拖动trackbar改变的值4.trackBar的最大值5.trackbar改变时的回调函数6.带入回调函数的数据，可以不用带,是一个void指针createTrackbar(“Valuebar”,“亮度调整”,&lightness,max_value,on_
  • MySQL InnoDB 引擎中的聚簇索引和非聚簇索引有什么区别？ Chen-Edward 数据库mysqlandroid数据库
    MySQLInnoDB引擎中的聚簇索引和非聚簇索引有什么区别？主要解答详细解答1.**聚簇索引（ClusteredIndex）**2.**非聚簇索引（Non-ClusteredIndex/SecondaryIndex）**3.**对比总结**4.**流程图（查询过程对比）**知识拓展与延伸1.**如何选择主键和索引**2.**Java后端开发中的应用**3.**常见误区**主要解答在MySQL的I
  • 面向对象面向过程 3213213333332132 java
    面向对象：把要完成的一件事，通过对象间的协作实现。 面向过程：把要完成的一件事，通过循序依次调用各个模块实现。 我把大象装进冰箱这件事为例，用面向对象和面向过程实现，都是用java代码完成。 1、面向对象 package bigDemo.ObjectOriented; /** * 大象类 * * @Description * @author FuJian
  • Java Hotspot: Remove the Permanent Generation bookjovi HotSpot
      openjdk上关于hotspot将移除永久带的描述非常详细，http://openjdk.java.net/jeps/122   JEP 122: Remove the Permanent Generation Author Jon Masamitsu Organization Oracle Created 2010/8/15 Updated 2011/
  • 正则表达式向前查找向后查找,环绕或零宽断言 dcj3sjt126com 正则表达式
    向前查找和向后查找 1. 向前查找：根据要匹配的字符序列后面存在一个特定的字符序列(肯定式向前查找)或不存在一个特定的序列(否定式向前查找)来决定是否匹配。.NET将向前查找称之为零宽度向前查找断言。     对于向前查找，出现在指定项之后的字符序列不会被正则表达式引擎返回。 2. 向后查找：一个要匹配的字符序列前面有或者没有指定的
  • BaseDao 171815164 seda
    import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; import java.sql.PreparedStatement; import java.sql.ResultSet; public class BaseDao { public Conn
  • Ant标签详解--Java命令 g21121 Java命令
            这一篇主要介绍与java相关标签的使用         终于开始重头戏了，Java部分是我们关注的重点也是项目中用处最多的部分。           1
  • [简单]代码片段_电梯数字排列 53873039oycg 代码
           今天看电梯数字排列是9 18 26这样呈倒N排列的,写了个类似的打印例子，如下:       import java.util.Arrays; public class 电梯数字排列_S3_Test { public static void main(S
  • Hessian原理 云端月影 hessian原理
    Hessian 原理分析 一．      远程通讯协议的基本原理 网络通信需要做的就是将流从一台计算机传输到另外一台计算机，基于传输协议和网络 IO 来实现，其中传输协议比较出名的有 http 、 tcp 、 udp 等等， http 、 tcp 、 udp 都是在基于 Socket 概念上为某类应用场景而扩展出的传输协
  • 区分Activity的四种加载模式----以及Intent的setFlags aijuans android
      在多Activity开发中，有可能是自己应用之间的Activity跳转，或者夹带其他应用的可复用Activity。可能会希望跳转到原来某个Activity实例，而不是产生大量重复的Activity。 这需要为Activity配置特定的加载模式，而不是使用默认的加载模式。 加载模式分类及在哪里配置 Activity有四种加载模式： standard singleTop
  • hibernate几个核心API及其查询分析 antonyup_2006 html.netHibernatexml配置管理
    (一)  org.hibernate.cfg.Configuration类         读取配置文件并创建唯一的SessionFactory对象.(一般,程序初始化hibernate时创建.)         Configuration co
  • PL/SQL的流程控制 百合不是茶 oraclePL/SQL编程循环控制
    PL/SQL也是一门高级语言,所以流程控制是必须要有的,oracle数据库的pl/sql比sqlserver数据库要难,很多pl/sql中有的sqlserver里面没有   流程控制; 分支语句 if 条件 then 结果 else 结果 end if ; 条件语句 case when 条件 then 结果; 循环语句 loop
  • 强大的Mockito测试框架 bijian1013 mockito单元测试
    一.自动生成Mock类        在需要Mock的属性上标记@Mock注解，然后@RunWith中配置Mockito的TestRunner或者在setUp()方法中显示调用MockitoAnnotations.initMocks(this);生成Mock类即可。二.自动注入Mock类到被测试类  &nbs
  • 精通Oracle10编程SQL(11)开发子程序 bijian1013 oracle数据库plsql
    /* *开发子程序 */ --子程序目是指被命名的PL/SQL块，这种块可以带有参数，可以在不同应用程序中多次调用 --PL/SQL有两种类型的子程序：过程和函数 --开发过程 --建立过程：不带任何参数 CREATE OR REPLACE PROCEDURE out_time IS BEGIN DBMS_OUTPUT.put_line(systimestamp); E
  • 【EhCache一】EhCache版Hello World bit1129 Hello world
    本篇是EhCache系列的第一篇，总体介绍使用EhCache缓存进行CRUD的API的基本使用，更细节的内容包括EhCache源代码和设计、实现原理在接下来的文章中进行介绍   环境准备 1.新建Maven项目   2.添加EhCache的Maven依赖 <dependency> <groupId>ne
  • 学习EJB3基础知识笔记 白糖_ beanHibernatejbosswebserviceejb
    最近项目进入系统测试阶段，全赖袁大虾领导有力，保持一周零bug记录，这也让自己腾出不少时间补充知识。花了两天时间把“传智播客EJB3.0”看完了，EJB基本的知识也有些了解，在这记录下EJB的部分知识，以供自己以后复习使用。   EJB是sun的服务器端组件模型，最大的用处是部署分布式应用程序。EJB (Enterprise JavaBean)是J2EE的一部分，定义了一个用于开发基
  • angular.bootstrap boyitech AngularJSAngularJS APIangular中文api
    angular.bootstrap 描述：     手动初始化angular。     这个函数会自动检测创建的module有没有被加载多次，如果有则会在浏览器的控制台打出警告日志，并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。   使用方法：     angular .
  • java-谷歌面试题-给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数 bylijinnan java
    public class SearchInShiftedArray { /** * 题目：给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数。 * 请在这个特殊数组中找出给定的整数。 * 解答： * 其实就是“旋转数组”。旋转数组的最小元素见http://bylijinnan.iteye.com/bl
  • 天使还是魔鬼？都是我们制造 ducklsl 生活教育情感
    ----------------------------剧透请原谅，有兴趣的朋友可以自己看看电影，互相讨论哦！！！     从厦门回来的动车上，无意中瞟到了书中推荐的几部关于儿童的电影。当然，这几部电影可能会另大家失望，并不是类似小鬼当家的电影，而是关于“坏小孩”的电影！     自己挑了两部先看了看，但是发现看完之后，心里久久不能平
  • [机器智能与生物]研究生物智能的问题 comsci 生物
          我想,人的神经网络和苍蝇的神经网络,并没有本质的区别...就是大规模拓扑系统和中小规模拓扑分析的区别....       但是,如果去研究活体人类的神经网络和脑系统,可能会受到一些法律和道德方面的限制,而且研究结果也不一定可靠,那么希望从事生物神经网络研究的朋友,不如把
  • 获取Android Device的信息 dai_lm android
    String phoneInfo = "PRODUCT: " + android.os.Build.PRODUCT; phoneInfo += ", CPU_ABI: " + android.os.Build.CPU_ABI; phoneInfo += ", TAGS: " + android.os.Build.TAGS; ph
  • 最佳字符串匹配算法（Damerau-Levenshtein距离算法）的Java实现 datamachine java算法字符串匹配
    原文：http://www.javacodegeeks.com/2013/11/java-implementation-of-optimal-string-alignment.html------------------------------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第一课 dcj3sjt126com englishword
    long 长的 show 给...看，出示 mouth 口，嘴 write 写   use 用，使用 take 拿，带来 hand 手 clever 聪明的   often 经常 wash 洗 slow 慢的 house 房子   water 水 clean 清洁的 supper 晚餐 out 在外   face 脸，
  • macvim的使用实战 dcj3sjt126com macvim
    macvim用的是mac里面的vim, 只不过是一个GUI的APP, 相当于一个壳   1. 下载macvim https://code.google.com/p/macvim/   2. 了解macvim :h               vim的使用帮助信息 :h macvim  
  • java二分法查找 蕃薯耀 java二分法查找二分法java二分法
    java二分法查找 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 11:40:03 星期二 http:/
  • Spring Cache注解+Memcached hanqunfeng springmemcached
    Spring3.1 Cache注解  依赖jar包： <!-- simple-spring-memcached --> <dependency> <groupId>com.google.code.simple-spring-memcached</groupId> <artifactId>simple-s
  • apache commons io包快速入门 jackyrong apache commons
    原文参考 http://www.javacodegeeks.com/2014/10/apache-commons-io-tutorial.html   Apache Commons IO 包绝对是好东西，地址在http://commons.apache.org/proper/commons-io/，下面用例子分别介绍：   1）  工具类   2
  • 如何学习编程 lampcy java编程C++c
    首先,我想说一下学习思想.学编程其实跟网络游戏有着类似的效果.开始的时候,你会对那些代码,函数等产生很大的兴趣,尤其是刚接触编程的人,刚学习第一种语言的人.可是,当你一步步深入的时候,你会发现你没有了以前那种斗志.就好象你在玩韩国泡菜网游似的,玩到一定程度,每天就是练级练级,完全是一个想冲到高级别的意志力在支持着你.而学编程就更难了,学了两个月后,总是觉得你好象全都学会了,却又什么都做不了,又没有
  • 架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy nannan408 Spring3
    1.前言。    如题。 2.描述。    @DependsOn用于强制初始化其他Bean。可以修饰Bean类或方法，使用该Annotation时可以指定一个字符串数组作为参数，每个数组元素对应于一个强制初始化的Bean。 @DependsOn({"steelAxe","abc"}) @Comp
  • Spring4+quartz2的配置和代码方式调度 Everyday都不同 代码配置spring4quartz2.x定时任务
    前言：这些天简直被quartz虐哭。。因为quartz 2.x版本相比quartz1.x版本的API改动太多，所以，只好自己去查阅底层API……   quartz定时任务必须搞清楚几个概念： JobDetail——处理类 Trigger——触发器，指定触发时间，必须要有JobDetail属性，即触发对象 Scheduler——调度器，组织处理类和触发器，配置方式一般只需指定触发
  • Hibernate入门 tntxia Hibernate
      前言   使用面向对象的语言和关系型的数据库，开发起来很繁琐，费时。由于现在流行的数据库都不面向对象。Hibernate 是一个Java的ORM（Object/Relational Mapping）解决方案。   Hibernte不仅关心把Java对象对应到数据库的表中，而且提供了请求和检索的方法。简化了手工进行JDBC操作的流程。   如
  • Math类 xiaoxing598 Math
    一、Java中的数字（Math）类是final类，不可继承。 1、常数 PI：double圆周率 E：double自然对数 2、截取（注意方法的返回类型） double ceil(double d) 返回不小于d的最小整数 double floor(double d) 返回不大于d的整最大数 int round(float f) 返回四舍五入后的整数 long round
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他