![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端入门
文章平均质量分 82
逝水流痕
这个作者很懒,什么都没留下…
展开
-
JavaScript之this对象
JavaScript语言中有一个this关键字,可以称之为this指针。定义正版定义:红宝书上说:“this是函数内部的特殊对象,this引用的是函数执行时的环境对象”。盗版定义:说的有点绕口,对初学者不容易接受。说白了,就是谁调用了函数,this就指向谁(这个不是很严谨,不过可以暂时这么理解)。本文将按照下图逐步讲解。显示函数调用中的thiseg1:v原创 2017-05-04 11:35:09 · 239 阅读 · 0 评论 -
JavaScript入门(三)
1、getElementsByTagNamegetElementsByTagName('标签名称')通过标签名去获取一组元素,它获取到的是一组元素。主语有(限制范围):(1)ducument:从整个文档中去获取一组元素(2)父级:从父级下面去获取一组元素(区别:document.getElementById('id名称')通过id名称去获取一个元素,它只有一个主语,原创 2017-05-07 12:51:29 · 351 阅读 · 0 评论 -
JavaScript入门(二)
js入门二1、js属性操作属性:html标签的属性操作:1、点(.)不能引入变量2.中括号[‘’]属性不是完整单词,中间有空格,横线什么的,就用中括号。比如font-size。当然也可用.,只是要把font-size改成fontSize。再如background-color,不能直接用.,要改成backgroundColor。注意:box.style只能原创 2017-05-07 10:15:26 · 337 阅读 · 0 评论 -
javascript入门(一)
JS组成1、ECMAScript5.1js的核心语法和基本对象,是ECMA组织制定标准。(现在已有ES6)2、DOM(document object model,文档对象模型 )文档是html,DOM就是把html抽象成一棵树,主干:html,分支1:head,分支2:body,分支2.1:div等等DOM用来描述和处理网页内容的方法和接口。所说的方法用来操作html标签。原创 2017-05-07 10:03:49 · 337 阅读 · 0 评论 -
输入URL到显示页面发生了什么
预处理——>DNS解析——>建立连接——>发起请求——>等待响应——>接受数据——>处理元素——>布局渲染1、在浏览器中输入URL2、浏览器查询域名的IP地址导航的第一步是通过访问的域名找出其IP地址。DNS查找过程如下:浏览器缓存 – 浏览器会缓存DNS记录一段时间。 有趣的是,操作系统没有告诉浏览器储存DNS记录的时间,这样不同浏览器会储存个自固定的转载 2017-05-05 16:48:36 · 462 阅读 · 0 评论 -
两栏自适应布局
分析:需要满足三个要求:①两个盒子在同一行②右边的盒子需要占满剩下的空间③两个盒子不能重叠这三个条件又分别有很多种实现方法(不考虑绝对定位):组合起来,会有很多种实现方式。方法:1、float+block+margin:(左列float:left,宽度固定;右列margin-left等于左列宽原创 2017-05-05 16:17:53 · 443 阅读 · 0 评论 -
大小不固定,多行文字的垂直居
(1)、垂直居中-父元素高度确定的单行文本设置父元素的height和line-height高度一致注:height是指该元素的高度,line-height是指行间距。line-height与font-size的计算值之差,在CSS成为行间距,分为两半,分别加到一个文本行内容的顶部和底部。弊端:当文字长度大于块的宽度时,就有内容脱离了块。(自己想的)另外:对于原创 2017-05-05 16:05:54 · 361 阅读 · 0 评论 -
闭包彻底学习
闭包的定义:定义1(红宝书):有权访问另一个函数作用域的变量的函数。定义2(你不知道的js):当函数能够记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行。闭包的表现形式(来源:http://www.w3cschool.cn/javascript_prototype/3exmpozt.html):1、函数作为返回值2、函数作为参数被传递原创 2017-05-05 15:58:07 · 287 阅读 · 0 评论 -
JS之原型链
知道原型链是什么,也知道大概有什么作用,但是就是说不出来,有种只能意会不能言传的赶脚。大写的尴尬!!!但实际上这还是说明自己没有真正弄懂,有句话说的好:如果你不能给6岁小孩讲清楚一个知识点,说明你还没有真正掌握它!那我今天就努力把它搞明白,争取能给身边的朋友讲明白,告诉你们我们前端也是很有难度的!闲话少说,进入正题。原型链的概念原型链可以指实例与原型之间的关系。1、先说实例与构原创 2017-05-05 15:26:31 · 290 阅读 · 0 评论 -
HTTP详解
request message response messageHTTP概念HTTP(超文本传输协议)是一个基于请求与响应模式的、无状态的、应用层的协议,常基于TCP的连接方式。无状态是指Web浏览器和Web服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后Web服务器返回原创 2017-05-05 10:48:18 · 259 阅读 · 0 评论 -
JSONP的原理
今天看面试题看到了JSONP的实现,而且上次面试也被问到了,虽然回答出来了,但还是需要整理一下。本文先介绍JSONP的实现原理,介绍几个例子。关于JSON是什么,我会在下一篇介绍。WHYAjax直接请求一般文件存在跨域无权限访问的问题,而我们发现凡是拥有src属性的标签都拥有跨域能力,比如、、,于是可以判断,可以利用这些标签跨域访问数据,也就是在远程服务器上设法把数据装进js格式的原创 2017-05-04 23:03:14 · 418 阅读 · 0 评论 -
JavaScript数据类型和转换
js数据类型和转换这是每门编程语言都要学的,每本书开头都是数据类型和变量什么的,是不是觉得我都会了,跳过。。BUT,这次no,这是最基本最重要的地方,一定要认真看。一、数据类型分为两类:基本数据类型和引用数据类型。基本数据类型:string(字符串),number(数字),boolean(布尔值),null(空),undefined(未定义)引用数据类型:a原创 2017-05-07 13:57:10 · 422 阅读 · 1 评论