offsetLeft, offsetTop以及postion().left , postion().top有神马区别

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
　　for test,回答标题：
　　　　offsetLeft是指当前元素的外边框到包含元素的内边框;
　　　　position().left是指当前元素的margin(不包含margin)到定位元素的border-box(不包含border,但是包含padding),即pdding-box;
　　　　都是从父级的padding-box开始的
</title>
<script src="http://zeptojs.com/zepto.js"></script>
</head>
<body>
    <style type="text/css">
        body {
            border:20px solid #CCC;
            margin:30px;
            padding:10px;
            background:#EEE;
            position:relative;
        }
        #test {
            width:800px;
            height:600px;
            margin:40px;
            padding:20px;
            border:5px solid #888;
            background:#F60;
            position:relative;
        }
        #test-div2{
            width:200px;
            background:#999;
            border:#fff solid 10px;
            padding:20px;
            margin:30px;
        
        }
    </style>
    <div id="test"></div>
    <div>
        <pre>    
        //在火狐和chrome和IE浏览器上的offsetLeft都是当前元素的marginLeft + offsetParent的paddingLeft,但是有一种情况下chrome的结果和[IE|FF]不一致,
        //那就是在offsetParent为body的情况下, 在chrome下offsetParent为body的话offsetLeft会算上body.borderWidth
        
        //通过zepto的el.position()获取的left和top值;            
        //这个是指从父级的contentBox到子元素的margin-box(没有包含margin);            
        $("#test-div2").position()
        Object {top: 242, left: 20}
        $("#test").position()
        Object {top: 40, left: 40}
        //因为是body,所以zepto计算的就有问题(好烂的解释方式),布局尽量清楚点,惹不起还怕躲不起吗么么哒;
        $("body").position()
        Object {top: -20, left: -20};
        
        //难懂的东西自己去写就好懂了，要么看了看了越看越晕的;
        知识点:通过zepto获取的 position() 返回的LEFT和TOP是相对父级元素的LEFT和TOP的值 .这个值是通过 getBoundingClientRect 的差值(父级的border + 父级的padding + 中间的各种宽度么么哒 + 子元素的margin) 减去 - 父级的border - 子元素的maring (符合一个元素的left或者是top是父级元素的content-box 到子元素的margin的距离);
        知识点：getBoundingClientRect()获取的也是相对界面的值,jQ和zepto的position实现就是根据getBoundingClientRect(),getBoundingClientRect是从元素的border-box开始的(包含border-box)到界面左上角的距离;
        知识点：chrome的开发者工作的实时查看margin,border,padding,content调试的颜色是从浅入深的;
            {
                margin : 橘色,
                border : 灰色,
                padding : 褐色,
                content : 偏蓝色
            }
            火狐
            {
                margin : 黄色,
                border : 偏黑色,
                padding : 紫色,
                content : 偏蓝色
            }
        </pre>
    </div>
    <div></div>
    <script>
        window.onload = function() {
            var test = document.getElementById("test");
            test.innerHTML = "<p>Browser:" + navigator.userAgent + "</p>" +
                "<p>offsetWidth:" + test.offsetWidth + "</p>" +
                "<p>offsetHeight:"+test.offsetHeight+"</p>"+
                "<p>offsetLeft:"+test.offsetLeft+"</p>"+
                "<p>offsetTop:"+test.offsetTop+"</p>"+
                "<br><div id=\"test-div2\"></div>";
                //在父元素是body的情况下;
                //chrome下的:
                    //offsetLeft为  :  子元素的margin-left  + body.borderLeft + body.paddingLeft
                //ff下得 :
                    //offsetLeft为  ：  子元素的margin-left + body.paddingLeft
                /*
                    在IE8/9/10及Chrome中,offsetLeft = (body的margin-left)+(body的border-width)+(body的padding-left)+(当前元素的margin-left);    
    　　                在FireFox中，offsetLeft = (body的margin-left)+(body的padding-left)+(当前元素的margin-left)
                */
            var div2 = document.getElementById("test-div2");
            div2.innerHTML = "<p>Browser:" + navigator.userAgent + "</p>" +
                "<p>"+div2.offsetParent.tagName+"</p>"+
                "<p>offsetWidth:" + div2.offsetWidth + "</p>" +
                "<p>offsetHeight:"+div2.offsetHeight+"</p>"+
                "<p>offsetLeft:"+div2.offsetLeft+"</p>"+
                "<div style='left:200px;top:200px' id='div3'>div</div>";
                //在父元素不是body的情况下;
                //chrome下得 :
                    //offsetLeft也为的margin-left(包含margin-left)到相对父级的padding-left(包含padding-left);
                    //CODE用代码表示  ==〉〉  offsetLeft = offset.margin-left + el.padding-left
                //ff下得 :
                    //offsetLeft为当前元素的margin-left(包含margin-left)到相对父级的padding-left(包含padding-left);
                    //CODE用代码表示  ==〉〉offsetLeft = offset.margin-left + el.padding-left
        };
    </script>
