jquery position

  1. 在给元素定位之前，我们首先要了解一些CSS定位相关的知识。   
  2. 在CSS中关于定位的内容是：position:relative | absolute | static | fixed 。static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。relative 不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。absolute 脱离文档流，通过 top,bottom,left,right 定位。选取其最近的父级定位元素，当父级 position 为 static 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。   
  3. fixed 固定定位，这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。CSS中定位的层叠分级：z-index: auto | namber   
  4. relative | absolute | static | fixed这四种定位的方式不一样，我们要找到元素的位置的方法也会随之不一样。   
  5. Dom元素提供了三种方式来定位元素：offset，scroll，Client，   
  6.     
  7. 图 转自（http://www.cnblogs.com/believe3301/archive/2008/07/19/1246806.html）   
  8. Dom元素对于offset提供了offsetParent、offsetTop、offsetLeft、offsetWidth、offsetHeight五个方法来定位于元素的相对位置。   
  9. offsetParent是指当前元素的相对定位的元素。在IE和FF中定义和解释不一样。在IE中定义为获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。大多数时候offsetParent返回body元素。在IE5中，td的offsetParent是table。可以看出IE中的相对定位与绝对定位的区别不大。都是相对于最上层的元素来定位。在FF中获取文档层次中最近的元素。如果这个元素没有定位，那么就根元素。   
  10. offsetParent、parentNode（IE:parentElement）都是指元素的父节点。它们的针对的目标是不一样，功能也不一样。parentNode就是取文档层次中包含该节点的最近节点（直接的父节点）。在FF中对于Attr, Document, DocumentFragment, Entity,和Notation这些父节点，其 parentNode返回null。还有如果没有附加到文档树的元素也是返回null。   
  11.    offsetParent是指可视的父节点。如 <body><form><input type=’’’text’ id=’AA’/></form></body>。AA的offsetParent是body，而parentNode则是form。在IE中一般都是body。   
  12. offsetLeft和offsetTop是指当前元素left或top边到offsetParent的left或top边的距离，包含了当前元素的margin和其offsetParent的padding。不包含offsetParent的border的宽度。   
  13. offsetWidth、offsetHeight与offsetLeft、offsetTop的相对offsetParent的方式不一样，它们就是当前元素自身的宽度或高度。它包含border、padding、scrollBar(显示的话)和内容的size(CSS中设定的元素的高度，IE中CSS size指的是包含border的内容大小)。   
  14. 分析了offset，我们可以发现offsetLeft、offsetTop与CSS中top,left的属性有相通性，offsetLeft、offsetTop只能取值。而我们可以通过CSS中top,left的属性来设定一个元素的相对其它元素的位置（绝对定位，就是相对于body）。   
  15.   
  16.  Dom元素对于scroll提供了scrollWidth、scrollHeigth、scrollTop、scrollLeft。这一组是对于scroll的元素进行操作的。Scroll的Width、Heigth是指元素真实的宽度和高度，它包含被scroll起来的部分。而scrollTop、scrollLeft则是被卷起来的部分的大小。   
  17.  Dom元素对于scroll提供了clientWidth、clientHeigth、clientTop、clientLeft。这一组是对于client进行操作的。clientWidth、clientHeigth是元素的内容可视区域的高度或宽度。包含padding，不包含scrollbar 、border、margin。可以看出是元素可视的区域。IE，FF是一样的。clientTop、clientLeft可以看做是topborder或left border的大小。   
  18.   
  19. offsetParent的名字的元素能计算相对位移的父节点，那么对于CSS的定位方式，哪一些是可以计算位移呢，能计算元素和其父节点之间的位移量，首先要其父节点能定位。这个定位就是在CSS中能采用top,left来定其在文档的位置。Body是肯定可以的（0，0）。Body也是元素的终结offsetParent（没有找到就是它了）,absolute、 relative、 fixed都采用可以top,left来定其在文档的位置。也是能计算其位置。而static是不需要top,left来设定其位置， Offset是相对已经定位的元素的位移。元素的offsetParent是其父辈节点中的postiont!= Static的节点。在IE中http://msdn.microsoft.com/zh-cn/library/system.windows.forms.htmlelement.offsetparent(VS.80).aspx，可以看到其不支持fixed的offsetParent。在mozilla中http://developer.mozilla.org/en/DOM/element.offsetParent，可以看出其给出的如果元素没有定位（non-positioned）就是body。   
  20. Jquery针对于offsetParent提供了一个改进的方法。它还是在浏览器的offsetParent基础之上多加了一个判断的处理，筛选其有可能会是static的节点。觉得这样做的意义不大。除了table,tr,td之外，浏览器的offsetParent是body的可能性很大。这是一个不确定的。在使用中是要注意的。   
  21. //找到this[0]中元素第一个能根据CSS中的top,left能设定位置的父辈节点。   
  22.     offsetParent: function() {   
  23.         var offsetParent = this[0].offsetParent || document.body;   
  24.     while ( offsetParent && (!/^body|html$/i.test(offsetParent.tagName)    
  25. && jQuery.css(offsetParent, 'position') == 'static') )   
  26.         offsetParent = offsetParent.offsetParent;   
  27.         return jQuery(offsetParent);   
  28.     }   
  29.   
  30. 其实觉得最好的方法还是直接相对于body的来定位。这样的定位是确定的。但是浏览器在计算这个值会有点问题，而且每种浏览器的实现方式不一样，很难兼容。Jquery提供了一个相对于文档的起始位置的offset方法。   
  31.   
  32. //元素相对于文档的起始位置的offset   
  33. jQuery.fn.offset = function() {   
  34.     var left = 0, top = 0, elem = this[0], results;   
  35.     if ( elem ) with ( jQuery.browser ) {   
  36.         var parent    = elem.parentNode,    offsetChild  = elem,   
  37.           offsetParent = elem.offsetParent,   
  38.          doc       = elem.ownerDocument,   
  39.          safari2   = safari && parseInt(version) < 522    
  40. && !/adobeair/i.test(userAgent),   
  41.        css          = jQuery.curCSS,   
  42.        fixed        = css(elem, "position") == "fixed";   
  43.   
  44.  //在IE中有的元素可以通过getBoundingClientRect来获得元素相对于client的rect.   
  45. if ( !(mozilla && elem == document.body) && elem.getBoundingClientRect ) {//IE  http://msdn.microsoft.com/en-us/library/ms536433.aspx    ①   
  46.     var box = elem.getBoundingClientRect();   
  47.     // 加上document的scroll的部分尺寸到left,top中。   
  48.     add(box.left + Math.max(   
  49. doc.documentElement.scrollLeft, doc.body.scrollLeft),   
  50.         box.top  + Math.max(   
  51. doc.documentElement.scrollTop,  doc.body.scrollTop));   
  52.             //IE中会自动加上2px的border,这里是去掉document的边框大小。   
  53.             //http://msdn.microsoft.com/en-us/library/ms533564(VS.85).aspx   
  54.     /The difference between the offsetLeft and clientLeft properties   
  55. // is the border of the object   
  56.     add( -doc.documentElement.clientLeft,    
  57. -doc.documentElement.clientTop );   
  58.     } else {                                                               ②   
  59. //通过遍历当前元素offsetParents来计算其在文档中的位置（相对于文档的起始位置）   
  60.     add( elem.offsetLeft, elem.offsetTop );//初始化元素left,top    ③      //很多浏览器的offsetParent是直接指向body。不过有的是指向最近的可视的父节点。   
  61.     while ( offsetParent ) {    //加上父节点的偏移                         
  62.         add( offsetParent.offsetLeft, offsetParent.offsetTop );  ④       // Mozilla系列offsetLet或offsetTop不包含offsetParent的边框。要加上   
  63.      //但在在table中又会自动加上。   
  64.        if ( mozilla && !/^t(able|d|h)$/i.test(offsetParent.tagName)   
  65.  || safari && !safari2 )   
  66.         border( offsetParent );//增加offsetParent的border          ⑤   
  67.       // 对于CSS设定为fixed相对于client的定位，加上document.scroll.   
  68.       if ( !fixed && css(offsetParent, "position") == "fixed" )   
  69.                     fixed = true;   
  70.       //改变子节点变量offsetChild，再改变offsetParent变量的指向。   
  71.        offsetChild  = /^body$/i.test(offsetParent.tagName) ?    
  72. offsetChild : offsetParent;                
  73.             offsetParent = offsetParent.offsetParent;   
  74.         }   
  75.     // 减去处理每一层不显示的scroll的部分。   
  76.     // 因为一个元素的size(CSS中指定的）是scroll之前的。   
  77.     // 如果scroll，offsetLet或offsetTop会包含这部分被卷起的。             
  78.     while ( parent && parent.tagName    
  79. && !/^body|html$/i.test(parent.tagName) ) {       ⑥   
  80.     // 如果parent的display的属性不为inline|table，减去它的scroll.            if ( !/^inline|table.*$/i.test(css(parent, "display")) )   
  81.         // 减去 parent scroll offsets   
  82.         add( -parent.scrollLeft, -parent.scrollTop );   
  83.         // 如果overflow != "visible.在Mozilla 中就不会加上border.s   
  84.         if ( mozilla && css(parent, "overflow") != "visible" )   
  85.                 border( parent );                  
  86.             parent = parent.parentNode;   
  87.             }   
  88.                
  89.     //Safari <= 2，在CSS中position为fiexed或者body的position==absolute，   
  90.     //会重复加上body offset。Mozilla在Position！=absolute的时候也会重复   
  91. if ( (safari2 && (fixed || css(offsetChild, "position") == "absolute"))    
  92.  || (mozilla && css(offsetChild, "position") != "absolute") )   
  93.     add( -doc.body.offsetLeft, -doc.body.offsetTop );              ⑦   
  94.                        
  95.     //fixed 加上document scroll。   
  96. //因为fixed是scroll的时候也是相对于client不变。所以要加上   
  97.     if ( fixed )                                                         ⑧   
  98.     add(Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft),   
  99.         Math.max(doc.documentElement.scrollTop,  doc.body.scrollTop));  }          
  100.     results = { top: top, left: left };   
  101. }   
  102. function border(elem) {   
  103.         add( jQuery.curCSS(elem, "borderLeftWidth", true), jQuery.curCSS(elem, "borderTopWidth", true) );   
  104.     }   
  105. function add(l, t) {   
  106.         left += parseInt(l, 10) || 0;   
  107.         top += parseInt(t, 10) || 0;   
  108.     }   
  109. return results;   
  110. };   
  111. 上面的代码①采用IE内部提供了特有的方法来找到相对body的Offset。这样做肯定是提高在IE中效率。②③④⑤⑥⑦⑧处是采用通用的处理方法来计算。对于一个元素的offset,加上其所有offsetParent的offset和border。这样就能计算出相对于body的offset。但是这样在scroll的情况下是行不通的。因为有scroll的卷起来的部分也被计算了进去，对于每个元素都要减去这一部分的大小。   
  112. ⑧处我们可以看出如果有元素是fixed的position。说明其会随着documentElement.scroll而改变位置。因此加上documentElement.scroll。得出其正确的位置。   
  113.   
  114. Jquery中的position方法是计算当前元素相对于其offsetParent的offset值。与dom元素的offset不一样的地方，它是建立在jquery.offset的基础之上，同时还不包括其自身的margin。对于box的模式来讲，是margin是元素的最外边，而不是border。   
  115. jQuery.fn.extend({position: function() {   
  116.     var left = 0, top = 0, results;   
  117.     if ( this[0] ) {           
  118.         var offsetParent = this.offsetParent(),// Get *real* offsetParent   
  119.           offset   = this.offset(),// Get correct offsets   
  120.         parentOffset = /^body|html$/i.test(offsetParent[0].tagName)   
  121.  ? { top: 0, left: 0 } : offsetParent.offset();   
  122.             offset.top  -= num( this, 'marginTop' );   
  123.             offset.left -= num( this, 'marginLeft' );   
  124.             parentOffset.top  += num( offsetParent, 'borderTopWidth' );   
  125.             parentOffset.left += num( offsetParent, 'borderLeftWidth' );   
  126.             results = {   
  127.                 top:  offset.top  - parentOffset.top,   
  128.                 left: offset.left - parentOffset.left   
  129.             };   
  130.         }   
  131.         return results;   
  132.     },   
  133.   
  134. Jquery还提供了两个关于scroll的方法， scrollLeft and scrollTop：   
  135. // Create scrollLeft and scrollTop methods   
  136. jQuery.each( ['Left', 'Top'], function(i, name) {   
  137.     var method = 'scroll' + name;      
  138.     jQuery.fn[ method ] = function(val) {   
  139.         if (!this[0]) return;   
  140.         return val != undefined ?   // Set the scroll offset   
  141.             this.each(function() {   
  142.                 this == window || this == document ?   
  143.                     window.scrollTo(   
  144.                         !i ? val : jQuery(window).scrollLeft(),   
  145.                          i ? val : jQuery(window).scrollTop()   
  146.                     ) :   
  147.                     this[ method ] = val;   
  148.             }) : // Return the scroll offset   
  149.   
  150.             this[0] == window || this[0] == document ?   
  151.                 self[ i ? 'pageYOffset' : 'pageXOffset' ] ||   
  152.                     jQuery.boxModel && document.documentElement[ method ]    
  153. ||document.body[ method ] :   
  154.                 this[0][ method ];   
  155.     };  

你可能感兴趣的:(position)

  • 03-Cesium自定义着色器完整代码以及注释 fxshy 着色器javascript
    1.效果展示2.完整代码自定义着色器完整代码#map{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhZjZkZDAwZC1mNTFhLTRhO
  • 2021-06-07 Do What You Are Meant To Do 春生阁
    Don’tgiveupontryingtofindbalanceinyourlife.Sticktoyourpriorities.Rememberwhat’smostimportanttoyouanddoeverythingyoucantoputyourselfinapositionwhereyoucanfocusonthosepriorities,ratherthanbeingpulledbyt
  • 滑动窗口+动态规划 wniuniu_ 算法动态规划算法
    前言：分析这个题目的时候，就知道要这两个线段要分开，但是要保证得到最优解，那么我们在选取第二根线段的时候，要保证我们第一根线段是左边最优解并且我们选的两根线段的右端点一定是我们的数组的点（贪心思想）classSolution{public:intmaximizeWin(vector&prizePositions,intk){intn=prizePositions.size();vectormx(n
  • [深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解 oumae-kumiko vue前端vue.js前端javascript
    本章涉及的compositionapi：ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRefrefsapi中的重点为：ref、toRefs、shallowRef、customRef，其次是isRef等。ref接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个`.value`property，指向该内部值。如果将对
  • Unity3d俯视视角下，通过点击屏幕获取世界坐标是如何实现的 睡不醒的小泽 Unityunity
    方式一：射线转化在Unity3D中，我们先获取对应游戏画面的摄像机，之后获取屏幕点击位置的世界坐标可以通过使用ScreenPointToRay()函数实现。这个函数将屏幕坐标（在屏幕上的位置，范围从0到屏幕宽度和高度）转换为世界坐标（在世界空间中的位置）。这种方法在rts类游戏和一些3d项目的RPG游戏中比较常见。实现的方法可以概括为：根据Input.mousePosition，从camera射出
  • Mysql 8.0 的主从搭建 一切皆是命，万般不由人 LinuxMySQLmysql数据库服务器
    Mysql8.0的主从搭建上次说到mysql的安装，没有安装好的可以参考这里CentOs7.064mysql8.0安装MYSQL8.0主从搭建Mysql8.0的主从搭建一、为什么需要主从复制？二、什么是mysql的主从复制？三、mysql复制原理四、如何配置？五、配置从服务器登录主服务器的账号授权1.mysql5.0版本设置2.mysql8.0版本设置六、查看主机File和Position的值,并
  • Delta3d 简单的控制物体例子 Sunday Delta3D
    //Inthistutorial,youwillchangethepreviousHelloWorldapplicationto//furtheryourunderstandingofmotionmodels.Previouslyyoulearnedhowtoplacea//camerainasceneandmovethecamerapositionviamouseandkeyboardinput
  • 流利说英语A+商务英语学习笔记——第1章搞定面试 第7节《面试之闪亮登场》 Ronnie学英语
    面试开局JChasappliedforapositionasamarketingassistant.TodayshewillattendourinterviewandLeonwillbeherinterviewer.Iamrecentgraduate(形容词毕业的)fromUniversity,whereImajorinmarketing.Iwasalsovicepresidentofmycoll
  • CSS学习14[重点]--定位、边偏移、定位模式 乌鸦不像写字台 css学习css学习前端
    定位前言一、定位二、定位模式1.静态定位static2.相对定位relative3.绝对定位absolute4.子绝父相5.绝对定位的盒子水平居中6.固定定位（fixed）7.叠放次序（z）三、四种定位总结四、定位模式转换前言为什么学习定位？应用场景：图片上移动的物体、突出的部分、导航栏…一、定位边偏移top:100px;bottom:;left:;right:;定位模式选择器{position:
  • @antv/x6 填充一个背景图片，并让其显示出来。 花花鱼 @antv/x6Vue3vue.js
    1、填充背景色的时候，开始不显示背景图片，只显示背景颜色。2、开始是放在assets/images目录下：constgraph=newGraph({container:document.getElementById("container")asHTMLElement,width:widthPx,height:heightPx,background:{color:"#F2F7FA",position
  • 【设计模式】装饰模式 -凌凌漆- 设计模式C/C++设计模式
    1.不好的代码（冗杂）//业务操作classStream{public：virtualcharRead(intnumber)=0;virtualvoidSeek(intposition)=0;virtualvoidWrite(chardata)=0;virtual~Stream(){}};//主体类classFileStream:publicStream{public:virtualcharRea
  • 记录一些vue3的知识（未完） a605536834 vue.js前端javascript
    mounted(vue2)在Vue2的组件中，mounted钩子用于执行那些需要在组件实例挂载到DOM之后运行的代码，这通常包括DOM操作、数据请求等onMounted(vue3)Vue2：使用mounted作为组件的一个选项来执行挂载后的代码。Vue3：使用onMounted作为CompositionAPI的钩子来执行挂载后的代码。在Vue3中，onMounted是CompositionAPI的
  • vue3 什么是Composition API 我为什么要使用它？ 软件技术NINI vue案例vue.js前端javascript
    CompositionAPI（组合式API）是Vue3中引入的一组全新的API，旨在提供一种更加灵活和可组合的方式来组织和复用组件逻辑。这一改变是Vue.js向函数式编程和更现代的开发方式迈出的重要一步。以下是CompositionAPI的详细解析：一、基本概念定义：CompositionAPI是一组允许开发者以函数式编程风格组织Vue组件逻辑的API。目的：提高代码的可读性、可维护性、复用性和类
  • 出现 xxx missing 1 required positional argument: ‘self‘ 解决方法 码农研究僧 BUGpythonbug
    目录1.问题所示2.原理分析3.解决方法1.问题所示编译代码的时候，出现如下问题：E:\software\anaconda3\envs\py3.10\python.exeF:\python_project\test\main.pyTraceback(mostrecentcalllast):File"F:\python_project\test\main.py",line36,
  • python unittest TypeError setUpClass missing 1 required positional argument cls Kelly雨薇 python框架
    pythonunittest框架使用可以用两种方法：（1）所有内容写在一个python文件里eg：https://blog.csdn.net/panyueke/article/details/85305223（2）function与主框架隔离eg：functions.pydeffun_div(x):returnx/2deffun_add(x):returnx+2deffun_minus(x):re
  • TypeError: func() missing 1 required positional argument: 'XXXXX' 报错原因 白羊洞 PythonTypeError面向对象实例化
    在面向对象编程的时候会报这样的错误：TypeError:func()missing1requiredpositionalargument:'XXXXX'报这个错误有两种原因：1.实例化的时候类名后没写上括号classP:def__init__(self):passdeffunc(self,content):print(content)p=Pp.func("hello")执行结果：TypeError
  • missing 1 required positional argument: ‘self‘ baidu_huihui selfstaticmethodclassmethod
    missing1requiredpositionalargument:'self'解释：这个错误通常发生在Python中使用类方法时，你没有正确地使用self参数。在Python中，实例方法必须至少有一个参数，通常被命名为self，它代表实例本身。当你在类中定义一个方法时，Python会自动将这个self参数加入到方法参数列表中。解决方法：确保你在类的方法定义中使用了self参数，并且在调用这个方
  • C#中两个问号和一个问号的区别 大白1992 c#
    一、一个问号vars="abcdef";varr=s==null?"":s;等同于：if(s==null)r="";elser=s;二、两个问号vart=(object)(ExcelHelper.ToExcelColumnLabel(position.ColIndex)??"?")等同于：if(ExcelHelper.ToExcelColumnLabel(position.ColIndex)==n
  • 通信术语 gelao18sui networkaccessexchangesysteminterfacesignal
    通信类常用的英语词汇（表记录的）插入修改添加删除InsertModify,updateAddDelete（拨号后）拨号音不断Non-stopDialTone（程序,进程）调度Dispatch（程序安装的）序列号SerialNumberSN（单板）不在位Not-in-position（单板等）插入/拔出Plug/Unplug（发货）附件，辅助设备Accessories（话务员）为分机用户代拨外线Di
  • python连接es_Elasticsearch --- 3. ik中文分词器, python操作es weixin_39962285 python连接es
    一.IK中文分词器1.下载安装2.测试#显示结果{"tokens":[{"token":"上海","start_offset":0,"end_offset":2,"type":"CN_WORD","position":0},{"token":"自来水","start_offset":2,"end_offset":5,"type":"CN_WORD","position":1},{"token":"
  • Vue:设置背景图片&解决background-color不生效问题 蜉蝣Sakura vue初学vue
    在画页面时,想给页面设置背景图,采用如下的方案页面index.vue部分如下...页面index.vue样式部分如下.background{position:fixed;}效果如下这时,想给这一部分设置背景颜色为白色...样式如下.overview{margin:20pxauto;height:100%;width:70%;background-color:white;}发现设置backgroun
  • 使用vue2和css样式添加背景图片 Sky1900_ css前端css3html
    登录.ma{/*//这里地址是用项目中图片所在路径为准*/background:url("../assets/2.jpg");/*//将图片样式不重复*/background-repeat:no-repeat;/*//设置图片大小*/background-size:100%;/*设置全屏*/position:fixed;/*设置div高度*/height:100%;/*设置div宽度*/width
  • 【vue css】background设置背景图片不显示问题 米老鼠的摩托车日记 vue2CSS样式css前端
    问题：如上图所示，添加背景图片页面没有显示解决：添加background-position:centercenter即可显示但是不知道为什么添加这个属性就可以，求大神解惑
  • MySQL 字符串操作详解和案例示范 J老熊 MySQL实战秘籍mysql数据库运维面试
    MySQL字符串操作详解MySQL提供了丰富的字符串操作函数，能够对这些字符串进行截取、定位、替换等操作。本文将详细讲解MySQL中的字符串操作函数，包括SUBSTRING()、SUBSTR()、LEFT()、RIGHT()、LOCATE()、POSITION()、FIND_IN_SET()、ELT()、INSERT()和REPLACE()，并分析它们的区别和用法。一、SUBSTRING()和SU
  • 非理工科院校怎么打好数学建模比赛 | 南川笔记 南川笔记
    Proposition1非理工科院校最好不要打数学建模比赛。虽说“一次建模，终身受益”，但毕竟数学建模既要数学理论的支撑（不仅仅是大学里的微积分、线性代数和概率论与统计，更多的是基于微积分的常偏微分方程、基于线性代数的运筹学和基于概率论与统计的统计分析内容），还要编程的支撑（不是常规的C语言或者Java程序，也不是这几年很火的Python编程，而是基于数值运算的Matlab和基于统计的R），这在一
  • django报错汇总 Yogurt bottle djangopython后端
    1.django.core.exceptions.ImproperlyConfigured:ErrorloadingMySQLdbmodule__init__.py文件中添加以下代码：importpymysqlpymysql.install_as_MySQLdb()2.index()takes0positionalargumentsbut1wasgiven#视图函数必须要传入一个参数request
  • 出现UnicodeDecodeError: ‘ascii‘ codec can‘t decode byte 0xe9 in position 0: ordinal not in range解决方法 码农研究僧 BUGpython编码unicode
    目录1.问题所示2.问题分析3.解决方法1.问题所示在传输数据的时候出现这个问题，如下所示：File"./audioadmin/common.py",line331,insend_alarm.format(content,project_name,result))UnicodeDecodeError:'ascii'codeccan'tdecodebyte0xe9inposition0:ordina
  • 【Python】已解决：UnicodeDecodeError: ‘ascii’ codec can’t decode byte 0x8e in position 0: ordinal not in r 屿小夏 python数据库前端
    文章目录一、分析问题背景二、可能出错的原因三、错误代码示例四、正确代码示例五、注意事项已解决：UnicodeDecodeError:‘ascii’codeccan’tdecodebyte0x8einposition0:ordinalnotinrange(128)一、分析问题背景在Python编程中，处理文本数据时，经常会遇到编码问题。UnicodeDecodeError是其中一个常见的错误，它通常
  • 第二次 My丿飞
    一.定位：1.属性：position取值：relativeabsolutefixed2偏移量：根据不同的定位方式实现元素位置的摆放topbottomleftright(属性)二.相对定位：相对于它原来位置偏移某个距离position：relative通过偏移属性来实现位置的微调使用场合：位置微调三.绝对定位：position：absolute1.绝对定位的元素会脱离文档流，不占据页面空间2.绝对定
  • flex布局篇——justify-cont:center/space-between/space-around最后一行靠左 Dove言和 微信小程序实战全记录css前端css3
    正常来说，用到justify-cont:space-between时，最后一行元素是这样的会向两端对齐。为了解决这个办法，可用gap与伪类进行纠正：name备注.box{position:absolute;width:100%;padding:125rpx70rpx;box-sizing:bo
  • SAX解析xml文件 小猪猪08 xml
    1.创建SAXParserFactory实例 2.通过SAXParserFactory对象获取SAXParser实例 3.创建一个类SAXParserHander继续DefaultHandler，并且实例化这个类 4.SAXParser实例的parse来获取文件     public static void main(String[] args) { //
  • 为什么mysql里的ibdata1文件不断的增长？ brotherlamp linuxlinux运维linux资料linux视频linux运维自学
    我们在 Percona 支持栏目经常收到关于 MySQL 的 ibdata1 文件的这个问题。 当监控服务器发送一个关于 MySQL 服务器存储的报警时，恐慌就开始了 —— 就是说磁盘快要满了。 一番调查后你意识到大多数地盘空间被 InnoDB 的共享表空间 ibdata1 使用。而你已经启用了 innodbfileper_table，所以问题是： ibdata1存了什么？ 当你启用了 i
  • Quartz-quartz.properties配置 eksliang quartz
    其实Quartz JAR文件的org.quartz包下就包含了一个quartz.properties属性配置文件并提供了默认设置。如果需要调整默认配置，可以在类路径下建立一个新的quartz.properties，它将自动被Quartz加载并覆盖默认的设置。   下面是这些默认值的解释 #-----集群的配置 org.quartz.scheduler.instanceName =
  • informatica session的使用 18289753290 workflowsessionlogInformatica
    如果希望workflow存储最近20次的log，在session里的Config  Object设置，log  options做配置，save  session log :sessions  run  ;savesessio log for  these runs:20 session下面的source 里面有个tracing 
  • Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误 酷的飞上天空 scrapy
    Scrapy版本0.14.4 出现问题现象： ERROR: Error downloading <GET http://xxxxx  CRC check failed   解决方法   1.设置网络请求时的header中的属性'Accept-Encoding': '*;q=0'   明确表示不支持任何形式的压缩格式，避免程序的解压
  • java Swing小集锦 永夜-极光 java swing
    1.关闭窗体弹出确认对话框   1.1   this.setDefaultCloseOperation (JFrame.DO_NOTHING_ON_CLOSE);   1.2   this.addWindowListener ( new WindowAdapter () { public void windo
  • 强制删除.svn文件夹 随便小屋 java
              在windows上，从别处复制的项目中可能带有.svn文件夹，手动删除太麻烦，并且每个文件夹下都有。所以写了个程序进行删除。因为.svn文件夹在windows上是只读的，所以用File中的delete()和deleteOnExist()方法都不能将其删除，所以只能采用windows命令方式进行删除
  • GET和POST有什么区别？及为什么网上的多数答案都是错的。 aijuans get post
        如果有人问你，GET和POST，有什么区别？你会如何回答？ 我的经历      前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。     这个答案好像并不是他想要的。于是他继续追问有没有别的区别？我说这就是个名字而已，如果服务器支持，他完全可以把G
  • 谈谈新浪微博背后的那些算法 aoyouzi 谈谈新浪微博背后的那些算法
    本文对微博中常见的问题的对应算法进行了简单的介绍，在实际应用中的算法比介绍的要复杂的多。当然，本文覆盖的主题并不全，比如好友推荐、热点跟踪等就没有涉及到。但古人云“窥一斑而见全豹”，希望本文的介绍能帮助大家更好的理解微博这样的社交网络应用。 微博是一个很多人都在用的社交应用。天天刷微博的人每天都会进行着这样几个操作：原创、转发、回复、阅读、关注、@等。其中，前四个是针对短博文，最后的关注和@则针
  • Connection reset 连接被重置的解决方法 百合不是茶 java字符流连接被重置
    流是java的核心部分,,昨天在做android服务器连接服务器的时候出了问题,就将代码放到java中执行,结果还是一样连接被重置   被重置的代码如下;   客户端代码; package 通信软件服务器; import java.io.BufferedWriter; import java.io.OutputStream; import java.io.O
  • web.xml配置详解之filter bijian1013 javaweb.xmlfilter
    一.定义 <filter> <filter-name>encodingfilter</filter-name> <filter-class>com.my.app.EncodingFilter</filter-class> <init-param> <param-name>encoding<
  • Heritrix Bill_chen 多线程xml算法制造配置管理
    作为纯Java语言开发的、功能强大的网络爬虫Heritrix，其功能极其强大，且扩展性良好，深受热爱搜索技术的盆友们的喜爱，但它配置较为复杂，且源码不好理解，最近又使劲看了下，结合自己的学习和理解，跟大家分享Heritrix的点点滴滴。 Heritrix的下载（http://sourceforge.net/projects/archive-crawler/）安装、配置，就不罗嗦了，可以自己找找资
  • 【Zookeeper】FAQ bit1129 zookeeper
    1.脱离IDE，运行简单的Java客户端程序 #ZkClient是简单的Zookeeper~$ java -cp "./:zookeeper-3.4.6.jar:./lib/*" ZKClient    1. Zookeeper是的Watcher回调是同步操作，需要添加异步处理的代码 2. 如果Zookeeper集群跨越多个机房，那么Leader/
  • The user specified as a definer ('aaa'@'localhost') does not exist 白糖_ localhost
    今天遇到一个客户BUG，当前的jdbc连接用户是root，然后部分删除操作都会报下面这个错误：The user specified as a definer ('aaa'@'localhost') does not exist 最后找原因发现删除操作做了触发器，而触发器里面有这样一句 /*!50017 DEFINER = ''aaa@'localhost' */  原来最初
  • javascript中showModelDialog刷新父页面 bozch JavaScript刷新父页面showModalDialog
    在页面中使用showModalDialog打开模式子页面窗口的时候，如果想在子页面中操作父页面中的某个节点，可以通过如下的进行：       window.showModalDialog('url',self,‘status...’); // 首先中间参数使用self       在子页面使用w
  • 编程之美-买书折扣 bylijinnan 编程之美
    import java.util.Arrays; public class BookDiscount { /**编程之美 买书折扣 书上的贪心算法的分析很有意思，我看了半天看不懂，结果作者说，贪心算法在这个问题上是不适用的。。 下面用动态规划实现。 哈利波特这本书一共有五卷，每卷都是8欧元，如果读者一次购买不同的两卷可扣除5%的折扣，三卷10%，四卷20%，五卷
  • 关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要 chenbowen00 strutsWEB安全
    因为近期负责的几个银行系统软件，需要交付客户，因此客户专门请了安全公司对系统进行了安全评测，结果发现了诸如跨站执行脚本，远程执行漏洞以及弱口令等问题。 下面记录下本次解决的过程以便后续 1、首先从最简单的开始处理，服务器的弱口令问题，首先根据安全工具提供的测试描述中发现应用服务器中存在一个匿名用户，默认是不需要密码的，经过分析发现服务器使用了FTP协议， 而使用ftp协议默认会产生一个匿名用
  • [电力与暖气]煤炭燃烧与电力加温 comsci
          在宇宙中,用贝塔射线观测地球某个部分,看上去,好像一个个马蜂窝,又像珊瑚礁一样,原来是某个国家的采煤区.....       不过,这个采煤区的煤炭看来是要用完了.....那么依赖将起燃烧并取暖的城市,在极度严寒的季节中...该怎么办呢?   &nbs
  • oracle O7_DICTIONARY_ACCESSIBILITY参数 daizj oracle
    O7_DICTIONARY_ACCESSIBILITY参数控制对数据字典的访问.设置为true,如果用户被授予了如select any table等any table权限,用户即使不是dba或sysdba用户也可以访问数据字典.在9i及以上版本默认为false,8i及以前版本默认为true.如果设置为true就可能会带来安全上的一些问题.这也就为什么O7_DICTIONARY_ACCESSIBIL
  • 比较全面的MySQL优化参考 dengkane mysql
    本文整理了一些MySQL的通用优化方法，做个简单的总结分享，旨在帮助那些没有专职MySQL DBA的企业做好基本的优化工作，至于具体的SQL优化，大部分通过加适当的索引即可达到效果，更复杂的就需要具体分析了，可以参考本站的一些优化案例或者联系我，下方有我的联系方式。这是上篇。   1、硬件层相关优化   1.1、CPU相关   在服务器的BIOS设置中，可
  • C语言homework2，有一个逆序打印数字的小算法 dcj3sjt126com c
    #h1#   0、完成课堂例子 1、将一个四位数逆序打印 1234 ==> 4321 实现方法一： # include <stdio.h> int main(void) { int i = 1234; int one = i%10; int two = i / 10 % 10; int three = i / 100 % 10;
  • apacheBench对网站进行压力测试 dcj3sjt126com apachebench
       ab 的全称是 ApacheBench ， 是 Apache 附带的一个小工具 ， 专门用于 HTTP Server 的 benchmark testing ， 可以同时模拟多个并发请求。前段时间看到公司的开发人员也在用它作一些测试，看起来也不错，很简单，也很容易使用，所以今天花一点时间看了一下。 通过下面的一个简单的例子和注释，相信大家可以更容易理解这个工具的使用。
  • 2种办法让HashMap线程安全 flyfoxs javajdkjni
    多线程之--2种办法让HashMap线程安全 多线程之--synchronized 和reentrantlock的优缺点 多线程之--2种JAVA乐观锁的比较( NonfairSync VS. FairSync)     HashMap不是线程安全的,往往在写程序时需要通过一些方法来回避.其实JDK原生的提供了2种方法让HashMap支持线程安全.  
  • Spring Security（04）——认证简介 234390216 Spring Security认证过程
    认证简介 目录 1.1     认证过程 1.2     Web应用的认证过程 1.2.1    ExceptionTranslationFilter 1.2.2    在request之间共享SecurityContext   1
  • Java 位运算 Javahuhui java位运算
    // 左移( << ) 低位补0 // 0000 0000 0000 0000 0000 0000 0000 0110 然后左移2位后，低位补0： // 0000 0000 0000 0000 0000 0000 0001 1000 System.out.println(6 << 2);// 运行结果是24 // 右移( >> ) 高位补"
  • mysql免安装版配置 ldzyz007 mysql
    1、my-small.ini是为了小型数据库而设计的。不应该把这个模型用于含有一些常用项目的数据库。 2、my-medium.ini是为中等规模的数据库而设计的。如果你正在企业中使用RHEL,可能会比这个操作系统的最小RAM需求(256MB)明显多得多的物理内存。由此可见，如果有那么多RAM内存可以使用，自然可以在同一台机器上运行其它服务。 3、my-large.ini是为专用于一个SQL数据
  • MFC和ado数据库使用时遇到的问题 你不认识的休道人 sqlC++mfc
    =================================================================== 第一个 =================================================================== try{ CString sql; sql.Format("select * from p
  • 表单重复提交Double Submits rensanning double
    可能发生的场景： *多次点击提交按钮 *刷新页面 *点击浏览器回退按钮 *直接访问收藏夹中的地址 *重复发送HTTP请求（Ajax） （1）点击按钮后disable该按钮一会儿，这样能避免急躁的用户频繁点击按钮。 这种方法确实有些粗暴，友好一点的可以把按钮的文字变一下做个提示，比如Bootstrap的做法： http://getbootstrap.co
  • Java String 十大常见问题 tomcat_oracle java正则表达式
    　1.字符串比较，使用“==”还是equals()? 　　"=="判断两个引用的是不是同一个内存地址(同一个物理对象)。 　　equals()判断两个字符串的值是否相等。 　　除非你想判断两个string引用是否同一个对象，否则应该总是使用equals()方法。 　　如果你了解字符串的驻留(String Interning)则会更好地理解这个问题。 　 　
  • SpringMVC 登陆拦截器实现登陆控制 xp9802 springMVC
    思路，先登陆后，将登陆信息存储在session中，然后通过拦截器，对系统中的页面和资源进行访问拦截，同时对于登陆本身相关的页面和资源不拦截。   实现方法： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他