前端开发
文章平均质量分 73
B1gF4ceC4t
这个作者很懒,什么都没留下…
展开
-
css样式float造成的浮动“塌陷”问题的解决办法
什么是CSS Float?定义: float 属性定义元素浮动到左侧或右侧。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级元素,而不论它本身是何种元素。元素对象设置了float属性之后,它将不再独自占据一行。浮动块可以向左或向右移动,直到它的外边缘碰到包含它的框或另一个浮动块的边框为止。 fload属性有四个可用的值:Le转载 2017-02-21 17:10:34 · 670 阅读 · 0 评论 -
理解HTTP之Content-Type
0x01.About查看Restful API 报头插件:Chrome插件REST Console,以及发送Restful API工具:Chrome插件POST Man在HTTP 1.1规范中,HTTP请求方式有OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT通常我们用的只有GET、POST,然而对于Restful API转载 2017-09-13 21:08:32 · 391 阅读 · 0 评论 -
Ajax方式和jsonp的实现区别
大多数情况下,无论是框架还是自己实现都是通过Ajax的方式来向后端请求数据的,而Ajax之间是通过传输json格式的文件来进行数据的传输的,大家对Ajax也很熟悉了,那么为什么我又要使用jsonp呢?这就要从什么是jsonp,什么是json来说一说了。 json是一种格式,而jsonp是一种调用方式,那么在大家都使用Ajax的情况下为什么我不用呢?因为Ajax作为脚本出于安全的转载 2017-09-13 23:38:42 · 880 阅读 · 0 评论 -
jsonp协议原理深度解析
前言今天在开发联调的过程中,需要跨域的获取数据,因为使用的jquery,当然使用dataType:'jsonp'就能够很easy的解决了。但是因为当时后端没有支持jsonp来访问,后来他在实现这个功能的时候问了我一句,jsonp形式返回的格式是怎么样子的?我一直以来只知道怎么使用,迷迷糊糊的却没有答上来。。。虽然后来解决了,但是对于喜欢解决问题的我,心里却一直耿耿于怀,必须得把转载 2017-09-13 23:40:57 · 250 阅读 · 0 评论 -
Canvas 与 SVG 的比较
SVG SVG 是一种使用 XML 描述 2D 图形的语言。 SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。 在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。 Canvas Canvas 通过 JavaScript 来绘制 2D 图形。转载 2017-09-08 14:27:31 · 786 阅读 · 0 评论 -
html,css,js加载顺序
1.js放在head中会立即执行,阻塞后续的资源下载与执行。因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控。 正常的网页加载流程是这样的。浏览器一边下载HTML网页,一边开始解析解析过程中,发现标签暂停解析,网页渲染的控制权转交给JavaScript引擎如果标签引用了外部脚本,就下载该脚本,否则就直接执行执行完毕,控制权交还渲染引擎,恢复往下解析HT转载 2017-09-17 11:07:16 · 526 阅读 · 0 评论 -
前端必备HTTP技能之同源策略详解
同源策略在web应用的安全模型中是一个重要概念。在这个策略下,web浏览器允许第一个页面的脚本访问第二个页面里的数据,但是也只有在两个页面有相同的源时。源是由URI,主机名,端口号组合而成的。这个策略可以阻止一个页面上的恶意脚本通过页面的DOM对象获得访问另一个页面上敏感信息的权限。对于普遍依赖于cookie维护授权用户session的现代浏览器来说,这种机制有特殊意义。客户端必须在不同站点提转载 2017-09-09 10:30:08 · 909 阅读 · 0 评论 -
session、cookie与“记住我的登录状态”的功能的实现
session、cookie与“记住我的登录状态”的功能的实现Cookie的机制Cookie是浏览器(User Agent)访问一些网站后,这些网站存放在客户端的一组数据,用于使网站等跟踪用户,实现用户自定义功能。Cookie的Domain和Path属性标识了这个Cookie是哪一个网站发送给浏览器的;Cookie的Expires属性标识了Cookie的有 效时间,当Cooki转载 2017-09-18 00:33:20 · 547 阅读 · 0 评论 -
js操作cookie方法
cookiecookie,有时也用其复数形式Cookies,指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据(通常经过加密)。定义于RFC2109和2965都已废弃,最新取代的规范是RFC6265。cookie的作用服务器可以利用Cookies包含信息的任意性来筛选并经常性维护这些信息,以判断在HTTP传输中的状态。Cookies最典型的应用是转载 2017-09-18 00:43:36 · 370 阅读 · 0 评论 -
js中cookie的使用详细分析
cookie概述 cookie 是浏览器提供的一种机制,它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制,而并不是JavaScript本身的性质。cookie是 存于用户硬盘的一个文件,这个文件通常对应于一个域名,当浏览器再次访问这个域名时,便使这个cookie可用。因此,cookie可以跨越一个域名下的 多个网页,但不能跨越多转载 2017-09-18 00:55:35 · 507 阅读 · 0 评论 -
js中几种实用的跨域方法原理详解
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题,我们可以使用以下几种方法:一转载 2017-09-18 01:20:45 · 404 阅读 · 0 评论 -
cookie和session
作者:任云肖链接:https://www.zhihu.com/question/19786827/answer/151015728Session是什么用途定义Session和cookie的区别与联系session的实现原理浏览器禁用cookie后如何实现sessionURL地址重写如何通过URL地址重写实现session的id传输session和co转载 2017-09-27 13:22:33 · 299 阅读 · 0 评论 -
Ajax工作原理
1、ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth、google suggest以及gmail等对ajax技术的广泛应用,催生了ajax的流行。而这也让微软感到无比的尴尬,因为早在97年,微软便已经发明了ajax中的关键技术,并且在99年IE5推出之时,它便开始支持XmlHttpRequest对象,并且微软之前已经转载 2017-09-04 12:45:05 · 203 阅读 · 0 评论 -
Installing Nginx in Mac OS X Mountain Lion With Homebrew
Install with brewUse brew to install the nginx with command:1$ brew install nginxAfter install run:1$ sudo nginxTesting转载 2017-08-20 12:28:25 · 481 阅读 · 0 评论 -
HighCharts 详细使用及API文档说明
一、HighCharts开发说明:HighCharts开发实际上配置HighCharts每个部分,比如配置标题(title),副标题(subtitle)等,其中每个部分又有更细的参数配置,比如标题下有对齐方式(align),标题文字(text)等。二、HighCharts整体结构:通过查看API文档我们知道HighCharts结构如下:var cha转载 2017-02-18 16:44:12 · 277 阅读 · 0 评论 -
GET,POST,PUT,DELETE的区别
Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查,改,增,删4个操作。到这里,大家应该有个大概的了解了,GET一般用于获取/查询资源信息,而POST一般用于更新资源信息。 1转载 2017-01-20 12:58:13 · 1368 阅读 · 0 评论 -
CSS实现div的高度填满剩余空间
转自:http://www.cnblogs.com/zhujl/archive/2012/03/20/2408976.html高度自适应问题,我很抵触用js去解决,因为不好维护,也不够自然,但是纯用CSS,难度不小,比如下面我要说的例子。需求:1. 这个矩形的高度和浏览器窗口的高度相同,不能出现纵向滚动条2. 绿色部分高度固定,比如50px3. 紫色转载 2017-03-06 14:54:56 · 1616 阅读 · 0 评论 -
Babel 转码器
Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在现有环境执行。这意味着,你可以用 ES6 的方式编写程序,又不用担心现有环境是否支持。下面是一个例子。// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item + 1;});上面转载 2017-08-09 17:46:46 · 495 阅读 · 0 评论 -
bower解决js的依赖管理
前言一个新的web项目开始,我们总是很自然地去下载需要用到的js类库文件,比如jQuery,去官网下载名为jquery-1.10.2.min.js文件,放到我们的项目里。当项目又需要bootstrap的时候,我们会重复刚才的工作,去bootstrap官网下载对应的类库。如果bootstrap所依赖的jQuery并不是1.10.2,而是2.0.3时,我们会再重新下载一个对应版本的jQuery替换转载 2017-07-26 10:41:41 · 307 阅读 · 0 评论 -
跨域资源共享 CORS 详解
作者: 阮一峰日期: 2016年4月12日CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。(图片说明:摄于阿联酋艾因(Al Ain)的绿洲公园)转载 2017-08-19 19:42:27 · 282 阅读 · 0 评论 -
JSONP跨域访问
前言昨天在写一个只使用原生js的一个todolist小玩意,然后想给它添加个当地天气的小功能,没想到引发我的一堆基础不牢靠ajax首先,我是想使用ajax的GET方法获取天气api的数据(以前使用jq获取过),可是怎么也获取不了,并且request.status === 0,此时的我很懵逼,一直看过404,200,304,500啥的,就没看过0.后来google转载 2017-08-19 19:58:03 · 338 阅读 · 0 评论 -
ajax跨域之---服务器端代理实现
介绍一种不是通过js实现跨域的方式: 通过服务器端代理实现。具体的思路:由于浏览器有同源策略限制,(同源策略即:https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy),所以想要跨域访问其他域下的资源,需要绕开浏览器的这个限制,可以在服务器端设置一个代理,由服务器端向跨域下的网站发出请求,再将请求结果转载 2017-08-19 23:50:08 · 664 阅读 · 0 评论 -
mac os x 之通过远程主机在nginx上部署web静态页面
1.mac使用ssh命令登陆远程主机 因为苹果mac os x自带ssh命令,所以我们只需打开终端输入 1$ ssh user@remote 在这之前最好在服务器上上传自己的ssh key,避免每次登陆输入密码 稍作等待就连接上服务器了 2.mac使用s转载 2017-08-19 23:53:32 · 729 阅读 · 0 评论 -
用nginx的反向代理机制解决前端跨域问题
1.什么是跨域以及产生原因 跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。 跨域情况如下: url说明是否跨域http://www.cnblogs.co转载 2017-08-19 23:54:55 · 415 阅读 · 0 评论 -
Mac下Nginx环境配置
环境信息:Mac OS X 10.11.1Homebrew 0.9.5正文一、安装 Nginx终端执行:brew search nginxbrew install nginx当前版本 1.6.2安装完以后,可以在终端输出的信息里看到一些配置路径:/usr/local/etc/nginx/nginx.conf (配置文件路径)转载 2017-08-20 12:15:10 · 752 阅读 · 0 评论 -
cookie、 sessionStorage 、localStorage之间的区别和使用
转自:http://www.cnblogs.com/caiyezi/p/5619506.html1.cookie:存储在用户本地终端上的数据。有时也用cookies,指某些网站为了辨别用户身份,进行session跟踪而存储在本地终端上的数据,通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。2.HTML5 提供了两种在客户端存储数据的新方法:(htt转载 2017-09-03 13:39:12 · 369 阅读 · 0 评论