</body>
</html>

 

        网页可见区域宽： W3C标准:document.documentElement.clientWidth ; IE低版本:document.body.clientWidth;
        (
        	PS： document.documentElement.clientWidth是指不包含滚动条的宽度,
        	window.innerWidth是包含滚动条长度的用户宽度,
            window.outerWidth是指window.innerWidth加上包含外部边框的长度;
            如果一个元素出现了垂直滚动条,那么这个元素的clientHeight还是offsetHeight-border*2, 只有父级的clientHeight才是可视区的高度;
            如果该元素隐藏了,就什么值都获取不到了;
        )

        网页可见区域高： W3C标准:document.documentElement.clientHeight ; IE低版本:document.body.clientHeight;

        (PS： 因为现代浏览器的html为用户界面, body元素是一个正常的元素, 滚动时出现在html元素的,
        	在IE低版本下面的html是隐藏的,body是出现滚动的元素);

        网页可见区域宽： W3C标准:document.body.offsetWidth   (包括border和padding的宽); 

            知识点==>> W3C标准:offsetWidth === contentWidth(内容宽) + border-width*2 + padding-width*2;
        网页可见区域高： 同上;
        W3C标准下的width === 内容区域的宽;
		IEquirk模式width === 包含paddingw和border的宽度;

        用户高度:  clientHeight不包含margin和border的高度, 即为padding值加上content-height;

        clientLeft: 其实这个就是border-left的长度, 跟margin居然没有关系,感觉没有存在的意义(WEBKIT测试结果)

　　

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>计算后样式</title>
</head>
<body>


    <style type="text/css">
        body {
            border:20px solid #CCC;
            margin:30px;
            padding:10px;
            background:#EEE;
            position:relative;
        }
        #test {
            width:800px;
            height:600px;
            margin:40px;
            padding:20px;
            border:5px solid #888;
            background:#F60;
            position:relative;
        }
        #test-div2{
            width:200px;
            background:#999;
            border:#fff solid 10px;
            padding:20px;
            margin:30px;
        
        }
    </style>
    <div id="test"></div>
    <script>
    
        window.onload = function() {
            var test = document.getElementById("test");
            test.innerHTML = "<p>Browser:" + navigator.userAgent + "</p>" +
                "<p>offsetWidth:" + test.offsetWidth + "</p>" +
                "<p>offsetHeight:"+test.offsetHeight+"</p>"+
                "<p>offsetLeft:"+test.offsetLeft+"</p>"+
                "<p>offsetTop:"+test.offsetTop+"</p>"+
                "<br><div id=\"test-div2\"></div>";
            var div2 = document.getElementById("test-div2");
            div2.innerHTML = "<p>Browser:" + navigator.userAgent + "</p>" +
                "<p>"+div2.offsetParent.tagName+"</p>"+
                "<p>offsetWidth:" + div2.offsetWidth + "</p>" +
                "<p>offsetHeight:"+div2.offsetHeight+"</p>"+
                "<p>offsetLeft:"+div2.offsetLeft+"</p>"+
                "<div style='left:200px;top:200px' id='div3'>div</div>";
        };
        /*现在chrome下测试所有的值;
            left,top:为元素的margin外边距到包含容器的padding的像素值;
            如果容器是body的话：
                offsetLeft包含了body的borderLeft;
            如果包含容器不是body的话：
                offsetLeft, offsetTop为元素的外边框边距到包含容器的内边框边距的像素值;
            clientLeft为borderLeft;
            没有滚动的情况下:
                clientWidth为元素的内容宽度加上两边的padding;
                clientHeight同理;
                没有滚动的情况下你不要计算scrollWidth，因为浏览器之间的定义不一样， 直接认为和clientWidth一样好了;
            有滚动的情况下：
                clientWidth为视口的宽度
                scrollWidth为内部滚动区域的长度;
                scrollLeft为隐去的左侧距离;            
        */
    </script>
    </script>
 </body>
