url

浅谈HTTP中Get与Post的区别

♀尐吖头ヾ 提交于 2020-03-02 03:42:39
Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的 查, 改, 增, 删4个操作。到这里,大家应该有个大概的了解了,GET一般用于 获取/查询资源信息,而POST一般用于 更新资源信息。    1 .根据HTTP规范,GET用于信息获取,而且应该是安全的和幂等的。   (1).所谓安全的意味着该操作用于获取信息而非修改信息。换句话说,GET 请求一般不应产生副作用。就是说,它仅仅是获取资源信息,就像数据库查询一样,不会修改,增加数据,不会影响资源的状态。   * 注意:这里安全的含义仅仅是指是非修改信息。   (2).幂等的意味着对同一URL的多个请求应该返回同样的结果。这里我再解释一下 幂等 这个概念:    幂等 (idempotent、idempotence)是一个数学或计算机学概念,常见于抽象代数中。   幂等有一下几种定义:   对于单目运算,如果一个运算对于在范围内的所有的一个数多次进行该运算所得的结果和进行一次该运算所得的结果是一样的,那么我们就称该运算是幂等的。比如绝对值运算就是一个例子,在实数集中,有 abs(a) = abs(abs(a))。  

jquery 在页面上根据ID定位(jQuery锚点跳转及相关操作) 经典

淺唱寂寞╮ 提交于 2020-03-01 23:34:52
1.锚点跳转简介 Edit 锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。比如百度的百科页面,wiki中的page内容。 我知道实现锚点的跳转有两种形式,一种是a标签+name属性;还有一种就是使用标签的id属性。百度百科就是使用a标签的name属性来实现锚点跳转的。 比如: <a href=”# 2 ”>波轮洗衣机介绍</a> <a name=” 2 ”></a> 但是上种方法使用了一个空标签,而且有时候会出现锚点失效。所以建议采用id来绑定锚点,代码如下: <a href=”# 2 ”>波轮洗衣机介绍 <h2 id=” 2 ”>波轮洗衣机介绍</h2> 2.含锚点跳转的URL地址 Edit 【1】关于# 在页面的制作中,”#”的符号很常见,并且具有通用性。基本上,其表示的含义是id选择符。例如:CSS中#header{}就表示id为header的标签的样式如何;在 jQuery 中,$(“#header”)表示选择id为header的标签为JQuery对象;同样的,在页面的URL中,”#”也可以理解为id选择符之意,也就是页面跳转到含URL指向的id的标签处。 例如输入一个地址 http://baike.baidu.com/view/121416.htm?pf=1#3 这个地址中末尾有个”#”,这个就相当于告诉浏览器要跳转了,#后面跟着的3表示会在

基于jquery实现的上传图片及图片预览效果代码

妖精的绣舞 提交于 2020-03-01 22:31:12
<!DOCTYPE html> <html> <head> <title>HTML5上传图片预览</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js"></script> </head> <body> <h3>请选择图片文件</h3> <form name="form0" id="form0"> <input type="file" name="file0" id="file0" multiple="multiple" /><br><img src="" id="img0"> </form> <script> $("#file0").change(function() { var objUrl = getObjectURL(this.files[0]); console.log("objUrl = " + objUrl); if(objUrl) { $("#img0").attr("src", objUrl); } }); //建立一個可存取到該file的url function getObjectURL(file) { var url = null; if

css引入字体

感情迁移 提交于 2020-03-01 21:27:59
@font-face{ font-family: '字体名称随便起'; src: url('../font/字体名称.eot'); src:url('../font/字体名称.woff') format('woff'), url('../font/字体名称.ttf') format('truetype'), url('../font/字体名称.svg') format('svg'); } //html中的代码中加一个h1或者其他的,里面写你自己想要的特殊文字 h1{font-size:36px; color:#ccc;font-family: "字体名称随便起";} 来源: https://www.cnblogs.com/sooooogiotto/p/10830097.html

在css使用自定义字体

