前端
蓝色杯子和猫
学习是一件让人身心愉悦的事情
展开
-
清除浮动
方式/原理原创 2017-06-05 15:38:26 · 177 阅读 · 0 评论 -
水平垂直居中
111原创 2017-06-05 15:40:27 · 184 阅读 · 0 评论 -
url 请求的过程
页面加载过程(性能:页面加载过程) 输入网址后如何查找服务器 输入url到页面展示渲染过程原创 2017-06-05 15:43:10 · 309 阅读 · 0 评论 -
关于 两列 三列 布局
1.自适应两列 2.固定宽度两列 3.自适应三列 4.特殊三列原创 2017-05-29 22:28:01 · 374 阅读 · 0 评论 -
HTML5 和 CSS3
H5有个拖拽时间,用原生JS实现它 Canvus原创 2017-06-05 15:48:52 · 285 阅读 · 0 评论 -
HTML 的语义化理解
111原创 2017-06-05 15:49:11 · 273 阅读 · 0 评论 -
CSS 动画性能比较问题
111原创 2017-06-05 15:49:32 · 264 阅读 · 0 评论 -
mvvm的基本原理
MVC,MVP 和 MVVM 的图示原创 2017-06-05 15:55:59 · 632 阅读 · 0 评论 -
promise
如何自己实现一个promise promise简单描述一下,如何在外部进行resolve()原创 2017-06-05 15:59:40 · 304 阅读 · 0 评论 -
前端安全
一.CSRF(跨站点请求伪造)中文名称:跨站请求伪造攻击方式。 攻击者可以盗用你的登录信息,以你的身份模拟发送各种请求。 例如:当用户登录网络银行去查询存款余额的时候,还没有退出的时候,就点击了QQ发来的消息,那么该用于账户中的资金就有可能转移到攻击者指定的账户中。1.1 CSRF原理原理如下图:登录信任的网站A,并且在本地产生的cookie在不退出甲的情况下,访问危险网站乙 CSRF原创 2017-06-05 15:47:35 · 375 阅读 · 0 评论 -
ES6的一些事
一、对ES6的一些认识let 作用域 const箭头函数模块化class类支持promisepromise的实现就是把所有的方法压入一个数组,有三种状态,判断当前状态如果是pending就改变状态二、generator和async的对比三、CMD规范入口seajs.use('./b.js');参数定义// a.jsdefine(function (require, exports, m原创 2017-05-29 22:32:04 · 201 阅读 · 0 评论 -
前端优化问题详解
一、页面级优化1. 减少 HTTP请求数 这条策略基本上所有前端人都知道,而且也是最重要最有效的。都说要减少 HTTP请求,那请求多了到底会怎么样呢 ?首先,每个请求都是有成本的,既包含时间成本也包含资源成本。一个完整的请求都需要经过 DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据这样一个 “漫长” 而复杂的过程。时间成本就是用户需要看到或者 “感受” 到这个资源是必须要等待这个原创 2017-05-29 22:29:42 · 253 阅读 · 0 评论 -
BFC详解
占原创 2017-06-03 22:19:55 · 273 阅读 · 0 评论 -
Cookies 相关
1 本地存储的类型sessionStorage / localStorage / Database Storage / globalStorage HTML5本地存储详解2 cookie如何设置,原理Cookie是Web服务器生成,向用户浏览器发送的一小段ASCII文本。当浏览器接收到后,会将其信息片段以“键-值”对的形式保存在某个目录下的文本文件中。以后每次向同一个服务器发送请求的时候,浏览器都原创 2017-06-05 15:35:23 · 320 阅读 · 0 评论 -
Web前端,高性能优化
高性能HTML 高性能CSS高性能JavaScriptWeb前端,高性能优化原创 2017-06-12 14:04:51 · 363 阅读 · 0 评论 -
Flex 问题
flex布局原创 2017-05-29 22:31:18 · 272 阅读 · 0 评论 -
模块化
模块化方式你平时用哪个最多? 怎么理解模块化 手写实现requireJS模块实现原创 2017-06-05 15:36:05 · 235 阅读 · 0 评论 -
web前端开发之几种布局方式之响应式布局
web前端开发之几种布局方式之响应式布局一、理解几种布局的概念1、静态布局(Static Layout)即传统Web设计,对于PC设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅被遮掩部分; 意思就是不管浏览器尺寸具体是多少,网页布局就按照当时写代码的布局来布置; 对于移动设备,单独设计一个布局,使用不同的域名如wap.或m.。2、弹性布局弹性布局是CSS3引入的强大的布局原创 2017-05-28 18:39:06 · 2210 阅读 · 0 评论 -
for循环中的i变量问题
for循环中的i变量问题1.如何点击每一列的时候alert 其index?<ul id="test"> <li>111</li> <li>222</li> <li>333</li> <li>444</li></ul>原创 2017-05-28 20:57:38 · 5485 阅读 · 0 评论 -
圣杯布局和双飞翼布局解析
圣杯布局和双飞翼布局解决的问题是一样的,就是两边固定宽,中间自适应的三栏布局,中间栏要在放在文档流前面以优先渲染。圣杯布局和双飞翼布局解决问题的方案在前一半是相同的,也就是三栏全部float浮动,但左右两栏加上负margin让其跟中间栏div并排,以形成三栏布局。不同在于解决”中间栏div内容不被遮挡“问题的思路不一样:见代码后的解析双飞翼布局还有个好处,让Main变成BFC元素了,屏幕宽度缩原创 2017-05-29 10:42:55 · 524 阅读 · 0 评论 -
HTTP状态码详解
1xx - 信息提示这些状态代码表示收到Web浏览器的请求,正在进一步处理中100 - Continue 初始的请求已经接受,客户应当继续发送请求的其余部分。当客户端要POST较大数据给webserver时,可以在发送http头时带上Expect:100-continue,服务器如果接受这个请求,应答一个HTTP/1.1 100 Continue,那么客户端就继续传输正文,否则应答417 Expe原创 2017-05-29 13:19:34 · 312 阅读 · 0 评论 -
HTTP中GET与POST的区别
区别:GET用于信息获取,而且应该是安全的和幂等的。 POST表示可能修改变服务器上的资源的请求 (待续…)表面上:GET请求的数据会附在URL之后(就是把数据放置在HTTP协议头中),以?分割URL和传输数据,参数之间以&相连; POST把提交的数据则放置在是HTTP包的包体中(Request body)。GET方式提交的数据最多只能是1024字节,理论上POST没有限制get:服原创 2017-05-29 14:25:10 · 492 阅读 · 0 评论 -
一次完整的HTTP请求
一次完整的HTTP请求所经历的7个步骤HTTP通信机制是在一次完整的HTTP通信过程中,Web浏览器与Web服务器之间将完成下列7个步骤: 1.建立TCP连接在HTTP工作开始之前,Web浏览器首先要通过网络与Web服务器建立连接,该连接是通过TCP来完成的,该协议与IP协议共同构建Internet,即著名的TCP/IP协议族,因此Internet又被称作是TCP/IP网络。HTTP是比TCP更高层原创 2017-05-29 14:55:50 · 440 阅读 · 0 评论 -
canvas
占坑原创 2017-05-29 22:30:26 · 257 阅读 · 0 评论 -
js实现一个图片 懒加载插件
懒加载的意义及实现方式有: 意义: 懒加载的主要目的是作为服务器前端的优化,减少请求数或延迟请求数。原创 2017-05-29 22:33:05 · 342 阅读 · 0 评论 -
CSS的各种居中方法
占坑原创 2017-05-29 22:34:58 · 202 阅读 · 0 评论 -
HTML与XHTML
一、不同点XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。 标签名必须用小写字母。XHTML 文档必须拥有根元素二、XHTML的优点xhtml是xml它可以被扩展用来包含新的标记。在一些主页领域会很有用处。有许多数据和信息是用xml编写的。而把它译成xhtml很容易。所以用xhtml更容易获取网页上的信息。xhtml兼具xml、html的优点,既能像xml一原创 2017-05-31 21:48:44 · 215 阅读 · 0 评论 -
HTTP缓存
最近一直效率不高,希望以后能改正。1. Web缓存的工作原理所有的缓存都是基于一套规则来帮助他们决定什么时候使用缓存中的副本提供服务(假设有副本可用的情况下,未被销毁回收或者未被删除修改)。这些规则有的在协议中有定义(如HTTP协议1.0和1.1),有的则是由缓存的管理员设置(如DBA、浏览器的用户、代理服务器管理员或者应用开发者)2.浏览器端的缓存规则浏览器缓存机制,是一个很大的话题,详见九种浏览原创 2017-05-31 17:52:59 · 781 阅读 · 0 评论 -
关于 position
定位有哪几种 分别是相对于什么来定位 相对谁定位,百分比以谁为参照原创 2017-06-05 15:27:08 · 203 阅读 · 0 评论