</html>

 

你可能感兴趣的:(post)

  • PostgreSql、Hbase的安装 月光一族吖 postgresqlhbase数据库
    在CentOS8中安装PostgreSQL和HBase，以下是详细步骤，包括使用sudo权限的命令：安装PostgreSQL更新系统包在两台CentOS8上运行以下命令，确保系统是最新的：sudodnfupdate-y安装PostgreSQLCentOS8默认仓库提供PostgreSQL。你可以直接安装所需版本的PostgreSQL：sudodnfinstall-ypostgresql-serve
  • Python编程：requests 核心源码
    requests是Python中最受欢迎的HTTP客户端库之一，其源码设计优雅且模块化，适合学习优秀的Python项目架构。以下是对requests库的核心源码解析，涵盖关键模块、设计模式和实现细节。源码结构概览requests的源码主要分为以下几个核心模块：requests/├──__init__.py#暴露主要API（如get,post）├──api.py#实现请求方法（get/post/pu
  • MYSQL8.0 WITH RECURSIVE递归查询
    MYSQL8.0版本以上使用WITHRECURSIVE实现递归注意：写法比较简单，也比较灵活，但是只适用于MySQL8.0及以上版本，这种写法其实和PostgreSQL的写法是一样的。WITHRECURSIVE语法WITHrecursive表名AS(初始语句（非递归部分）UNIONALL递归部分语句)[SELECT|INSERT|UPDATE|DELETE]withrecursive由两部分组成。
  • Docker 网络中 `iptables` 与 Linux Namespace 行为详解：原理、链路与实战排查路径 观熵 Dockerdocker网络linux
    Docker网络中iptables与LinuxNamespace行为详解：原理、链路与实战排查路径关键词：Docker网络、iptables、LinuxNamespace、容器隔离、NAT转发、网络命名空间、网络排查、veth、Bridge、POSTROUTING、FORWARD链、容器网络调试摘要：在Docker网络体系中，iptables与LinuxNamespace是实现容器间隔离、地址转换
  • Fiddler中文版抓包工具如何帮助前端开发者高效调试 HTTPwise httpudphttpswebsocket网络安全网络协议tcp/ip
    前端开发早已不再是“写好页面就完事”的工作。随着业务复杂度提升，前端开发者需要直面接口联调、性能优化、跨域排查、HTTPS调试等一系列和网络请求紧密相关的任务。抓包工具成为这些环节中不可替代的得力助手，而Fiddler抓包工具因其全面的功能和灵活的配置能力，被无数开发者选作日常调试首选。然而，Fiddler并不是万能工具，只有与Postman、Charles等常用工具协同使用，才能让调试效率最大化
  • Oreacle（SQL语言基础）
    关键词：SQL入门、SQL分类、SQL*Plus、SELECT语句、DML语句、事务控制✅摘要SQL（StructuredQueryLanguage）是关系型数据库的核心操作语言，广泛应用于Oracle、MySQL、PostgreSQL、SQLServer等主流数据库系统中。本文将从SQL的基本分类讲起，详细介绍SELECT查询、DML数据操作语句，并结合SQL工具使用和事务控制机制，每个知识点都
  • PostgreSQL大表创建分区实战
    目录1.存储空间占用分析索引大小估算公式：具体案例计算：2.风险分析与规避措施主要风险：3.安全创建索引方案步骤1：准备阶段步骤2：分阶段并发创建索引4.分区表特别优化方案A：仅索引热分区方案B：使用部分索引5.监控与应急措施实时监控命令：应急终止：6.存储优化技巧7.最终推荐方案性能影响对比在5亿级数据量的分区表上创建索引需要谨慎操作，但不会导致数据库崩溃，只要合理规划资源和操作方式。以下是详细
  • 如何用三层防护体系打造坚不可摧的 API 安全堡垒？
    url:/posts/0bbb4a455ef36bf6f81ac97189586fda/title:如何用三层防护体系打造坚不可摧的API安全堡垒？date:2025-07-03T18:55:04+08:00lastmod:2025-07-03T18:55:04+08:00author:cmdragonsummary:FastAPI安全与认证综合实战涵盖了JWT认证、OAuth2集成和渗透测试等内
  • FastAPI安全加固：密钥轮换、限流策略与安全头部如何实现三重防护？
    url:/posts/f96ba438de34dc197fd2598f91ae133d/title:FastAPI安全加固：密钥轮换、限流策略与安全头部如何实现三重防护？date:2025-07-02T22:05:04+08:00lastmod:2025-07-02T22:05:04+08:00author:cmdragonsummary:FastAPI框架安全加固方案包括密钥轮换自动化、请求频率
  • FastAPI安全加固：密钥轮换、限流策略与安全头部如何实现三重防护？ qcidyu fastapi安全
    url:/posts/f96ba438de34dc197fd2598f91ae133d/title:FastAPI安全加固：密钥轮换、限流策略与安全头部如何实现三重防护？date:2025-07-02T22:05:04+08:00lastmod:2025-07-02T22:05:04+08:00author:cmdragonsummary:FastAPI框架安全加固方案包括密钥轮换自动化、请求频率
  • posman-4.7.0 - API调试利器
    posman-4.7.0-API调试利器posman-4.7.0-Crx4Chrome.com.rar项目地址:https://gitcode.com/open-source-toolkit/5f470资源简介欢迎使用Postman4.7.0版本，这款被誉为后台API开发神器的工具，是每个开发者必备的调试利器。无论你是进行GET、POST、PUT、DELETE等HTTP请求，还是需要对各种API接
  • Postman：软件工程 API 调试的得力助手 软件工程实践 软件工程最佳实践AI软件构建大数据系统架构postman软件工程luaai
    Postman：软件工程API调试的得力助手关键词：Postman、API调试、RESTfulAPI、自动化测试、接口开发、API文档、协作开发摘要：Postman作为一款强大的API开发与测试工具，已经成为现代软件工程中不可或缺的利器。本文将深入探讨Postman的核心功能、工作原理及其在API开发生命周期中的应用。从基础的HTTP请求发送到高级的自动化测试和Mock服务，我们将通过详细的示例和
  • 浏览器原生控件上传PDF导致hash值不同 wsxqaz pdf哈希算法算法
    用户要求对上传的pdf计算hash排重，上线后发现排重失败1、postman直接调用接口没有发现问题，每次获取的hash值是一样的2、apifox网页版，调用接口发现问题，清除缓存后（将选择的文件删除重新选择），就会出现相同文件hash值不同3、apifox本地安装版本和postman一样没有发现问题问题：1、尝试修改Content-Type，各种类型试了一下，包括流方式无效每次hash还是不同2
  • PostgreSQL 窗口函数学习指南 AI人H哥会Java sql
    PostgreSQL是一个功能强大的开源关系数据库管理系统，广泛应用于数据分析、Web应用和企业级解决方案中。窗口函数是PostgreSQL中的一项强大特性，允许用户在查询结果中进行复杂的计算和分析，而无需使用子查询或连接。本文将深入探讨PostgreSQL的窗口函数，包括其基本概念、语法、常见用法和实际示例，帮助读者掌握这一重要工具。1.窗口函数的基本概念窗口函数是一种特殊的函数，它在结果集的“
  • PHP语法基础篇(八)：超全局变量 zorro_z php手记实战php
    超全局变量是在PHP4.1.0中引入的，并且是内置变量，可以在所有作用域中始终可用。PHP中的许多预定义变量都是"超全局的"，这意味着它们在一个脚本的全部作用域中都可用。在函数或方法中无需执行global$variable;就可以访问它们。PHP超全局变量包括：$GLOBALS$_SERVER$_REQUEST$_POST$_GET$_FILES$_ENV$_COOKIE$_SESSION本篇文章
  • Python, Rust 开发机关事业单位公文写作助手APP
    #机关事业单位公文写作助手应用设计基于Python和Rust开发机关事业单位公文写作APP的方案如下：##系统架构设计```桌面端/Web应用(Tauri/Vue.js)|RESTAPI/WebSocket|Rust核心服务(Actix-web/Axum)←───PythonNLP服务(FastAPI)|公文要素提取/模板生成/智能校对PostgreSQL数据库|Redis缓存(模板缓存/会话管理
  • jenkins maven项目构建 踩坑 奇缘志骄✘ jenkinsmaven
    jenkinsmaven项目构建踩坑Nogoalshavebeenspecifiedforthisbuild.Youmustspecifyavalidlifecyclephaseoragoalintheformat:or:[:]:.Availablelifecyclephasesare:pre-clean,clean,post-clean,validate,initialize,generate-
  • 迭代器模式 - Flutter中的集合导航专家，解锁数据遍历的无限可能！ 明似水 flutter迭代器模式flutter
    自定义滚动效果/树形结构遍历/分页加载…用迭代器掌控数据流动的节奏痛点场景：多源数据混合遍历假设你的社交应用需要显示以下内容：本地缓存的帖子新收到的实时消息推荐广告朋友动态这些数据来自不同接口，结构各异：ListcachedPosts=[...];StreamrealtimeMessages=[...];Listads=[...];Future>friendActivities=[...];传统遍
  • HTTP 协议深入理解 大曰编程 java面试http网络协议网络
    在Web服务与API设计中，HTTP协议是客户端与服务器通信的基石。本文从协议演进、核心机制、缓存策略、安全特性及面试高频问题五个维度，系统解析HTTP的底层原理与工程实践。一、HTTP协议演进与版本差异1.1版本特性对比版本发布年份核心改进局限性HTTP1.01996基础请求-响应模型，支持GETPOSTHEAD方法无持久连接，每次请求需建立TCP连接HTTP1.11999持久连接（Connec
  • [精选] 2025最新MySQL和PostgreSQL区别、迁移、安全、适用场景全解析 猫头虎 数据库技术专区#MySQL专栏#PostgreSQL专栏mysqlpostgresql安全运维云原生数据库容器
    [精选]2025最新MySQL和PostgreSQL区别、迁移、安全、适用场景全解析在当前的数据库技术领域，MySQL和PostgreSQL作为两大主流数据库，拥有各自独特的优势和应用场景。随着技术的不断演进，特别是2025年的最新动态和趋势，两者在功能、迁移、性能、安全性等方面都有了一定的变化和优化。因此，本文将通过详细的对比和分析，帮助初学者更好地理解这两种数据库，帮助你做出选择，或者顺利进行
  • spring bean生命周期 学习记录 不会吃萝卜的兔子 spring学习java
    在SimpleAutowareConfig??中1，第三级缓存存放createBean的lambda表达式（BeanFactory采用函数式接口，使用时才会创建），当获取循环引用获取早期对象时（只实例化的bean），这个早期对象不知道有没有被AOP修饰，但AOP代理，要拿到完整的对象，才能正确代理，但是代理在beanAfterPostProcessor发生在popularBean属性填充之前。2，
  • Apipost 与 Apifox 深度对比：2025全方位解析助力 API 开发的利器
    在当今软件开发的大环境下，API的开发与管理变得愈发重要。Apipost和Apifox作为两款备受关注的API开发与管理工具，它们在功能特性、使用场景以及用户评价等方面存在着诸多差异。本文将从多个维度对这两款工具进行深入剖析，以帮助研发、测试人员更好地选择适合自身项目需求的工具，同时凸显Apipost在各方面的优势。一、功能对比1.API设计Apipost：丰富的自定义属性：在大型企业级项目中，A
  • 如何用postman进行自动化测试？ AIZHINAN postman测试工具自动化测试
    使用Postman进行自动化测试的完整指南Postman不仅可以用于手动API测试，还提供了强大的自动化测试功能。以下是详细的使用方法：B站讲的最好的Postman接口自动化测试教程，只需一小时自学入门，学会直接上手项目实战！一、基础自动化测试设置1.编写测试脚本在Postman请求的"Tests"标签页中，你可以用JavaScript编写测试脚本：javascript//检查状态码是否为200p
  • 【SQL知识】SQL注入中-- +和#的区别 KPX SQL知识web安全漏洞挖掘sql数据库
    目录1.基本概念对比2.实际SQL注入示例（1）原始SQL语句（2）使用--+注释（3）使用#注释3.关键区别图示4.如何选择？5.总结1.基本概念对比特性--+（或--）#（或%23）注释类型SQL标准注释MySQL特有注释是否需要空格需要（+代替空格）不需要URL编码--%20（空格编码）%23适用数据库MySQL、Oracle、SQLServer、PostgreSQL主要MySQL浏览器处理
  • 【SQL知识】PDO 和 MySQLi 的区别
    目录简介主要区别预处理语句示例比较PDO示例MySQLi示例选择建议简介PDO(PHPDataObjects)和MySQLi(MySQLImproved)都是PHP中用于数据库操作的扩展，都支持预处理语句，但有一些重要区别：主要区别数据库支持PDO：支持多种数据库（MySQL,PostgreSQL,SQLite,Oracle等）MySQLi：仅支持MySQL数据库API风格PDO：提供一致的面向对
  • HTTP协议：深入理解超文本传输协议 需要重新演唱 web#javaweb基础http网络协议网络
    HTTP协议：深入理解超文本传输协议在当今的互联网时代，HTTP（HyperTextTransferProtocol，超文本传输协议）是构建Web应用的基石。无论是浏览网页、观看视频还是进行在线交易，HTTP协议都在背后默默地发挥着作用。本文将深入探讨HTTP协议的基本概念、请求和响应的结构、GET和POST请求的区别以及在实际开发中的应用。1.什么是协议？1.1协议的定义协议是一套规范或标准，由
  • Python发送HTTP请求：http.client vs requests 对比解析 华科℡云 apache负载均衡http
    在Python中，http.client与requests是两种常用的HTTP请求工具，分别适用于不同场景。以下从功能特性、易用性、性能等方面进行对比。1.功能特性http.client：作为Python标准库的一部分，提供底层的HTTP协议支持，支持GET、POST、PUT、DELETE等请求方法。用户需手动管理连接、请求头、响应解析等细节，适合对HTTP协议有深入理解且需要精细化控制的场景。r
  • ajax工具怎么安装,ajax工具方法 weixin_39939668 ajax工具怎么安装
    /**获取ajax对象*/functiongetXmlHttpRequest(){varxhr=null;if(typeof(XMLHttpRequest)!='undefined'){xhr=newXMLHttpRequest();}else{xhr=newActiveXObject("Microsoft.XMLHttp");}returnxhr;}/**post方式请求*/functionpo
  • http.client.HTTPConnection.POST和requests.post区别 抖音运维厨师长 pythonhttpchromepython
    http.client.HTTPConnection.POST和requests.post是用于在Python中执行HTTPPOST请求的两种方法，但它们在实现和使用上有很大的区别。http.client.HTTPConnection.POSThttp.client是Python标准库中的模块，用于低级别的HTTP协议操作。使用http.client.HTTPConnection，你可以手动构建H
  • Day01: Spring启动流程：从main()到容器初始化 - 深度解析SpringApplication.run()执行链路 zhysunny Springspringjava
    目录一、SpringBoot启动概览二、SpringApplication.run()执行链路三、核心：AbstractApplicationContext.refresh()源码分析1.prepareRefresh()-准备刷新上下文2.obtainFreshBeanFactory()-获取新的BeanFactory5.invokeBeanFactoryPostProcessors()-调用Be
  • Dom 周华华 JavaScripthtml
    <!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&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他