javatome
javatome

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

 

网页可见区域宽：document.body.clientWidth 
 网页可见区域高：document.body.clientHeight 
 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 
 网页可见区域高：document.body.offsetHeight (包括边线的宽) 
 网页正文全文宽：document.body.scrollWidth 
 网页正文全文高：document.body.scrollHeight 
 网页被卷去的高：document.body.scrollTop 
 网页被卷去的左：document.body.scrollLeft 
 网页正文部分上：window.screenTop 
 网页正文部分左：window.screenLeft 
 屏幕分辨率的高：window.screen.height 
 屏幕分辨率的宽：window.screen.width 
 屏幕可用工作区高度：window.screen.availHeight 
 屏幕可用工作区宽度：window.screen.availWidth


 HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 
 scrollHeight: 获取对象的滚动高度。 
 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 
 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 
 scrollWidth:获取对象的滚动宽度 
 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 
 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 
 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 
 event.clientX 相对文档的水平座标 
 event.clientY 相对文档的垂直座标 
 event.offsetX 相对容器的水平坐标 
 event.offsetY 相对容器的垂直坐标 
 document.documentElement.scrollTop 垂直方向滚动的值 
 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

 IE，FireFox 差异如下：

 IE6.0、FF1.06+：

 clientWidth = width + padding

 clientHeight = height + padding

 offsetWidth = width + padding + border

 offsetHeight = height + padding + border

 IE5.0/5.5： 
 clientWidth = width - border

 clientHeight = height - border

 offsetWidth = width

 offsetHeight = height

 (需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

 网页可见区域宽： document.body.clientWidth
 网页可见区域高： document.body.clientHeight
 网页可见区域宽： document.body.offsetWidth (包括边线的宽)
 网页可见区域高： document.body.offsetHeight (包括边线的高)
 网页正文全文宽： document.body.scrollWidth
 网页正文全文高： document.body.scrollHeight
 网页被卷去的高： document.body.scrollTop
 网页被卷去的左： document.body.scrollLeft
 网页正文部分上： window.screenTop
 网页正文部分左： window.screenLeft
 屏幕分辨率的高： window.screen.height
 屏幕分辨率的宽： window.screen.width
 屏幕可用工作区高度： window.screen.availHeight
 屏幕可用工作区宽度： window.screen.availWidth



 －－－－－－－－－－－－－－－－－－－

 技术要点
 本节代码主要使用了Document对象关于窗口的一些属性，这些属性的主要功能和用法如下。

 要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在Netscape下需要使用Window的属性；在IE下需要深入Document内部对body进行检测；在DOM环境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。

 Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。

 Document对象的body属性对应HTML文档的标签。Document对象的documentElement属性则表示HTML文档的根节点。

 document.body.clientHeight表示HTML文档所在窗口的当前高度。document.body. clientWidth表示HTML文档所在窗口的当前宽度。

 实现代码：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>请调整浏览器窗口</title><meta http-equiv="content-type" content="text/html; charset=gb2312"></head>

 <body>

 <h2 align="center">请调整浏览器窗口大小</h2><hr><form action="#" method="get" name="form1" id="form1"><!--显示浏览器窗口的实际尺寸-->浏览器窗口 的 实际高度: <input type="text" name="availHeight" size="4"><br>浏览器窗口 的 实际宽度: <input type="text" name="availWidth" size="4"><br></form>

 <script type="text/javascript"><!-- var winWidth = 0; var winHeight = 0; function findDimensions() //函数：获取尺寸 { //获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; //获取窗口高度 if (window.innerHeight) winHeight = window.innerHeight; else if ((document.body) && (document.body.clientHeight)) winHeight = document.body.clientHeight; //通过深入Document内部对body进行检测，获取窗口大小 if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) { winHeight = document.documentElement.clientHeight; winWidth = document.documentElement.clientWidth; } //结果输出至两个文本框 document.form1.availHeight.value= winHeight; document.form1.availWidth.value= winWidth; } findDimensions(); //调用函数，获取数值 window.onresize=findDimensions;//--></script>

 </body></html>


 源程序解读

 （1）程序首先建立一个表单，包含两个文本框，用于显示窗口当前的宽度和高度，并且，其数值会随窗口大小的改变而变化。

 （2）在随后的JavaScript代码中，首先定义了两个变量winWidth和winHeight，用于保存窗口的高度值和宽度值。

 （3）然后，在函数findDimensions ( )中，使用window.innerHeight和window.innerWidth得到窗口的高度和宽度，并将二者保存在前述两个变量中。

 （4）再通过深入Document内部对body进行检测，获取窗口大小，并存储在前述两个变量中。

 （5）在函数的最后，通过按名称访问表单元素，结果输出至两个文本框。

 （6）在JavaScript代码的最后，通过调用findDimensions ( )函数，完成整个操作。
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(浏览器)

        

            

                
    
                    
  • python 爬取图片并保存到excel_python制作爬虫并将抓取结果保存到excel中
                        weixin_39778582
python爬取图片并保存到excel
                        
    学习Python也有一段时间了，各种理论知识大体上也算略知一二了，今天就进入实战演练：通过Python来编写一个拉勾网薪资调查的小爬虫。第一步：分析网站的请求过程我们在查看拉勾网上的招聘信息的时候，搜索Python，或者是PHP等等的岗位信息，其实是向服务器发出相应请求，由服务器动态的响应请求，将我们所需要的内容通过浏览器解析，呈现在我们的面前。可以看到我们发出的请求当中，FormData中的kd
    
                    
    • 
                    
  • java word在线编辑_[原创]Java开发在线打开编辑保存Word文件（支持多浏览器）
                        嘻嘻哈哈哦哦吧
javaword在线编辑
                        
    Java调用PageOffice实现在线编辑保存Word文件(以jsp调用为例，支持SSM、SSH、SpringMVC等流行框架)1.下载PageOffice开发包：http://www.zhuozhengsoft.com/dowm/下载PageOfficeforJAVA2.以Myeclipse为例，新建一个WebProject，比如：wordonline3.解压PageOffice开发包，拷贝“
    
                    
    • 
                    
  • python爬取天眼查存入excel表格_python爬取企查查江苏企业信息生成excel表格
                        吴寿鹤

                        
    1.前期准备具体请查看上一篇2.准备库requests,BeautifulSoup,xlwt,lxml1.BeautifulSoup：是专业的网页爬取库，方便抓取网页信息2.xlwt：生成excel表格3.lxml：xml解析库3.具体思路企查查网站具有一定的反爬机制，直接爬取会受到网站阻拦，所以我们需要模拟浏览器请求，绕过反爬机制，打开企查查网站，获取cookie及一系列请求头文件，然后使用Be
    
                    
    • 
                    
  • Windows下Kanass简明安装教程(入门级)
                        烟雨下扬州
jira
                        
    Kanass是一款国产开源免费的项目管理工具，工具简洁易用、开源免费。本文将介绍如何在windows下安装配置kanass。1、安装下载，下载地址:Kanass-下载，下载安装包如tiklab-kanass.1.0.4.exe安装，双击exe文件安装应用启动，双击应用程序或桌面Kanass应用图标，启动应用2、登录应用启动成功控制台会显示应用访问地址，浏览器输入http://ip:9500打开应用
    
                    
    • 
                    
  • 解决方案之高效检测PDF文件中的XSS攻击问题
                        

                        
    引言随着互联网的普及和数字化办公的推进，PDF（PortableDocumentFormat）文件已成为信息交换的重要载体。然而，PDF文件的安全性问题也日益凸显，尤其是跨站脚本攻击（Cross-SiteScripting,XSS）的威胁。XSS攻击通过在PDF文件中嵌入恶意脚本，当用户打开文件时，脚本会在其浏览器中执行，可能导致敏感信息泄露、会话劫持等严重后果。因此，高效检测PDF文件中的XSS
    
                    
    • 
                    
  • Linux部署Tomcat无法访问
                        zb_3Dmax
javatomcatlinux服务器开发语言servlet
                        
    前言环境：RedHat7.0，Tomcat7，JDK7安装配置成功之后，启动tomcat服务，然后使用本地浏览器访问http://xx:xx:xx:xx:8080，无法访问。解决过程首先怀疑是配置问题，终端输出：echo$JAVA_HOMEecho$TOMCAT_HOME一切正常，排除然后怀疑是防火墙问题：RHEL7中使用了firewalld代替了原来的iptables，操作设置和原来有点不同：查
    
                    
    • 
                    
  • 【从0带做】基于Springboot3+Vue3的高校食堂点餐系统
                        ADFVBM
面试学习路线阿里巴巴java
                        
    大家好，我是武哥，最近给大家手撸了一个基于SpringBoot3+Vue3的高校食堂点餐系统，可用于毕业设计、课程设计、练手学习，系统全部原创，如有遇到网上抄袭站长的，欢迎联系博主~详细介绍https://www.javaxm.cn/star/gxstdc.html项目在线体验地址体验地址：（请电脑端浏览器访问）：http://43.142.9.148:81/用户账号：aaa密码：123456系统
    
                    
    • 
                    
  • 为什么CORS（跨域资源共享）只需要后端进行设置，之后浏览器发送请求就可以跨域了呢？
                        qq_29781527
java后端前端网络安全
                        
    CORS（跨域资源共享）的实现确实有点反直觉，因为它看起来像是浏览器限制了跨域请求，而后端却能通过设置响应头来“绕过”这种限制。我个人在之前也一直没能参透其中的道理，只是一味地照抄解决办法。今天偶然u有碰到这个问题，干脆直接刨根问底，梳理一下到底是为什么只需要后端处理就可以让浏览器进行跨域请求的。其实，CORS并不是绕过浏览器的同源策略，而是浏览器和后端协作的一种机制。下面我会详细解释CORS的工
    
                    
    • 
                    
  • HTTP
                        黄亚磊11
网络http
                        
    说一下一次完整的HTTP请求过程包括哪些内容？建立起客户机和服务器连接。建立连接后，客户机发送一个请求给服务器。服务器收到请求，处理后给予响应信息。客户端浏览器将返回的内容解析并呈现，断开连接。HTTP如何禁用缓存？如何确认缓存？HTTP/1.1通过Cache-Control首部字段来控制缓存。禁止进行缓存no-stroe指令规定不能对请求或响应的任何一部分进行缓存。Cache-Control:n
    
                    
    • 
                    
  • 【一文读懂】HTTP与Websocket协议
                        Bl_a_ck
通讯协议httpwebsocket网络协议
                        
    HTTP协议概述HTTP(HypertextTransferProtocol)，即超文本传输协议，是一种用于在客户端和服务器之间传输超文本（例如网页、图片、音频、视频等）的通信协议。它是万维网（WWW）的基础，负责在浏览器（客户端）和web服务器之间交换信息。HTTP是一个应用层协议，位于OSI模型的第七层，通常通过TCP（传输控制协议）进行通信。HTTP是无状态的、面向请求/响应的协议，意思是每
    
                    
    • 
                    
  • python flask django在线投票系统 md14i
                        专注分享bishe530
pythonflaskdjango
                        
    文章目录具体实现截图项目技术介绍论文写作思路核心代码部分展示可定制开发功能创新亮点django项目示例源码/演示视频获取方式具体实现截图项目技术介绍Python版本：python3.7以上框架支持：flask/django开发软件：PyCharm数据库：mysql数据库工具：Navicat浏览器：谷歌浏览器(PycharmFlaskDjangoVuemysql)论文写作思路第一部分绪论，主要介绍所
    
                    
    • 
                    
  • 对前端的技术进行分层
                        艾米栗写代码
前端
                        
    前端相比较后端而言，由于其发展历史和浏览器的标准不一，导致其看上去简单，但是深入起来又很复杂，在最开始学习的时候，我们往往是了解一下三剑客和vue、react的api就开始上手工作了，但是到后面会发现，每一步就像缺了一根拐杖，而这根拐杖指的就是对前端整个层面的了解。只有我们建立了对整个层面的了解，才能到我们遇到的问题进行分类，才能在遇到困难的时候，能够分门别类的去解决问题。前端技术的分层可以类比为
    
                    
    • 
                    
  • 解析浏览器中JavaScript与Native交互原理：以WebGPU为例
                        ttod_qzstudio
JavaScriptJavaScriptWebGPU
                        
    引言随着Web应用复杂度的提升，开发者对浏览器访问本地硬件能力的需求日益增长。然而，浏览器必须在开放性与安全性之间找到平衡——既不能放任JavaScript（JS）随意操作系统资源，又要为高性能计算、图形渲染等场景提供支持。WebGPU的出现正是这一矛盾的解决方案之一。作为新一代Web图形API，WebGPU允许JS以接近原生（Native）的方式操作GPU，同时严格遵循浏览器的安全模型。本文将结
    
                    
    • 
                    
  • vue-plugin-hiprint （vue2
                        _未知_开摆
vue.jsjavascriptecmascript
                        
    页面效果{{type}}自定义纸张宽X高(mm):x确定旋转纸张(宽高互换)清空纸张浏览器打印直接打印(需要连接客户端){{(scaleValue*100).toFixed(0)}}%默认样式自定义样式import{hiprint}from"vue-plugin-hiprint"import{provider1}from"./provider1"import{provider2}from"./pr
    
                    
    • 
                    
  • python3 + selenium webdriver自动化测试启动不同浏览器
                        cs_mengxi
seleniumWeb自动化selenium测试工具
                        
    seleniumwebdriver自动化测试启动不同浏览器seleniumwebdriver介绍SeleniumWebDriver进行自动化测试的一般流程浏览器驱动下载浏览器驱动的安装chrome、edge、Firefox、Opera、Safari、phantomjs应用HeadlessChrome、HeadlessFirefox应用seleniumwebdriver介绍SeleniumWebDr
    
                    
    • 
                    
  • 前端性能优化 - 提升 FID（First Input Delay）
                        码农巧克零
程序员前端开发编程前端性能优化
                        
    导读FID(FirstInputDelay)是评估用户与网页互动时响应速度的关键性能指标之一。它主要衡量用户首次与页面互动（如点击按钮、链接或输入框）到浏览器实际响应这一互动之间的时间差。良好的FID能够为用户提供流畅的体验，而较差的FID会让用户觉得页面卡顿，从而影响用户体验和留存率。优化FID是提升前端性能的重要部分。本文将介绍优化FID的一些有效策略和方法。什么是FID？FID是CoreWe
    
                    
    • 
                    
  • 理解WebGPU 中的 GPUAdapter ：连接浏览器与 GPU 的桥梁
                        ttod_qzstudio
WebGPUWebGPU
                        
    在WebGPU开发中，GPUAdapter是一个至关重要的对象，它作为浏览器与GPU之间的桥梁，为开发者提供了请求GPU设备、查询GPU特性以及获取适配器信息的能力。本文将详细介绍GPUAdapter的核心属性和方法，并通过实际代码示例展示如何使用它来初始化WebGPU环境。什么是GPUAdapter？GPUAdapter是WebGPUAPI中的一个接口，表示浏览器选择的物理GPU的抽象。它提供了
    
                    
    • 
                    
  • Webpack 打包性能优化指南
                        不知名靓仔
webpack性能优化前端
                        
    引言Webpack是一款非常强大的模块打包工具，它能够将各种资源（如JS、CSS、图片等）打包成一个或多个浏览器可以理解的文件。然而，在处理大型项目时，Webpack的打包速度可能会变得相当慢，这直接影响到了开发效率。本文将介绍一些实用的技巧和最佳实践，帮助你优化Webpack的打包性能。1.Webpack基础1.1什么是Webpack？Webpack是一个模块打包器，它能够分析项目的依赖关系图，
    
                    
    • 
                    
  • 火狐浏览器webdriver配置
                        爱吃红薯拔丝的小鹿
爬虫
                        
    要使用Selenium和Firefox浏览器，你需要配置Firefox浏览器和GeckoDriver。以下是配置的步骤：下载Firefox浏览器：确保你已经下载并安装了最新版本的Firefox浏览器。你可以从Mozilla官方网站下载Firefox：https://www.mozilla.org/firefox/下载GeckoDriver：根据你的Firefox浏览器版本下载对应的GeckoDri
    
                    
    • 
                    
  • JavaScript实现拖动窗口功能详解
                        滚菩提哦呢

                        
    本文还有配套的精品资源，点击获取简介：本教程深入讲解了如何通过JavaScript实现拖动窗口功能，涵盖了原生方法和面向对象（OOP）的封装技术，以及确保代码在主流浏览器（包括IE6、Firefox和Chrome）中的兼容性。教程提供详细代码示例，从基础的原生拖动方法到利用OOP封装的Droppable类，再到特殊浏览器的兼容性处理，使读者能够掌握全面的拖动窗口实现技巧。1.JavaScript拖
    
                    
    • 
                    
  • JavaScript窗口大小变化事件：window.resize
                        星际编程喵
探索Spring的奇妙世界javascript前端htmlvue.jsreact.js前端框架html5
                        
    1.前言在Web开发中，JavaScript是一种强大的脚本语言，它可以与HTML和CSS一起使用，为用户提供交互性和动态性的体验。其中，window.addEventListener("resize")事件是一个常用的事件之一，用于在浏览器窗口大小发生变化时触发相应的操作。本文将深入介绍这个事件的相关内容。2.简介window.resize事件是浏览器提供的一种事件，用于监听窗口大小的改变。这意
    
                    
    • 
                    
  • XSS攻击全貌：原理、分类、检测与防御策略研究
                        键盘侠伍十七
web安全xss网络服务器web安全XSS攻击
                        
    XSS攻击原理的深入剖析跨站脚本攻击（Cross-SiteScripting，简称XSS）作为一种广泛存在的web应用程序安全漏洞，其机制在于利用了客户端与服务器之间数据交换过程中的信任链被恶意破坏。该类攻击的核心原理是攻击者通过向Web应用程序注入精心构造的、能够在受害者浏览器环境下执行的恶意脚本代码。这些注入的脚本在用户无意识的情况下被执行，不仅能够非法获取用户的cookies、session
    
                    
    • 
                    
  • 如果你在使用 Edge 浏览器访问 HTTP 服务时被自动重定向到 HTTPS，并因此无法正常访问，你可以尝试以下几种解决方案：清除浏览器缓存：打开 Edge 浏览器，点击右上角的三点图标，选择“
                        不一样的故事126
httpedgehttps
                        
    如果你在使用Edge浏览器访问HTTP服务时被自动重定向到HTTPS，并因此无法正常访问，你可以尝试以下几种解决方案：清除浏览器缓存：打开Edge浏览器，点击右上角的三点图标，选择“设置”。在设置中，导航到“隐私、搜索和服务”，找到“清除浏览数据”。选择“缓存的图片和文件”以及“Cookies和其他站点数据”，然后点击“清除”。检查网址：确保你输入的URL是以http://开头，而不是https:
    
                    
    • 
                    
  • jQuery.ajax
                        weixin_48357623
前端jqueryajax前端
                        
    下面是关于FetchAPI、umi-request、jQuery.ajax和axios的对比表格：FetchAPIumi-requestjQuery.ajaxaxios技术基础基于Promise的现代浏览器API基于fetch的封装，提供统一API和请求层治理原生JavaScript中的XMLHttpRequest封装基于Promise的HTTP客户端，封装XMLHttpRequest使用场景适用
    
                    
    • 
                    
  • 【ElementUI实现table表格行拖拽切换顺序】
                        电竞蒋劲夫
ElementUIelementui前端javascriptvue.js
                        
    实现效果逻辑思路通过el-table的row-class-name设置行的自定义class类名.在mounted和updated生命周期钩子中调用this.$nextTick，确保DOM元素渲染完成后，使用document.querySelectorAll获取所有.drag-row元素。设置dom的draggable(用于标识元素是否允许使用浏览器原生行为或HTML拖放操作API拖动。)为true
    
                    
    • 
                    
  • DeepSeek 15 天指导手册 —— 从入门到精通
                        扫地僧009
人工智能deepseek机器学习深度学习自然语言处理
                        
    DeepSeek15天指导手册——从入门到精通第一章：准备篇（30分钟上手）1.1三分钟创建你的AI伙伴访问官网：在浏览器输入「www.deepseek.com」，如同打开微信般便捷。注册账号：点击右上角「笑脸图标」，选择「邮箱/手机注册」（推荐使用常用邮箱注册）。验证身份：查看注册邮箱收件箱，找到验证邮件并点击蓝色确认按钮。若未找到，可检查垃圾箱。首次登录：设置登录密码时，建议采用「大小写字母+
    
                    
    • 
                    
  • 30分钟学会HTML
                        奇偶变不变
html前端
                        
    HTML基本语法HTML（HyperTextMarkupLanguage）是构成网页内容的基础。它使用一系列的标签来描述网页的结构，包括文本、图片、链接等元素。浏览器会解析这些标签并渲染成我们看到的网页。在线体验一下CodePen(在线HTML编辑器)。千万不要被「超文本」、「标记语言」吓到，HTML的语法非常直观，常用的标签结构并不复杂，用于构建基础网页已经足够，稍微了解一下就能上手。就是这些基
    
                    
    • 
                    
  • POST 方法的content-type类型总结
                        ۩ﺴ往后余生ﺴ۩
python#python数据处理python
                        
    文章目录一、几种常见类型1：application/x-www-form-urlencoded2:multipart/form-data3：application/json总结什么是Content-typeContent-type是实体首部字段，用于说明请求或返回的消息是用什么格式进行编码的，在requestheader和responseheader里都有存在。用来向服务器或者浏览器说明传输的文件
    
                    
    • 
                    
  • HTTP中GET和POST详细理解
                        G丶AEOM
八股普通学习区计算机网络http
                        
    HTTP中GET和POST简单来说GET的语义是从服务器获取指定的资源，这个资源可以是静态的文本、页面、图片视频等。GET请求的参数位置一般是写在URL中，URL规定只能支持ASCII，所以GET请求的参数只允许ASCII字符，而且浏览器会对URL的长度有限制（HTTP协议本身对URL长度并没有做任何规定）POST的语义是根据请求负荷（报文body）对指定的资源做出处理，具体的处理方式资源类型而不
    
                    
    • 
                    
  • 【JavaScript】Day01
                        boy快快长大
前端javascript开发语言ecmascript
                        
    1.介绍1.1JS是什么一种运行在客户端(浏览器)的编程语言，实现人机交互效果。1.2作用网页特效(监听用户的一些行为让网页做出对应的反馈)表单验证(针对表单数据的合法性做出判断)数据交互(获取后台的数据，渲染到前端)服务端编程(node.js)1.3JS的组成ECMAScript：规定了JS基础的语法知识WebAPIs：DOM与BOMDOM:操作文档，比如对页面元素进行移动、大小、添加删除等操作
    
                    
    • 
                                
  • windows下源码安装golang
                                    616050468
golang安装golang环境windows
                                    
             系统： 64位win7， 开发环境：sublime text 2，  go版本： 1.4.1 
  
 1.  安装前准备(gcc, gdb, git) 
       golang在64位系
    
                                
    • 
                                
  • redis批量删除带空格的key
                                    bylijinnan
redis
                                    
    redis批量删除的通常做法： 
 
 
redis-cli keys "blacklist*" | xargs redis-cli del 
 
上面的命令在key的前后没有空格时是可以的，但有空格就不行了： 
 

$redis-cli keys "blacklist*"
1) "blacklist:12: [email protected]
    
                                
    • 
                                
  • oracle正则表达式的用法
                                    0624chenhong
