![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
文章平均质量分 59
L_x_Ll
这个作者很懒,什么都没留下…
展开
-
清除浮动的几种常用方法
使用float时,会对父元素产生一定的影响,如果父元素没有设置宽高时,则会出现高度塌陷等问题。以下是几种解决浮动问题的方法:1、给父元素加display:inline-block;2、给父元素也加浮动;3、浮动元素下加4、使用伪元素:after{content:"";clear:both;display:block}5、给父元素加overflow:hidde原创 2016-01-12 16:28:49 · 878 阅读 · 0 评论 -
iframe
定义:iframe会创建包含另一个文档的内联框架;提示:您的浏览器不支持iframe这样可以应对无法理解iframe的浏览器。iframe用处:1>.一个网页中嵌入了另一个网页:直接给iframe的src指定要嵌入的网页即可; 2>.局部刷新: ①通过和替换iframe的src实现局部刷新;eg.js:function refresh(url){document.原创 2016-03-25 16:58:43 · 890 阅读 · 0 评论 -
前端的MVC
MVC,是model(模型)— view(视图)— controller(控制器)的缩写,MVC从最初存在于桌面应用中发展到后来成为非常受开发人员欢迎的设计软件模式,在各个方向开发过程中都很受用。下面,我们就简单看一看前端开发中的MVC。MVC已经实现了对html、css、javascript的完全控制,就以一个事件发生过程为例说一说吧:首先人机交互;控制器事件处理被触发;接着控制器从模型中请原创 2016-03-24 23:18:37 · 724 阅读 · 0 评论 -
计算机网络部分基础知识
1.一次完整的HTTP请求所包含的7个步骤a.建立tcp连接:Internet被称为TCP/IP网络,HTTP是比tcp更高层次的应用层协议,只有低层次的建立之后才能进行高层次的连接。b.Web浏览器向Web服务器发送请求命令;c.Web浏览器发送请求头信息:之后发送一行空白行表示发送结束d.Web服务器应答:HTTP/1.1 200 OK原创 2016-02-28 20:51:40 · 553 阅读 · 0 评论 -
css3动画
CSS动画分为Transition功能和Animations功能Transition功能支持从一个属性值平滑过渡到另一个属性值:在样式代码中,如果使用Firefox浏览器,需要写成“-moz-transition”的形式;如果使用Opera浏览器,需要写成“-o-transition”形式;如果使用的是Safari或者是Chrome浏览器,需要写成“-webkit-transtion”形式。原创 2016-02-28 20:16:07 · 405 阅读 · 0 评论 -
关于Ajax
Ajax是无需刷新页面就能从服务器获取数据的一种方法。首先,负责Ajax运作的核心对象是XMLHttpRequest(XHR)对象,虽可能存在实现差异,但是XHR对象的基本用法在各浏览器间还是相对规范的,因此可以放心使用;XHR为通信设置了“相同的域,相同的端口,相同的协议”这一限制,只能实现同源通信,否则会引发安全错误。Ajax跨域:CORS(跨源资源共享)定义了在访问跨源资源时,浏原创 2016-02-28 19:28:38 · 444 阅读 · 0 评论 -
前端性能优化方案索引
下面只是简单说明一下前端性能优化的方法,每种方案具体还需要自己再去仔细推敲。1.请求和响应 缓存控制设置请求头 发送If-Modified-Since以及If-None-Match来询问服务器请求内容是否更新;设置响应头 Expires可以设置过期时间,Last-Modified最近更新时间。GZIP压缩请求头里可以设置Accept-Encoding告知浏览器支持的压缩方原创 2016-02-27 09:53:37 · 478 阅读 · 0 评论 -
HTML Meta标签
META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词等。META标签的内容设计对于搜索引擎营销来说是至关重要的一个因素。下边是列举了4个meta标签的不常见功能:1.控制浏览器缓存:本地缓存会提高我们的访问速度,有时候当我们重新打开网页时,发现页面没有更新,而是显示的缓存内容,要解决这个问题,可以使用meta标签:也可以设置截止日期,指定文件过期时原创 2016-02-27 09:22:30 · 400 阅读 · 0 评论 -
web storage和cookie的区别
1. Cookie的大小是受限的;2. 每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽;3. cookie还需要指定作用域,不可以跨域调用;4. Web Storage拥有setItem,getItem等方法,cookie需要前端开发者自己封装setCookie,getCookie;5.转载 2016-02-27 09:05:35 · 1426 阅读 · 0 评论 -
多栏布局和盒布局
Web页面中的布局,是指在页面中如何对标题、导航栏、主要内容、脚注、表单等各种构成要素进行一个合理的编排。css3之前,主要使用display+float+position进行页面简单布局,但是它们也存在一些缺点,譬如两栏或者多栏中元素高度不一时,可能导致底部很难对齐。因此,css3中引入了一些新的布局方式,使用这些布局除了可以修改之前布局遇到的问题之外,还可以进行更为便捷、更为复杂的原创 2016-03-22 16:46:02 · 628 阅读 · 0 评论 -
CSS部分要点
1、link和import区别:link语法属于标签,同时加载,实现DOM操作import语法: @inport"aa.css"属于css,后加载,不能实现DOM操作,可以在CSS中引入其它CSS2、如何理解CSS样式表的层叠性CSS层叠是指CSS在针对同一元素配置同一属性时,依据层叠规则来处理冲突。CSS使用层叠的原则来考虑继承、优先级等重要特征,从原创 2016-02-20 13:44:33 · 495 阅读 · 0 评论 -
JS作用域
前些天看到了关于JS作用域的文章,结合自己之前了解的一些,在这里做了一个小小的总结。作用域也就是变量能够在声明它的函数体以及这个函数体所嵌套函数体中都是被定义的。举个简单的例子function scope(){var f=“foo“;if(2var a="1";console.log("f:"+f);//foo}while(1){var b="22"原创 2016-03-04 15:08:45 · 362 阅读 · 0 评论 -
遮罩层(JS+CSS)
实现要求:点击按钮,出现遮罩层并且居中显示文字:提前写好要实现的遮罩层,css定义好样式,js控制display为none或者为block,具体代码如下CSS代码:style type="text/css"> #mask{ position:absolute; left:0; top:0; width:100%;原创 2016-03-01 15:04:51 · 603 阅读 · 0 评论 -
js闭包
闭包就是一个函数可以访问另一个函数内部的变量,js中父函数不能访问子函数中的变量,但是子函数可以访问父函数中的变量,所以简单来说,闭包就是定义在一个函数内部的函数。在后台的执行环境中,闭包的作用域链中包含自己的作用域,外部函数的作用域以及全局作用域。我们知道,通常函数执行完毕后其中的变量就会被销毁,但是,当函数返回一个闭包时,这个函数的作用域会一直被保存在内存中直至闭包不存在为止,我们在使用过原创 2016-03-04 16:12:38 · 375 阅读 · 1 评论