前端相关技术
文章平均质量分 81
爱酷的桥俏皮
属于自己的小天地
展开
-
Ajax
Ajax Ajax技术的核心是XMLHttpRequest对象。XMLHttpRequext实际上就是在浏览器和服务器之间加入了中间层,这个中间层起到了代理作用,并负责通信。 Ajax的技术组成 XMLHttpRequest对象的方法 方法 描述 open(string method,string url,boolean a...原创 2018-05-18 20:08:49 · 156 阅读 · 0 评论 -
图解HTTP小记
图解HTTP小记(1)HTTP协议和TCP/IP协议族内的其它众多协议相同,用于客户端和服务器端的通信。(2)HTTP协议规定,请求是从客户端发出。(换句话说就是请求是先从客户端开始建立,服务器在收到请求之前不会有答复)(3)请求和响应的报文格式请求报文格式:请求报文由请求方法、请求URI、协议版本、可选的首部字段和内容实体组成。一个简单的请求报文:POST /form...原创 2018-08-03 20:33:23 · 288 阅读 · 0 评论 -
Promise的resolve方法和reject方法
Promise的resolve方法和reject方法Promise.resolve方法返回一个promise的实例Promise.resolve('foo');//等价于如下new Promise((resolve)=>{ resolve('foo');})根据参数不同,分为一下几种情况(1)参数是一个Promise的实例如果参数是一个Promise的实例...原创 2018-07-29 20:48:33 · 57004 阅读 · 2 评论 -
圣杯布局的介绍与实现
1、通过圣杯布局、双飞翼布局、flex布局实现左中右3栏布局(左右固定,中间流动布局)产生原因:以前实现左中右必须按照源顺序(在 DOM 中表现为先写 Left,然后 Middle,最后,Right)等,它将可能导致代码不够灵活,尤其是从 DOM 的载入顺序上来说,中间的内容不能被首先加载。如何实现:结构申明:声明一个容器.container,并同时声明.middle,.left,....原创 2018-07-26 11:12:15 · 530 阅读 · 0 评论 -
javaScript中的继承方式12种
javaScript中的对象的继承方式摘自《JavaScript面向对象编程指南(第二版)》原创 2018-06-06 10:45:40 · 194 阅读 · 0 评论 -
前端性能优化篇
前端性能优化篇首先附上连接:yahoo的优化原则=》https://developer.yahoo.com/performance/rules.html?guccounter=1本文摘自《摘自高性能网站建设指南》前端性能优化策略图(图片源自网络)时间都去了哪里? 浏览器缓存为空 :当我们首次浏览一个页面的时候,真正的对于html文档的请求占用总请求的时间一小部分。其...原创 2018-05-19 15:53:26 · 11713 阅读 · 0 评论 -
javaScript中的函数节流与函数防抖
javaScript中的函数节流与函数防抖 问题:在实际开发中我们很可能用到resize和mousemove等事件,但是这些会频繁的触发,如果是在对应的事件处理函数写一些操作dom的方法的话或者说发送一些ajax请求的话,这样肯定非常耗性能,并且给用户的体验也不好。函数节流 函数节流的原理:持续触发一个事件,每隔一段的时间,事件只会执行一次。simplely speaki...原创 2018-05-19 15:43:51 · 554 阅读 · 0 评论 -
HTML5之FileReader API的使用
HTML5之FileReader API的使用简介 FileReader 对象允许Web应用程序异步读取存储在用户计算机上面的文件(或者原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。其中File对象可以是来自用户在一个input元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTM...原创 2018-05-18 20:14:16 · 1592 阅读 · 0 评论 -
CSS3的点滴
CSS3的点滴1、CSS3给前端带来了什么?(CSS3特性) 过去:我们要么押注用户愿意为优雅漂亮的设计多等点时间(顺便说一句,用户不愿意), 要么为了可用性而抛弃图片,牺牲设计理念。 现在:CSS3 让我们可以在很多方面不必再妥协和 牺牲。仅需要几行代码(而且不用图片),CSS3就可以创造出各种效果:圆角、背景渐变、文字阴影、盒阴影、自定义字体以及多重背景图片(当然,这...原创 2018-05-18 20:11:28 · 188 阅读 · 0 评论 -
CSS命名规范之BEM
What is BEM?BEM:Block(块) Element(元素) Modfier(修饰符),是由Yandex团队提出的一种前端命名方法论。根据这个规范,能够创建出可以复用的前端组件和前端代码。(BEM是一个高可用、强大的、简单易用的命名规范)编程方法论中常见的一个就是面向对象编程(OOP),这种方法用在了许多的语言中。BEM和OOP类似的,是用代码和一系列模式来描述实际情况的方法,...原创 2018-08-01 15:22:30 · 937 阅读 · 0 评论