web
步行者之神
这个作者很懒,什么都没留下…
展开
-
RWD----响应式网页设计
响应式网页设计(RWD Responsive Web Design)是将已有的开发技巧(弹性网格布局,弹性图片,媒体和媒体查询)整合起来,还可以称为流式设计,塑料布局,流体设计,自适应布局,跨设备设计以及弹性设计。真正的响应式布局不仅仅只是根据视口大小改变网页布局,相反,它是要从整体上颠覆我们当前的设计方法,以往我们都是对桌面电脑进行固定宽度设计,然后将其缩小并对小屏幕进行内容重排,现在是应该原创 2016-12-05 16:25:58 · 1237 阅读 · 0 评论 -
小谈CSRF
一.CSRF是什么? CSRF(Cross-site request forgery),中文名称:跨站请求伪造,也被称为:one click attack/session riding,缩写为:CSRF/XSRF。 二.CSRF可以做什么? 你这可以这么理解CSRF攻击:攻击者盗用了你的身份,以你的名义发送恶意请求。CSRF能够做的事情包括:以你名义发送邮件,发消息,盗取原创 2017-09-15 17:17:53 · 312 阅读 · 0 评论 -
CSS 垂直居中的11种方式
11种实现方式分别如下: 1. 使用绝对定位和负外边距对块级元素进行垂直居中 html代码: div id="box"> div id="child">我是测试DIVdiv> div> css代码: #box { width: 300px; height: 300px; background: #ddd; positio原创 2017-04-13 21:52:25 · 1134 阅读 · 0 评论 -
jQuery中事件绑定bind、live、delegate、on方法
1. 给页面上的某个元素绑定事件,最初采用下面的方式实现: $(‘selector’).click(function(){ //code }); 缺点: 不能同时绑定多个事件,不能绑定动态的元素。 后来接触到了on、bind、live、delegate,以下是对它们的一些探究。 2. bind(type,[data],fn原创 2017-04-08 20:44:11 · 408 阅读 · 0 评论 -
jQuery 事件委托
随着DOM结构的复杂化和Ajax等动态脚本技术的运用,有了较多的动态添加进来的元素,直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到,在这里就需要用到事件委托方法,JQ为事件委托提供了live()、dalegate()和on()方法。 事件委托 我们知道,DOM在为页面中的每个元素分派事件时,相应的元素一般都在事件冒泡阶段处理事件。在类似 body > div原创 2017-04-08 20:33:53 · 2756 阅读 · 0 评论 -
js继承方式总结
写在前面 一直不喜欢JS的OOP,在学习阶段好像也用不到,总觉得JS的OOP不伦不类的,可能是因为先接触了Java,所以对JS的OO部分有些抵触。 偏见归偏见,既然面试官问到了JS的OOP,那么说明这东西肯定是有用的,应该抛开偏见,认真地了解一下 约定 P.S.下面将展开一个有点长的故事,所以有必要提前约定共同语言: 1 2 3原创 2017-04-08 19:26:34 · 195 阅读 · 0 评论 -
Ajax跨域方法
由于在工作中需要使用AJAX请求其他域名下的请求,但是会出现拒绝访问的情况,这是因为基于安全的考虑,AJAX只能访问本地的资源,而不能跨域访问。 比如说你的网站域名是aaa.com,想要通过AJAX请求bbb.com域名中的内容,浏览器就会认为是不安全的,所以拒绝访问。 会出现跨域问题的几种情况: 后台在百度上寻找解决方案解决了这个问题,一共总结出三种方案:代理、JSON原创 2017-04-08 13:54:15 · 270 阅读 · 0 评论 -
html设置浏览器模式
标准模式与怪异模式: 由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Stand原创 2017-04-07 22:24:37 · 3558 阅读 · 0 评论 -
浏览器标准模式和怪异模式
要想写出跨浏览器的CSS,必须知道浏览器解析CSS的两种模式:标准模式(strict mode)和怪异模式(quirks mode)。 所谓的标准模式是指,浏览器按W3C标准解析执行代码;怪异模式则是使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式,与你网页中的DTD声明直接相关,DTD声明定义了标准文档的转载 2017-04-07 22:05:13 · 271 阅读 · 0 评论 -
float 效果AND原理解析
先看一下在w3c中对于float的解释 float被归类于CSS 定位属性(Positioning) 描述:规定框是否应该浮动。 定义和用法:float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能原创 2017-04-06 22:37:50 · 663 阅读 · 0 评论 -
float 原理~
CSS Float是网页设计最强大的灵活性功能之一。本文介绍CSS Float的基本原理和行为特征,并介绍各种浏器Float特性的Bugs。 内容 基本的浮动原理 浮动是如何进行的 浮动从何处开始 水平浮动堆叠 反向浮动 Clearing Floats 基本的浮动原理 任何元素 element 都可以被浮动。段落、div、list、tables,以及图像都可以被浮动,事实上即使是像 span 和转载 2017-04-06 22:14:47 · 313 阅读 · 0 评论 -
jQuery选择器
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css转载 2017-04-06 22:02:43 · 168 阅读 · 0 评论 -
小谈闭包
一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一转载 2017-03-08 21:12:56 · 168 阅读 · 0 评论 -
Flex布局详解
网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就转载 2017-03-08 19:47:37 · 194 阅读 · 0 评论 -
前端面试题
1、你做过的最满意的前端作品? 2、你了解哪些新技术? 3、你是怎样接触前端的? 4、你对你的学校和专业怎么看? 5.下图绿色区域的宽度为100%,其中有三个矩形,第一个矩形的宽度是200px,第二个和第三个矩形的宽度相等。请使用CSS3中的功能实现它们的布局。 已知HTML结构是: column 1 column 2 column 3 5.解答:转载 2017-03-02 21:06:30 · 464 阅读 · 0 评论 -
css标签及其作用
http://www.w3school.com.cn/cssref/index.asp原创 2016-12-05 16:03:41 · 717 阅读 · 0 评论 -
HTML知识点总结
允许用户将页面最多放大到设备宽度的3倍,最小压制设备宽度的一半 user-scaleable=no 禁止缩放原创 2016-12-05 16:10:54 · 235 阅读 · 0 评论 -
TP50、TP90、TP99、TP999
TP=Top Percentile,Top百分数,是一个统计学里的术语,与平均数、中位数都是一类。 TP50、TP90和TP99等指标常用于系统性能监控场景,指高于50%、90%、99%等百分线的情况。 首先给出Google到的答案: The tp90 is a minimum time under which 90% of requests have been served. tp90 ...原创 2019-04-29 17:59:08 · 1437 阅读 · 0 评论