為{幸葍}努か 提交于 2020-03-01 21:27:31
在css文件中通过@font-face自定义字体,src 为字体文件的相对路径。 @font-face { font-family: "LED";//为字体取名字 src: url("fonts/HD_UnidreamLED.ttf") format('truetype');//字体文件 } //在样式中使用该字体 .led { font-size:50px; font-family: LED; } 注:每种格式的字体文件,format()的值可能不一样。 src: url('YourWebFontName.eot?') format('eot');src:url('YourWebFontName.woff') format('woff');src:url('YourWebFontName.ttf') format('truetype');src:url('YourWebFontName.svg') format('svg'); 如果文章对你有帮助,麻烦帮忙点个赞哦!嘿嘿!做一个靠谱的技术博主! 来源: https://www.cnblogs.com/CatcherLJ/p/11207226.html

css- @media @font-face 的理解

家住魔仙堡 提交于 2020-03-01 21:23:08
在我的博客园定制的css中有2个之前没有遇到的csss属性 @font-face @media @media 在css文件中的使用如下 ` @media screen and (max-width: 1260px) { body { margin: 0 30px; } } @media screen and (max-width: 600px) { body { font-size: 13px; } } ` @media查询 @media 属性在CSS3里面已经演变成一种 media queries(媒体查询/匹配)了,在CSS3里面,可以用查询语句来匹配各种类型的屏幕。 使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 以上的代码意思是 当是屏幕而且宽度小于1260px的时候 把body的margin改成xxx 当是屏幕而且宽度小于600px的时候 把body的字体改成xxx @font-face规则 网页设计师再也不必使用的"web-safe"的字体之一。 字体的名称,font - face规则: font-family: myFirstFont;

Vue 技术栈 快速学习 前端面试

大憨熊 提交于 2020-03-01 20:27:06
起因 一直想着要写一定深度的文章,然后觉得学习Vue是一个好的过程,本文将带你走进Vue的世界,支持国内框架! 如果看完本文还不懂Vue是什么的小伙伴,可以随便打博主!(斜眼笑),前方高能,本文可能篇幅比较长,建议收藏在闲暇时间学习,也欢迎伙伴们讨论留言学习! Vue -渐进式JavaScript框架 介绍 vue 中文网 vue github Vue.js 是一套构建用户界面(UI)的渐进式JavaScript框架 库和框架的区别 提问!你真的懂 前端框架(framework ) 与 库(library) 怎么区别吗? Library 库,本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者 代表:jQuery jQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作 Framework 框架,是一套完整的解决方案,使用框架的时候,需要把你的代码放到框架合适的地方,框架会在合适的时机调用你的代码 框架规定了自己的编程方式,是一套完整的解决方案 使用框架的时候,由框架控制一切,我们只需要按照规则写代码 主要区别 You call Library, Framework calls you 核心点:谁起到主导作用(控制反转) 框架中控制整个流程的是框架 使用库,由开发人员决定如何调用库中提供的方法(辅助) 好莱坞原则:Don’t call

python中urllib.request对象案例

懵懂的女人 提交于 2020-03-01 19:58:10
刚刚接触爬虫,基础的东西得时时回顾才行,这么全面的帖子无论如何也得厚着脸皮转过来啊! 什么是 Urllib 库? urllib 库 是 Python 内置的 HTTP 请求库。urllib 模块提供的上层接口,使访问 www 和 ftp 上的数据就像访问本地文件一样。 有以下几种模块: 1.urllib.request 请求模块 2. urllib.error 异常处理模块 3. urllib.parse url 解析模块 4. urllib.robotparser robots.txt 解析模块 Urllib 库下的几种模块基本使用如下: urllib.request 关于 urllib.request : urllib.request 模块提供了最基本的构造 HTTP (或其他协议如 FTP)请求的方法,利用它可以模拟 浏览器 的一个请求发起过程。利用不同的协议去获取 URL 信息。它的某些接口能够处理基础认证 ( Basic Authenticaton) 、redirections (HTTP 重定向)、 Cookies (浏览器 Cookies)等情况。而这些接口是由 handlers 和 openers 对象提供的。 1.常用的方法有   read()==读取文件内容   geturl()==获取请求url   getheaders()==获取http请求头信息  

从输入URL网址到页面呈现发生了什么

风格不统一 提交于 2020-03-01 19:56:01
从两方面分析:网络通信+页面渲染 如果想要了解TCP/IP推荐两篇: TCP/IP && TCP/IP DNS(域名系统【 Domain Name System ) 网络通信部分 第一步:DNS解析URL对应的IP(输入URL,可能为域名,可能为IP,如果是域名,要进行DNS解析,解析为该域名对应的IP地址); DNS解析: 客户端先检查host文件里是否有这个网址映射关系,有,结束完成解析,进行第二步,没有继续查找 查找本地DNS解析器缓存是否有这个网址映射关系,有,结束完成解析,进行第二步,没有继续查找 查找本地DNS服务器,如果要查询的域名,包含在本地配置区域资源中,结束完成解析,进行第二步,没有由本地域名服务器向根域名服务器发起查询(迭代查询) 迭代查询,按根域服务器 ->顶级域,.cn->第二层域,hb.cn ->子域,www.hb.cn的顺序找到IP地址。 第二步:获取到IP之后,建立TCP链接,三次握手。 TCP的三次握手: 第一次握手:客户端A将标志位SYN置为1,随机产生一个值为seq=J(J的取值范围为=1234567)的数据包到服务器,客户端A进入SYN_SENT状态,等待服务端B确认; 第二次握手:服务端B收到数据包后由标志位SYN=1知道客户端A请求建立连接,服务端B将标志位SYN和ACK都置为1,ack=J+1,随机产生一个值seq=K

PHP 对外提供API

安稳与你 提交于 2020-03-01 17:36:41
linux nginx php 架构 环境搭建参考: http://my.oschina.net/u/1445488/blog/632611 以下为PHP代码demo. <?php //echo phpinfo(); $url=urldecode($_SERVER['REQUEST_URI']); //echo $url; $url=parse_url($url); //print_r($url); $path=$url['path']; $path_arry=explode('/', $url['path']); //print_r($path_arry); $query_arry=explode('/', $url['query']); //print_r($_SERVER); //echo "haojinglong"; //print_r($query_arry); $exe="convert -resize ".$query_arry[3]."x".$query_arry[5]." ".$path_arry[2]." test_".$path_arry[2]; //echo $exe; exec($exe,$o,$e); //print_r($o); //echo $e; //print_r($exec_out); header("Content-type:png");