为您找到搜索结果:6777个
Python之路-python(css布局、JavaScript)
CSS布局JavaScript css布局:后台管理界面一:(左右标签都有下来菜单)利用position:absolute;让某个标签固定在具体位置,然后使用overflow:auto;属性,让内容多的话把父级标签撑起来(出现下拉菜单)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>body{margin:0;}.left{float:left;}.pg-header{height:48px;background-color:#2459a2;color:white;}.pg-content.menu{position:absolute;top:48px;left:0;bottom:0;width:300px;background-color:#dddddd;overflow:auto;}.pg-content.content{position:absolute;top:48px...
Python之路-python(css、JavaScript)
cssJavaScript 一、CSS 分层: position:fixed;(固定到页面的具体位置) 例如:返回顶部<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><divonclick="GoTop();"style="width:50px;height:50px;background-color:black;color:white;position:fixed;bottom:20px;right:20px;">返回顶部</div><divstyle="height:5000px;background-color:#dddddd;">这里是第一行</div><script>functionGoTop(){document.body.scrollTop=0;}</scr...
python获取代理ip与端口
在我们使用python爬虫获取所需资源时,如果被发现违规行为,有可能会被对方服务器禁止本地ip访问,所以获取代理ip与端口进行访问可以预防部分危险,但是一个一个搜索查找代理ip与端口,程序效率太低,因此使用程序获取代理ip与端口是一个好选择。 1importurllib.request2importre34#正则匹配规则5regip="<td>((?:(?:1[0-9][0-9].)|(?:2[0-4][0-9].)|(?:25[0-5].)|(?:[1-9][0-9].)|(?:[0-9].)){3}(?:(?:1[0-9][0-9])|(?:2[0-4][0-9])|(?:25[0-5])|(?:[1-9][0-9])|(?:[0-9])))</td>"6regport="<td>(d{2}|d{3}|d{4}|d{5})</td>"78#伪装浏览器头信息9header=("User-Agent",'Mozilla/5.0(compatible;MSIE9.0;WindowsNT6.1;Trident/5.0')...
从浏览器地址栏输入网址,到网页彻底打开,中间都发生了什么?
从输入域名到网页打开的简单过程如下,还附加我自己的理解:1.DNS域名解析 客户端输入域名后,由DNS服务器来将域名解析成对应服务器的IP地址2.建立TCP连接; 获得服务器IP之后,就需要三次握手的协议才能建立连接 1)客户端发送SYN包请求,等待服务器确认 2)服务器确认收到SYN包请求后,同时自己也返回一个包给客户端,即返回SYN+ACK 3)客户端收到SYN+ACK包之后,返回给服务器一个确认包ACK包表示收到,然后双方达成协议,建立连接3.发送HTTP请求; 与服务器建立连接之后,就可以向服务器发送请求了,请求需要遵循http协议4.服务器处理请求; 被请求的服务器解析用户请求的有哪些资源,通过服务器返回数据给客户端5.返回响应结果; 给客户端返回请求的状态码,通过状态码可以知道服务器端的处理是否正常 常见状态码:状态码 100Continue继续,客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收,且仍未被拒绝 200OK请求成功,表示正常状态 301MovedPermanently请求的网页已永...
编写一个JavaScript函数 parseQueryString,把URL参数解析为一个对象
varurl="http://www.taobao.com/index.php?key0=0&key1=1&key2=2";functionparseQueryString(url){varstr=url.split("?")[1];varitems=str.split("&");varresult={}vararr=;for(vari=0;i<items.length;i++){arr=items.split('=');result[arr[0]]=arr[1];}returnresult;}varobj=parseQueryString(url);console.log(obj) ...
javascript数据类型的判断
最近看到了很多关于数据类型判断的方法,总结了下一、javascript的数据类型js数据分为两种类型:原始数据类型和引用数据类型。原始数据类型有:string、number、boolean、undefined和null引用数据类型有:Function、Object、Date、RegExp、Number、String、Boolean和自定义类等其中原始数据类型也称基础数据类型,是不可拆分的数据类型,他存在于栈中;而引用数据类型也是通常意义上所说的类,存在于堆中。这两者的一个重要的区别在于原始数据类型在赋值的时候使用的是传值的方式,而引用数据类型在赋值时使用的是传址(指针)的方式。 varstr1="string";varstr2=str1;str2="anotherstring";alert(str1);//"string"varobj1={key1:1};varobj2=obj1;obj2.key1=2;alert(obj1.key1)//2 二、javascript类型判断1、typeof()函数对于原始数据类型,我们可以使用typeof()函数来判断他的数据类型...
ECMAScript 5(ES5)中bind方法简介备忘
一直以来对和this有关的东西模糊不清,譬如call、apply等等。这次看到一个和bind有关的笔试题,故记此文以备忘。 bind和call以及apply一样,都是可以改变上下文的this指向的。不同的是,call和apply一样,直接引用在方法上,而bind绑定this后返回一个方法,但内部核心还是apply。 直接看例子:123456789101112var obj={ a:1, b:2, getCount: function(c,d){ return this.a+ this.b+c+d; }}; window.a=window.b=0;console.log(obj.getCount(3,4)); //10var func=obj.getCount;console.log(func(3,4)); //7 为何会这样?因为func在上下文...
JavaScript中的原型和继承
英文原文:PrototypesandInheritanceinJavaScript 请在此暂时忘记之前学到的面向对象的一切知识。这里只需要考虑赛车的情况。是的,就是赛车。 最近我正在观看 24HoursofLeMans ,这是法国流行的一项赛事。最快的车被称为LeMans原型车。这些车虽然是由“奥迪”或“标致”这些厂商制造的,可它们并不是你在街上或速公路上所见到的那类汽车。它们是专为参加高速耐力赛事而制造出来的。 厂家投入巨额资金,用于研发、设计、制造这些原型车,而工程师们总是努力尝试将这项工程做到极致。他们在合金、生物燃料、制动技术、轮胎的化合物成分和安全特性上进行了各种实验。随着时间的推移,这些实验中的某些技术经过反复改进,随之进入到车辆的主流产品线中。你所驾驶车辆的某些技术,有可能是在赛车原型上第一次亮相的。 你也可以说,这些主流车辆继承了来自赛车的技术原型。 到现在,我们就有讨论JavaScript中的原型和继承问题的基础了。它虽然并不像你在C++、Java或C#中了解的经典继承模式一样,但这种方式...
Classical Inheritance in JavaScript
DouglasCrockford www.crockford.com 翻译:ThoughtScript 原文链接 http://javascript.crockford.com/inheritance.htmlAndyouthinkyou'resocleverandclasslessandfree —JohnLennonJavaScript 一种是与类无关的面向对象语言(基于对象),因此Javascript使用了基于原型的方式(原型链)代替传统面向对象语言的继承方式。这可能会让过去习惯于使用C++、Java这类面向对象语言继承方式的程序员感到困惑。但马上你就能认识到实际上Javascript的原型方式确实比传统的方式更能表达继承关系。JavaJavaScriptStrongly-typedLoosely-typedStaticDynamicClassicalPrototypalClassesFunctionsConstructorsFunctionsMethodsFu...
javascript运算符instanceof
instanceof 运算符可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上。objectinstanceofconstructor参数object要检测的对象.constructor某个构造函数instanceof运算符用来检测constructor.prototype是否存在于参数object的原型链上。functionC(){}//定义一个构造函数functionD(){}//定义另一个构造函数varo=newC();oinstanceofC;//true,因为:Object.getPrototypeOf(o)===C.prototypeoinstanceofD;//false,因为D.prototype不在o的原型链上oinstanceofObject;//true,因为Object.prototype.isPrototypeOf(o)返回trueC.prototypeinstanceofObject//true,同上C.prototype={};varo2=newC();o2instanceofC;//trueoinstanceo...
javascript对象constructor属性
返回一个指向创建了该对象原型的函数引用。需要注意的是,该属性的值是那个函数本身,而不是一个包含函数名称的字符串。对于原始值(如1,true 或"test"),该属性为只读。所有对象都会从它的原型上继承一个 constructor 属性:varo=newObject//或者o={}o.constructor==Objectvara=newArray//或者a=[]a.constructor==Arrayvarn=newNumber(3)n.constructor==Number即使一些DOM对象并不是你用构造函数生成的,但你仍然可以将它们与对应的构造函数进行比较。比如:document.constructor==Document;document.form3.constructor==Form;例1:打印出一个对象的构造函数下例首先创建了一个构造原型(即构造函数)Tree 和该原型的一个对象 theTree。接着打印出了对象 theTree 的 constructor 属性。functionTree...
JavaScript类的写法
我们知道,在js中,是没有类的概念的。类的所有实例对象都从同一个原型对象上继承属性,因此,原型对象是类的核心。类是对象的抽象,而对象是类的具体实例。类是抽象的,不占用内存,而对象是具体的,占用存储空间。———百度百科早期的javascript需求都很简单,基本都是写成函数的,然后是面向过程的写法,后来慢慢的引入面向对象开发思想,再后来就慢慢写成 类。在js中,写成类的本质基本都是 构造函数+原型。下面,就讨论一下js类的几种写法:/***Person类:定义一个人,有name属性和getName方法*/<script>functionPerson(name){this.name=name;this.getName=function(){returnthis.name;}}//我们在这里实例化几个对象varp1=newPerson("trigkit4");varp2=newPerson("mike");console.log(p1instanceofPerson);//trueconsole.log(p2instance...
javascript设计模式之观察者模式
观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。使用观察者模式的好处:支持简单的广播通信,自动通知所有已经订阅过的对象。页面载入后目标对象很容易与观察者存在一种动态关联,增加了灵活性。目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用。JS里对观察者模式的实现是通过回调来实现的,我们来先定义一个pubsub对象,其内部包含了3个方法:订阅、退订、发布。varpubsub={};(function(q){vartopics={},//回调函数存放的数组subUid=-1;//发布方法q.publish=function(topic,args){if(!topics[topic]){returnfalse;}setTimeout(function(){varsubscribers=topics[topic],len=subscribers?subscribers.length:0;while(len--){subscribe...
从Eclipse转移到IntelliJ IDEA一点心得
本人使用IntelliJIDEA其实并不太久,用了这段时间以后,觉得的确很是好用。刚刚从Eclipse转过来的很多人开始可能不适应,我就把使用过程中的一些经验和常用功能分享下,当然在看这篇之前推荐你先看完IntelliJIDEA的20个代码自动完成的特性,这篇文章对自动完成的特性介绍的非常好,只是快捷键说明部分还可以更完善一些,可以照顾下默认绑定键位不一致的童鞋。本文在说明快捷键的时候是根据MacOSX10.5+的默认keymap,当然也会提供相关的文字说明,如果和我的绑定不一致的可以直接去keymap中搜索即可。显示行号这个以前在Eclipse中是个很简单的问题,转移到IntelliJ上以后的一些人也问过这个问题。使用同样的方式设置了以后发现只是对当前文件起作用了,打开另外一个文件依然没有行号。就好比你只是在vim中执行命令setnumber,而不是在.vimrc中设置一样的效果。这个是需要在IDESettings中设置下的,如图所示勾选即可: 其他设置可参照该设置项勾选即可,例如显示空格等等.文件和导航关联我们在写代码的时候经常需要打开某个文件的时候,想在左边的文件树上自...