oracle正则表达式
                                    
      方括号表达示 
方括号表达式 
描述 
[[:alnum:]] 
字母和数字混合的字符 
[[:alpha:]] 
字母字符 
[[:cntrl:]] 
控制字符 
[[:digit:]] 
数字字符 
[[:graph:]] 
图像字符 
[[:lower:]] 
小写字母字符 
[[:print:]] 
打印字符 
[[:punct：]] 
标点符号字符 
[[:space:]]
    
                                
    • 
                                
  • 2048源码(核心算法有，缺少几个anctionbar，以后补上)
                                    不懂事的小屁孩
2048
                                    
    2048游戏基本上有四部分组成， 
1：主activity，包含游戏块的16个方格，上面统计分数的模块 
2：底下的gridview，监听上下左右的滑动，进行事件处理， 
3：每一个卡片，里面的内容很简单，只有一个text，记录显示的数字 
4：Actionbar，是游戏用重新开始，设置等功能(这个在底下可以下载的代码里面还没有实现) 
 
写代码的流程 
1：设计游戏的布局，基本是两块，上面是分
    
                                
    • 
                                
  • jquery内部链式调用机理
                                    换个号韩国红果果
JavaScriptjquery
                                    
    只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象（通过this  因为一旦一个函数称为一个对象方法的话那么在这个方法内部this（结合下面的setStyles）指向这个对象） 

