jumtre
jumtre

js获取网页和元素的宽度、高度

网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth （包括边线和滚动条的宽）
网页可见区域高：document.body.offsetHeight（包括边线的宽）
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高(ff)：document.body.scrollTop
网页被卷去的高(ie)：document.documentElement.scrollTop
网页被卷去的左：document.body.scrollLeft
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth
你的屏幕设置是：window.screen.colorDepth  位彩色
你的屏幕设置：window.screen.deviceXDPI  像素/英寸
window的页面可视部分实际高度(ff)：window.innerHeight

某个元素的宽度：obj.offsetWidth
某个元素的高度：obj.offsetHeight
某个元素的上边界到body最顶部的距离：obj.offsetTop（在元素的包含元素不含滚动条的情况下）
某个元素的左边界到body最左边的距离：obj.offsetLeft（在元素的包含元素不含滚动条的情况下）
返回当前元素的上边界到它的包含元素的上边界的偏移量：obj.offsetTop（在元素的包含元素含滚动条的情况下）
返回当前元素的左边界到它的包含元素的左边界的偏移量：obj.offsetLeft（在元素的包含元素含滚动条的情况下）

scrollTop, scrollLeft
设置或返回已经滚动到元素的左边界或上边界的像素数。只有在元素有滚动条的时候，例如，元素的 CSS overflow 属性设置为 auto 的时候，这些像素才有用。这些属性也只在文档的 <body> 或 <html> 标记上定义（这和浏览器有关），并且一起来制定滚动文档的位置。注意，这些属性并不会指定一个 <iframe> 标记的滚动量。这是非标准的但却得到很好支持的属性



在我本地测试当中：
在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
即可获得，很简单，很方便。
而在公司项目当中：
Opera仍然使用
document.body.clientWidth
document.body.clientHeight
可是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeight
原来是W3C的标准在作怪啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如果在页面中添加这行标记的话

在IE中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
在FireFox中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
?
在Opera中：
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
而如果没有定义W3C的标准，则
IE为：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
Opera为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
真是一件麻烦事情，其实就开发来看，宁可少一些对象和方法，不使用最新的标准要方便许多啊。

有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高, 例如, 1074*768 的分辨率, 页面最大化时, 这个高度约为720 , 即使页面上只有一句”hello world” , 也仍然取到720.

可是在XHTML中, 如果body 体中只有一行, 则document.body.clientHeight 只能取到那一行的高度, 约20px, 这时如何还想取到整个页面的高度, 就要用document.documentElement.clientHeight 来获取了.

原因是: 在HTML 中, body 是整个DOM 的根, 而在XHTML 中, document 才是根, body 不再是根, 所以取body 的属性时, 不能再取到整个页面的值.

区别新旧标准的行是:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
前者指明该页面使用旧标准, 后者指明该页面使用新标准.

总结:
XHTML中用 document.documentElement.clientHeight 代替

document.body.clientHeight



本文由：http://www.blogjava.net/conans/articles/364566.html和http://blog.sina.com.cn/s/blog_51048da70101djp5.html整理得来

