Fork me on GitHub
摘要: 前言 Http 缓存机制作为 web 性能优化的重要手段,对于从事 Web 开发的同学们来说,应该是知识体系库中的一个基础环节,同时对于有志成为前端架构师的同学来说是必备的知识技能。 但是对于很多前端同学来说,仅仅只是知道浏览器会对请求的静态文件进行缓存,但是为什么被缓存,缓存是怎样生效的,却并不是 阅读全文
posted @ 2017-02-10 14:25 云中桥 阅读(119862) 评论(60) 推荐(92) 编辑
摘要: 前言 最近有人问我,如何将一个对象复制一份,因为他遇到了一个需求,需要将后端获取的数据,保存一份,原始数据会因为交互而发生变化,最终需要对比两份数据的异同。 他是一个刚入行的小朋友,他的实现方式就是新声明了一个变量,然后将数据赋值给了变量。本以为这就ok了,结果修改原数据,复制出来的变量中的内容,依 阅读全文
posted @ 2017-11-24 16:00 云中桥 阅读(502) 评论(0) 推荐(2) 编辑
摘要: text-shadow [tɛkst] - [ˈʃædoʊ] 定义: text-shadow: none | <shadow> [,<shadow>]* <shadow><length>{2,3} && color <length>--1:阴影的水平偏移量,正值阴影在右侧,负值阴影在左侧,必填 <l 阅读全文
posted @ 2017-08-23 17:32 云中桥 阅读(785) 评论(0) 推荐(0) 编辑
摘要: 什么是Async/Await ES6新增了Promise函数用于简化项目代码流程。然而在使用promise时,我们仍然要使用callback,并且并不知道程序要干什么,例如: 最终console.log(i) 的结果是5,并不是0 为此,ES7引入了async函数,前面的例子可以改写这样: 这段代码 阅读全文
posted @ 2017-08-22 17:05 云中桥 阅读(1305) 评论(0) 推荐(0) 编辑
摘要: box-shadow [bɑks] - [ˈʃædoʊ] 英文示意: box:盒,包厢 shadow:阴影,渐变 定义: box-shadow: none | <shadow> [,<shadow>]* <shadow>:inset? && <length>{2,4} && color inset: 阅读全文
posted @ 2017-08-21 15:33 云中桥 阅读(1018) 评论(0) 推荐(0) 编辑
摘要: border-radius [ˈbɔrdə(r)] - [ˈrediəs] 英文示意: border:边界,国界,边疆 radius:半径,范围 定义: 复合写法: border-radius: [ length | % ] (可以设置宽度/百分比); border-radius: [ length 阅读全文
posted @ 2017-08-21 14:12 云中桥 阅读(2154) 评论(0) 推荐(0) 编辑
摘要: XSS攻击的原理 xss表示Cross Site Scripting(跨站脚本攻击),它与SQL注入攻击类似,SQL注入攻击中以SQL语句作为用户输入,从而达到查询/修改/删除数据的目的,而在xss攻击中,通过插入恶意脚本,实现对用户游览器的控制。 xss攻击主要用户攻击者盗取用户的cookie,由 阅读全文
posted @ 2016-02-19 14:53 云中桥 阅读(1776) 评论(0) 推荐(0) 编辑
摘要: 压缩浏览器使用Accept-Encoding头来生命它支持压缩。服务器使用content-Encoding头确认响应已被压缩。持久连接request: Connection:keep-aliveresponse: Connection:keep-alive图片优化1.使用图片地图,将多个图片整合到一... 阅读全文
posted @ 2014-06-29 23:11 云中桥 阅读(814) 评论(0) 推荐(1) 编辑
摘要: prototype,__proto__,constructor在 JavaScript 原型继承结构里面,规范中用 [[Prototype]] 表示对象隐式的原型,在 JavaScript 中用 __proto__ 表示,并且在 Firefox 和 Chrome 浏览器中是可以访问得到这个属性的,但... 阅读全文
posted @ 2014-05-19 19:46 云中桥 阅读(613) 评论(0) 推荐(0) 编辑