function  create(type){
var element=document.createElement(type);
    //this=element;

    
                                
    • 
                                
  • 你订酒店时的每一次点击 背后都是NoSQL和云计算
                                    蓝儿唯美
NoSQL
                                    
    全球最大的在线旅游公司Expedia旗下的酒店预订公司，它运营着89个网站，跨越68个国家，三年前开始实验公有云，以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。 
云端本身是用于驱动网站的部分小功能的，如搜索框的自动推荐功能，还能保证处理Hotels.com服务的季节性需求高峰整体储能。 
Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou
    
                                
    • 
                                
  • java笔记1
                                    a-john
java
                                    
    1，面向对象程序设计（Object-oriented Propramming，OOP）：java就是一种面向对象程序设计。 
2，对象：我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说，对象是某个类型的实例。比如狗是一个类型，哈士奇可以是狗的一个实例，也就是对象。 
3，面向对象程序设计方式的特性： 
    3.1 万物皆为对象。 
   
    
                                
    • 
                                
  • C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点（一）
                                    aijuans
C/C++求职面试必备考点
                                    
            找工作在即，以后决定每天至少写一个知识点，主要是记录，逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益，后学幸运之至也。如有错误，还希望大家帮忙指出来。感激不尽。 
       后学保证每个写出来的结果都是自己在电脑上亲自跑过的，咱人笨，以前学的也半吊子。很多时候只能靠运行出来的结果再反过来
    
                                
    • 
                                
  • 程序员写代码时就不要管需求了吗？
                                    asia007
程序员不能一味跟需求走
                                    
          编程也有2年了，刚开始不懂的什么都跟需求走，需求是怎样就用代码实现就行，也不管这个需求是否合理，是否为较好的用户体验。当然刚开始编程都会这样，但是如果有了2年以上的工作经验的程序员只知道一味写代码，而不在写的过程中思考一下这个需求是否合理，那么，我想这个程序员就只能一辈写敲敲代码了。 
      我的技术不是很好，但是就不代
    
                                
    • 
                                
  • Activity的四种启动模式
                                    百合不是茶
android栈模式启动Activity的标准模式启动栈顶模式启动单例模式启动
                                    
    android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ; 
  
启动模式xml中配置 
    <activity android:name=".MainActivity" android:launchMode="standard&quo
    
                                
    • 
                                
  • Spring中@Autowired标签与@Resource标签的区别
                                    bijian1013
javaspring@Resource@Autowired@Qualifier
                                    
    Spring不但支持自己定义的@Autowired注解，还支持由JSR-250规范定义的几个注解，如：@Resource、 @PostConstruct及@PreDestroy。 
  
1. @Autowired    @Autowired是Spring 提供的，需导入    Package:org.springframewo
    
                                
    • 
                                
  • Changes Between SOAP 1.1 and SOAP 1.2
                                    sunjing
ChangesEnableSOAP 1.1SOAP 1.2
                                    
    JAX-WS 
SOAP Version 1.2 Part 0: Primer (Second Edition) 
SOAP Version 1.2 Part 1: Messaging Framework (Second Edition) 
SOAP Version 1.2 Part 2: Adjuncts (Second Edition) 
  
Which style of WSDL
    
                                
    • 
                                
  • 【Hadoop二】Hadoop常用命令
                                    bit1129
hadoop
                                    
    以Hadoop运行Hadoop自带的wordcount为例， 
  
hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop，需要说明的是，这些命令的使用必须在Hadoop已经运行的情况下才能执行 
  Hadoop HDFS相关命令 
 
  hadoop fs -ls 
 
 列出HDFS文件系统的第一级文件和第一级
    
                                
    • 
                                
  • java异常处理（初级）
                                    白糖_
javaDAOspring虚拟机Ajax
                                    
    从学习到现在从事java开发一年多了，个人觉得对java只了解皮毛，很多东西都是用到再去慢慢学习，编程真的是一项艺术，要完成一段好的代码，需要懂得很多。 
最近项目经理让我负责一个组件开发，框架都由自己搭建，最让我头疼的是异常处理，我看了一些网上的源码，发现他们对异常的处理不是很重视，研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码，通过他们对异常处理的解决方案，我终
    
                                
    • 
                                
  • 记录整理-工作问题
                                    braveCS
工作
                                    
    1）那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。 
2）今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题，以后要是写更大的文件还是得改内存。想问题要长远啊
    
                                
    • 
                                
  • org.apache.tools.zip实现文件的压缩和解压，支持中文
                                    bylijinnan
apache
                                    
    刚开始用java.util.Zip，发现不支持中文（网上有修改的方法，但比较麻烦） 
后改用org.apache.tools.zip 
org.apache.tools.zip的使用网上有更简单的例子 
下面的程序根据实际需求，实现了压缩指定目录下指定文件的方法 
 



import java.io.BufferedReader;
import java.io.BufferedWrit
    
                                
    • 
                                
  • 读书笔记-4
                                    chengxuyuancsdn
读书笔记
                                    
    1、JSTL 核心标签库标签 
2、避免SQL注入 
3、字符串逆转方法 
4、字符串比较compareTo 
5、字符串替换replace 
6、分拆字符串 
 
 
1、JSTL 核心标签库标签共有13个，
学习资料：http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html
功能上分为4类：
(1)表达式控制标签：out
    
                                
    • 
                                
  • [物理与电子]半导体教材的一个小问题
                                    comsci
问题
                                    
     
 
      各种模拟电子和数字电子教材中都有这个词汇-空穴 
 
      书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴 
 
      我现在回过头翻大学时候的教材,觉得这个
    
                                
    • 
                                
  • Flashback Database --闪回数据库
                                    daizj
oracle闪回数据库
                                    
    Flashback 技术是以Undo segment中的内容为基础的， 因此受限于UNDO_RETENTON参数。要使用flashback 的特性，必须启用自动撤销管理表空间。 
在Oracle 10g中， Flash back家族分为以下成员： Flashback Database， Flashback Drop，Flashback Query(分Flashback Query,Flashbac
    
                                
    • 
                                
  • 简单排序:插入排序
                                    dieslrae
插入排序
                                    
    
    public void insertSort(int[] array){
        int temp;
        
        for(int i=1;i<array.length;i++){
            temp = array[i];
            
            for(int k=i-1;k>=0;k--)
    
                                
    • 
                                
  • C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容
                                    dcj3sjt126com
c
                                    
    # include <stdio.h>

int main(void)
{
	int * p; //等价于 int *p 也等价于 int* p;
	int i = 5;
	char ch = 'A';

	//p = 5;	//error
	//p = &ch;	//error
	//p = ch;	//error

	p = &i;		// 
    
                                
    • 
                                
  • centos下php redis扩展的安装配置3种方法
                                    dcj3sjt126com
redis
                                    
    方法一 
1.下载php redis扩展包     代码如下 复制代码    
#wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz     
2 tar -zxvf 解压压缩包，cd /扩展包 （进入扩展包然后 运行phpize 一下是我环境中phpize的目录，/usr/local/php/bin/phpize (一定要
    
                                
    • 
                                
  • 线程池(Executors)
                                    shuizhaosi888
线程池
                                    
    在java类库中，任务执行的主要抽象不是Thread，而是Executor，将任务的提交过程和执行过程解耦 
	public interface Executor {

	    void execute(Runnable command);
	}
 
  
public class RunMain implements Executor{

	@Override
	pub
    
                                
    • 
                                
  • openstack 快速安装笔记
                                    haoningabc
openstack
                                    
    前提是要配置好yum源 
版本icehouse，操作系统redhat6.5 
最简化安装，不要cinder和swift 
三个节点 
172 control节点keystone glance horizon 
173 compute节点nova 
173 network节点neutron 
 

control
/etc/sysctl.conf

net.ipv4.ip_forward =
    
                                
    • 
                                
  • 从c面向对象的实现理解c++的对象（二）
                                    jimmee
C++面向对象虚函数
                                    
    1. 类就可以看作一个struct，类的方法，可以理解为通过函数指针的方式实现的，类对象分配内存时，只分配成员变量的，函数指针并不需要分配额外的内存保存地址。 
2. c++中类的构造函数，就是进行内存分配(malloc)，调用构造函数 
3. c++中类的析构函数，就时回收内存(free) 
4. c++是基于栈和全局数据分配内存的，如果是一个方法内创建的对象，就直接在栈上分配内存了。 
专门在
    
                                
    • 
                                
  • 如何让那个一个div可以拖动
                                    lingfeng520240
html
                                    
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml
    
                                
    • 
                                
  • 第10章 高级事件（中）
                                    onestopweb
事件
                                    
    index.html 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
    
                                
    • 
                                
  • 计算两个经纬度之间的距离
                                    roadrunners
计算纬度LBS经度距离
                                    
    要解决这个问题的时候，到网上查了很多方案，最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。 
	/**
	 * 
	 * @param longitudeA
	 *            经度A点
	 * @param latitudeA
	 *            纬度A点
	 * @param longitudeB
	 *    
    
                                
    • 
                                
  • 最具争议的10个Java话题
                                    tomcat_oracle
java
                                    
    1、Java8已经到来。什么！？ Java8 支持lambda。哇哦，RIP Scala！   　　随着Java8 的发布，出现很多关于新发布的Java8是否有潜力干掉Scala的争论，最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围，但Java并非是函数式编程王位的真正觊觎者。   　 
　2、Java 9 即将到来   　　 
Oracle早在8月份就发布
    
                                
    • 
                                
  • zoj 3826 Hierarchical Notation(模拟)
                                    阿尔萨斯
rar
                                    
     题目链接：zoj 3826 Hierarchical Notation 
 题目大意：给定一些结构体，结构体有value值和key值，Q次询问，输出每个key值对应的value值。 
 解题思路：思路很简单，写个类词法的递归函数，每次将key值映射成一个hash值，用map映射每个key的value起始终止位置，预处理完了查询就很简单了。 这题是最后10分钟出的，因为没有考虑value为{}的情
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他