你可能感兴趣的:(JavaScript,网页,元素,宽度,高度)

  • selenium教程 —— css定位！ 小码哥说测试 seleniumcssjson测试工具postman自动化测试软件测试
    说明：本篇博客基于selenium4.1.0selenium-css定位element_css=driver.find_element(By.CSS_SELECTOR,'css表达式')复制代码css定位说明selenium中的css定位，实际是通过css选择器来定位到具体元素，css选择器来自于css语法css定位优点语法简洁对比其他定位方式，定位效率更快对比其他定位方式，定位更稳定调试方法方法
  • 每日免费分享之精品wordpress主题系列~DAY20 wordpress主题下载 wordpress主题wordpress主题wordpress主题下载wordpress模板
    每日免费分享之精品wordpress主题系列~DAY20本款wordpress主题首页图片自适应宽度大小，无需编辑剪裁。宽屏下每排显示4个图，窄屏下每排3个，ipad下每排2个，手机下每排1个。永远都是最佳比例。依旧是单栏wordpress主题，侧边栏划出式设计，最大化无障碍阅读。演示站地址链接：http://ztmao.com/cmszhuti/721.html请收藏一下，避免以后找不到哦！
  • OpenCV图像拼接（8）用于实现并查集（也称为不相交集合）数据结构类cv::detail::DisjointSets 村北头的码农 OpenCVopencv人工智能
    操作系统：ubuntu22.04OpenCV版本：OpenCV4.9IDE:VisualStudioCode编程语言：C++11算法描述cv::detail::DisjointSets类是OpenCV库中用于实现不相交集合（也称为并查集）数据结构的类。该数据结构常用于处理动态连接性问题，特别是在需要高效地合并集合和查找集合代表元素的场景中非常有用。它广泛应用于图像处理、计算机视觉任务中的图分割、连
  • 【数据结构】顺序表-元素去重 律队i 数据结构数据结构算法
    数据元素结点定义，复杂数据类型，可用作整体性的管理系统。如果单独研究某些数据，比如只看学号或成绩，那么直接使用int之类的简单数据类型亦可。对应修改：typedefintElemtype;typedefstructstudent{//定义学生个体charname[100];//姓名intnum;//学号}Student;typedefStudentElemtype;使用Elemtype做数据类型，
  • 使用Selenium爬取动态表格中的多语言和编码格式 程序员笑笑 软件测试selenium测试工具功能测试软件测试自动化测试程序人生职场和发展
    正文Selenium是一个用于自动化Web浏览器的工具，它可以模拟用户的操作，如点击、输入、滚动等。Selenium也可以用于爬取网页中的数据，特别是对于那些动态生成的内容，如表格、图表、下拉菜单等。本文将介绍如何使用SeleniumPython爬取一个动态表格中的多语言和编码格式的数据，并将其保存为CSV文件。特点·Selenium可以处理JavaScript渲染的网页，而不需要额外的库或工具。
  • 力扣88合并两个有序数组 不吃洋葱. leetcode算法职场和发展
    给你两个按非递减顺序排列的整数数组nums1和nums2，另有两个整数m和n，分别表示nums1和nums2中的元素数目。请你合并nums2到nums1中，使合并后的数组同样按非递减顺序排列。注意：最终，合并后数组不应由函数返回，而是存储在数组nums1中。为了应对这种情况，nums1的初始长度为m+n，其中前m个元素表示应合并的元素，后n个元素为0，应忽略。nums2的长度为n。示例1：输入：n
  • JavaScript的DOM节点操作 DTcode7 #前端基础入门三大核心之JSHTML核心知识点web知识点网页开发
    JavaScript的DOM节点操作基本概念和作用说明什么是DOM节点？DOM节点操作的意义示例一：创建新节点代码解析示例二：删除已有节点代码解析示例三：修改现有节点代码解析示例四：替换节点代码解析示例五：克隆节点代码解析实际开发中的技巧与经验分享在Web前端开发中，JavaScript与DOM（DocumentObjectModel）的结合是实现动态网页交互的核心技术之一。本文将深入探讨如何通过
  • 前端基础入门三大核心之JS篇：DOM事件传播与监听的艺术——addEventListener()的深度解析【含代码示例】 DTcode7 HTML网站开发#前端基础入门三大核心之JS前端javascript开发语言
    前端基础入门三大核心之JS篇：DOM事件传播与监听DOM事件传播：一场层次间的旅行基本概念案例一：直观感受传播使用思路`addEventListener()`：监听的艺术基本概念案例二：灵活监听技巧用与优化实战技巧案例三：性能优化安全性考量与漏洞防范案例四：XSS注入防范排查错思路与解决问题案例五：事件未触发结语与引思在JavaScript的王国里，DOM（DocumentObjectModel）
  • Java通达信接口如何实现获取实时股票数据？ 「已注销」 爬虫
    Java通达信接口如何实现获取实时股票数据？一般有三种方式：网页爬虫。采用爬虫去爬取目标网页的股票数据，去相关网站或技术论坛上找一下别人写的爬虫集成到项目中。请求第三方API。会有专门的公司（例如百度API市场）提供股票数据，你只需要去购买他们的服务，使用他们提供的SDK，仿照demo开发实现即可。3.请求第三方WebService接口，一般用的较多的网站是聚合数据！
  • JavaScript DOM操作实战指南：从元素获取到事件处理全解析 Ch1oy javascript开发语言ecmascript前端html5
    一、DOM操作基础认知1.1什么是DOM？文档对象模型（DocumentObjectModel）是浏览器将HTML文档转换为树形结构的编程接口。每个HTML标签对应一个节点对象，开发者可以通过JavaScript操作这些节点实现页面动态更新。DOM操作包含三个核心方向：元素获取、内容修改和事件交互。1.2元素的获取①ID精准定位：通过元素的id属性进行唯一性查找使用方法：document.getE
  • Python爬虫入门教程三：requests-html处理动态网页 NUAA丶无痕 Python爬虫
    环境python:3.7.4python库:requests-htmlIDE:pycharm2019.3版本爬取网址:https://weibo.cn/pub/教程本次教程爬取的网页是微博移动端的界面，打开网页会显示如下图所示其中除了两个明星每次加载会不一样以外，其他网页的内容是固定的，也就是说利用xpath只能提取网页的其他内容，但是不能提取显示的明星相关的内容下面附上完整代码，但先不要复制运行
  • 排序算法复习 co0t 排序算法算法数据结构
    排序算法分为交换类排序，插入类排序，选择类排序，归并类排序交换排序分为冒泡排序和快速排序1.冒泡排序1、思路：通过对待排序序列从前向后（从下标较小的元素开始）,依次对相邻两个元素的值进行两两比较，若发现前一个数大于后一个数则交换，使值较大的元素逐渐从前移向后部，就如果水底下的气泡一样逐渐向上冒。2、先以一个数组讲解一下，然后再写代码：待排序数组：3，9，-1，10，20第一轮排序：（1）3，9，-
  • 媒体通知栏显示的图片为默认android图片 大力.MAX001 媒体android
    Android媒体通知栏中的默认图片设置在Android开发中，媒体通知栏是用户与系统交互的重要部分。开发者通常会希望在这一栏中显示一些图片，以便让用户更直观地理解当前播放的内容。本篇文章将详细介绍如何在Android应用中为媒体通知栏设计默认图片，并通过示例代码进行演示。媒体通知栏的基本概念媒体通知栏是Android的一个特殊界面元素，可以用来显示音乐、视频或其他媒体内容的相关信息。它通常包含媒
  • html初学 wgego html前端
    一.什么是HTMLHTML是用来描述网页的一种语言。HTML指的是超文本标记语言:HyperTextMarkupLanguageHTML不是一种编程语言，而是一种标记语言标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页HTML文档包含了HTML标签及文本内容HTML文档也叫做web页面声明为HTML5文档元素是HTML页面的根元素元素包含了文档的元（meta）数据，如定义
  • 【JavaWeb】JavaScript 快速入门教程 2302_80979832 javascript开发语言ecmascript前端
    一、概述1.概念JavaScript,简称JS，是一门脚本语言，用来控制网页行为，实现页面交互效果2.组成JavaScript大体由三部分组成：ECMAScript，BOM，DOMECMAScript：规定JS的基础语法核心BOM：浏览器对象模型，用来操作浏览器本身，如：页面弹窗、地址拦截等等；DOM：文档对象模型，用于操作HTML文档，如：改变标签内容、改变标签内字体样式等等。二、核心语法（一）
  • 爬虫：Requests-HTML的详细使用 数据知道 2025年爬虫和逆向教程爬虫html前端python数据采集
    更多内容请见：爬虫和逆向教程-专栏介绍和目录文章目录1.Requests-HTML概述1.1为何选择Requests-HTML？1.2什么是Requests-HTML？1.3主要特性1.4安装`requests-html`2.基本用法2.1发送HTTP请求2.2解析HTML2.2.1使用CSS选择器2.2.2使用XPath2.2.3使用`search`方法2.3处理JavaScript渲染的页面3
  • DeepSeek-V3突袭式升级：代码数学双突破 敲代码的AI玩家 javapython人工智能AIGClangchain
    我后续会分享大模型提示词工程、智能体开发指南、电商导购购物式助手、智能客服等实战案例，有兴趣的朋友们请关注我，一起探索学习AI前沿知识。核心亮点速览性能飙升：685B参数模型代码能力比肩Claude3.7，数学推理跃升新高度消费级适配：4-bit量化实现MacM3Ultra本地20+token/s流畅运行开源革命：MIT协议开放商业应用，模型体积压缩至352GB行业震荡：实测表现碾压多数商用模型，
  • CSS知识点总结 CSS3-02美化网页元素 码上来源码 前端html5
    css02HTML中引入CSS样式一，样式的调整1.字体样式2.文本样式3.超连接样式4.列表样式5.背景样式6.内核一，样式的调整标签的作用能让某几个文字或者某个词语凸显出来1.字体样式属性名含义举例font-family设置字体类型font-family:“隶书”;font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic;f
  • 精选前端面试题（持续更新中ing） 一个W牛 前端经验分享面试
    1、js中set和map的作用和区别?在JavaScript中，Set和Map是两种非常重要的集合类型1、Set是一种集合数据结构，用于存储唯一值。它类似于数组，但成员的值都是唯一的，没有重复的值。Set中的值只能是唯一的，任何重复的值都会被自动忽略。Set中的值可以是任何数据类型（原始值或对象引用）。Set提供了操作集合的方法，比如添加、删除、检查成员等。add(value):添加一个值到Set
  • 每日一题·LeetCode88·合并两个有序数组·Java 爱爬山的老虎 leetcode开发语言java程序人生算法数据结构
    题目：给你两个按非递减顺序排列的整数数组nums1和nums2，另有两个整数m和n，分别表示nums1和nums2中的元素数目。请你合并nums2到nums1中，使合并后的数组同样按非递减顺序排列。注意：最终，合并后数组不应由函数返回，而是存储在数组nums1中。为了应对这种情况，nums1的初始长度为m+n，其中前m个元素表示应合并的元素，后n个元素为0，应忽略。nums2的长度为n。示例1：输
  • JavaScript模板字符串: 柒七爱吃麻辣烫 javascript开发语言ecmascriptjava前端
    1.示例代码（包含注释）:JS-数据类型//利用``包裹起来的字符串被称为模板字符串//在``中引入变量可以采用${}里面写变量的名字引入letname='张三';letage=19;console.log(`我叫${name},我今年已经${age}岁了`);2.运行效果:
  • 浙大版《C语言程序设计（第3版）》题目集 练习7-8 方阵循环右移 (20 分) 小智思密达 编程题71
    练习7-8方阵循环右移(20分)本题要求编写程序，将给定n×n方阵中的每个元素循环向右移m个位置，即将第0、1、⋯、n−1列变换为第n−m、n−m+1、⋯、n−1、0、1、⋯、n−m−1列。输入格式：输入第一行给出两个正整数m和n（1≤n≤6）。接下来一共n行，每行n个整数，表示一个n阶的方阵。输出格式：按照输入格式输出移动后的方阵：即输出n行，每行n个整数，每个整数后输出一个空格。输入样例：23
  • LeetCode 43. 字符串相乘（大数相乘） 小小小小侯 算法
    在说大数相乘问题之前，我们先来看一下在算法竞赛中使用起来非常方便快捷的C++模板类vector1.不定长数组vectorC语言在声明和定义一个数组时，必须要事先指定数组的长度，这就不利于数组中元素的动态增长，而C++引入了不定长数组vector，就能很好的解决这个问题，这也是vector受到广大acm竞赛选手青睐的原因所在。vector是一个标准模板类，所以需要用vectorA或vectorB来声
  • iframe 预览pdf时 设置不显示工具栏 菜单里 全屏适应元素 我家媳妇儿萌哒哒 vuehtmlpdf
    实际项目中可能用到的操作有：放大两倍隐藏工具栏隐藏滚动条等配置Zoom（缩放）:#zoom=scale:设置缩放级别，scale是一个百分比值。例如，#zoom=150表示将文件放大至150%。页面导航:#page=page_number:指定PDF文件打开时显示的页面。例如，#page=3表示打开时跳转至第三页。查看模式:#view=Fit:将文档调整为适应屏幕。#view=FitH:将文档调整
  • 实验7-2-7 方阵循环右移 坚强小葵 小葵的笔记算法c语言
    本题要求编写程序，将给定n×n方阵中的每个元素循环向右移m个位置，即将第0、1、⋯、n−1列变换为第n−m、n−m+1、⋯、n−1、0、1、⋯、n−m−1列。输入格式：输入第一行给出两个正整数m和n（1≤n≤6）。接下来一共n行，每行n个整数，表示一个n阶的方阵。输出格式：按照输入格式输出移动后的方阵：即输出n行，每行n个整数，每个整数后输出一个空格。输入样例：23123456789输出样例：23
  • pta矩阵列平移 醒醒，写bug了！ pta算法c++
    给定一个n×n的整数矩阵。对任一给定的正整数k
  • Web期末作业：网页设计与开发全记录 点我头像干啥 Aiwebsocketweb安全web3.py
    前言在当今数字化时代，网页设计已成为一项基础而重要的技能。作为计算机相关专业的学生，掌握网页开发技术不仅能够提升个人竞争力，也能为未来职业发展打下坚实基础。本次Web期末作业要求我们设计并实现一个完整的网页项目，同时撰写一篇不少于2000字的博客记录整个开发过程。本文将详细记录从构思到实现的每一个环节，包括需求分析、技术选型、设计过程、编码实现、测试优化以及最终成果展示。一、项目需求分析1.1作业
  • 第7章 - 多无人机系统的协同控制 --＞ 无人机模型分析 Zhao-Jichao 多智能体机器人系统控制及其应用无人机
    第7章-多无人机系统的协同控制-->无人机飞行原理回到目录第7章-多无人机系统的协同控制-->多无人机系统建模文章目录7.2无人机模型分析7.2.1动力学模型7.2.2运动学模型7.2无人机模型分析7.2.1动力学模型无人机的动力产生如图7.6所示，由主控制器产生PWM信号，PWM信号带动电机和螺旋桨转动，从而产生向上的升力。实际情况中，螺旋桨产生的升力与电机转速的平方、螺旋桨桨叶的长度和宽度、大
  • 告别高配置！让UE 大型内容用网页轻终端就可轻松打开的方案 实时云渲染dlxyz6688 云流化技术云流实时云渲染3d内容轻量化使用ue模型webgl
    在数字内容创作领域，虚幻引擎（UE）凭借其强大的功能，能够打造出极为精致且规模庞大的模型。然而，这些UE大型模型对硬件配置的要求极高，普通设备往往难以负荷，使得其展示和应用场景受到极大限制。而实时云渲染方案的出现，打破了这一困境，让UE大型内容模型通过普通轻终端设备就能打开使用成为现实。那么在此之前这种大型模型内容受到哪些的限制影响呢？如下：传统困境：高配置硬件要求一定程度上限制了UE大型模型应用
  • 猿大师办公助手对比其他WebOffice在线编辑Office插件有什么优势 猿大师办公助手 网页内嵌微软Office网页内嵌WPSOffice猿大师办公助手chromeword前端
    1.原生Office功能完整嵌入，排版一致性保障猿大师办公助手直接调用本地安装的微软Office、金山WPS或永中Office，支持所有原生功能（如复杂公式、VBA宏等），确保网页编辑与本地打开的文档排版完全一致。提供OLE嵌入和完整嵌入两种模式，后者支持文档对比、全功能操作及更流畅的加载体验。2.无浏览器插件依赖，长期兼容性优势猿大师办公助手基于专利内嵌技术（专利号ZL201911323165.
  • 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
  • 单例（Singleton）模式 aoyouzi 单例模式Singleton
    3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
  • [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
          现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
  • 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML
    <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
  • Struts2实现单个/多个文件上传和下载 oloz 文件上传struts
    struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo
  • 推荐10个在线logo设计网站 362217990 logo
    在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
  • jsp上传文件 香水浓 jspfileupload
    1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
  • 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer
    框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
  • android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
    我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas.
  • 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
    统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor
  • Android SDK 国内镜像 BigBird2012 android sdk
    一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
  • HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize
    一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存
  • [Maven学习笔记二]Maven命令 bit1129 maven
    mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
  • 【Java命令二】jhat bit1129 Java命令
    jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
  • JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
    进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta
  • 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料
    网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
  • 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试
    import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
  • struts2获得request、session、application方式 chiangfai application
    1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp
  • 改变python的默认语言设置 chenchao051 python
    import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
  • mysql导入数据load data infile用法 daizj mysql导入数据
    我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
  • phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel
    跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
  • 22岁到72岁的男人对女人的要求 dcj3sjt126com
    22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
  • Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型
    A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
  • NoSql 数据库的特性比较 geeksun NoSQL
    Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
  • 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
    转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
  • spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf
    视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
  • 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射
    hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
  • Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本
    作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
  • 开发环境搭建 独浮云 eclipsejdktomcat
           最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n
  • 操作日期和时间的工具类 vipbooks 工具类
       大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他