首页
学习
活动
专区
圈层
工具
发布

常用的web方法 web API(二)

在上一篇《常用的web方法 web API(一)》中我们学习了:绑定事件的几种方式、解绑事件的几种方式、创建元素的几种方式、获取节点的几种方式本篇我们将继续学习:轮播图的js方法、offset系列相关属性...这些和子级元素的left没有关系) 如果父元素和子元素都没有脱离文档流的情况下: offsetLeft:父级元素的margin+父级元素的padding+父级元素的border+子   级元素的margin...---当前元素的父级元素 七、scroll系列(scroll系列中的值都是数字类型) 1.scrollHeight:元素内容实际的高度,没有边框,如果内容不能撑起高度,就是元素的高度 2.scrollWidth...三大系列:-------- 1.offset系列 offsetLeft:获取的是元素距离左边的位置(父级元素margin,父级的padding,     父级元素border,自身的margin-...系列 clientLeft:元素的左边框的宽度 clientTop:元素的上边框的宽度 clientWidth:元素的可视区宽度,没有边框的 clientHeight:元素的可视区高度,没有边框的

1.3K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    常用的web方法 web API(一)

    本文主要讲解web API常用的方法,主要内容如下: 1:绑定事件的几种方式 2:解绑事件的几种方式 3:创建元素的几种方式 4:获取节点的几种方式 一、为元素绑定事件三种方式: 1 对象.on+事件类型...   addEventListener 谷歌和火狐值,IE11支持,IE8不支持        三个参数,第一个参数是没有on的        这里的this是当前的对象    attachEvent...IE8支持,谷歌和火狐不支持,IE11不支持        两个参数,第一个参数有on        这里的this是window对象 最后:用什么方式绑定事件,就用对应的方式解绑事件 二、百度搜索大项目...console.log(my$("uu").parentNode); //ul的父级元素 console.log(my$("uu").parentElement); //ul的所有子级节点 console.log...); //总结:获取节点的代码,谷歌是获取节点,获取元素的代码,谷歌是获取元素 //但是,到了IE8中,获取节点的代码是获取元素,获取元素的代码,不支持

    1K50

    浅谈web开发中的Get和Post方法get和post的区别

    在http协议中,实际上有八个http方法。但在实际开发中,绝大多数情况我们只会用到两个方法,就是get和post。所以我们来稍微谈谈两种方法的区别,以及何时应该选取何种方法。...get和post的区别 post有一个体! 这个是关键。 ? Paste_Image.png ?...Paste_Image.png get和post都能发送参数,但是利用get的话,对参数数据量有限制,因为参数只能是放在请求行的内容中。而post由于在体中,则没有数据量的限制。...同时还有一个问题,就是get可以建立书签,而post请求则不可以。 ** 除了上述的数据量大小,安全,书签的差别之外,还有一个非常重要的差别就是是否幂等** 什么是幂等呢?...** get是幂等的,而post不是幂等的**

    2.4K20

    JSON Web 令牌(JWT)是如何保护 API 的

    你可以已经听说过 JSON Web Token (JWT) 是目前用于保护 API 的最新技术。 与大多数安全主题一样,如果你打算使用它,那很有必要去了解它的工作原理(一定程度上)。...JSON Web Token 我们需要的是一种允许用户仅提供一次其凭证,随后在后续请求中由服务器以另一种方式标识的方式。 为此设计了几种系统,当前的最新标准是 JSON Web Token。...这是一篇 关于该主题的精彩文章 ,它很好地比喻了 JSON Web Token 的工作方式: 想象一下你要入住酒店,而不是一个 API 。...即使 Payload 是在 API 上识别用户所需要的全部,它也不能提供身份验证的方法。如果其中包含所有内容,则有人可以轻松找到你的用户 ID 并伪造 Token 。...logoutController.js user.token = null; user.save(); 总结 因此,这是关于如何使用 JSON Web 令牌保护 API 的最基本的说明。

    3.4K10

    js数组方法,常用数组Api的基本使用

    console.log(arr) [20,30,40] 6 slice() 查找数组中选定范围的值 返回值是一个数组 不会改变原来的数组 该方法有两个参数 slice( start...console.log(arr2) // [30,40] console.log(arr3) // [10,20] 7 splice() 方法用于添加或删除数组中的元素 会改变原来的数组...splice( index , howmany ) 该方法有两个必填参数 参数 1 index表示从什么位置开始添加或删除数组元素 参数 2 howmany 表示删除的元素数量,如果为...,并返回删除元素的值,如果数组为空则返回undefined 方法会改变原数组 var arr = [1,2,3,4] arr.shift() // [1] console.log(arr) // [2,3,4...return item } }) console.log(arr2) // [20, 30, 40] 15 flat() 方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回

    2.5K10

    使用 POST 方法与 JSON 格式进行 HTTP 请求的最佳实践

    使用 POST 方法与 JSON 格式进行 HTTP 请求的最佳实践 在现代的 Web 开发中,API 接口的设计与使用是至关重要的。...而在 HTTP 请求中,POST 方法常常与发送数据密切相关,尤其是在处理复杂的用户数据、表单、上传文件等场景时,POST 方法几乎是最常见的选择。...一、POST 方法的基本概念 在 HTTP 协议中,POST 是一种常见的请求方法,用于向服务器发送数据并触发相应的操作,例如创建资源、提交表单、更新数据等。...这使得 JSON 成为 API 数据传输中的理想选择,尤其是在 POST 请求中,通常使用 JSON 格式来传递复杂的对象或数组。...使用 JavaScript (Fetch API) 在现代 Web 开发中,JavaScript 常用于前端与后端的交互。

    75610

    解决moco框架API在post请求json参数情况下query失效的问题

    在使用moco API做接口虚拟化的过程中遇到一个比较棘手的问题,就是根据官方文档提供的案例,并不能跑通post请求在处理json传参格式的虚拟化。...,发现该方法不能获取到正确的请求参数,后来索性自己重写了一个Extractor类,内容如下: package com.fun.moco.support; import com.github.dreamhead.moco.HttpRequest...import com.github.dreamhead.moco.RequestExtractor;import com.google.common.base.Optional;import net.sf.json.JSONObject...; }} groovy使用方法如下: /** * get请求参数是否相等 * @param key * @param value * @return */ static RequestMatcher...eqArgs(String key, String value) { eq query(key), value } /** * post请求json数据参数是否相等 * @param

    1.4K30

    CSRF漏洞中以form形式用POST方法提交json数据的POC

    name和value的值共同构成了json格式的值,利用了双引号的闭合,学到了,以后有很多测试都可以用着这方式测试,所以记下来。...true); curl_setopt($ch, CURLOPT_HTTPHEADER, array( 'Content-Type: application/json...而后端服务器无法获取当前用户的cookie, 所以发出的POST请求没有cookie,CSRF就成功不了 但是发现有过phpCSRF的案例:PHPCMS后台CSRF加管理两种方法POC 所以有些懵逼。...我上面的Php代码,POST请求是由php发出的,php代码运行后,返回一个数据页面给浏览器,然后浏览器在呈现给用户,此时由于是后端语言php发出的请求,后端服务器没法获得当前用户的cookie,所以没办法...而p牛的那个例子,POST请求是由js发出 也就是浏览器发出,所以可以获得当前用户的cookie。 不得不说,小技巧里面的知识可不小~还需努力啊

    2.2K30

    使用C#创建服务端Web API

    活字格中的Web API 在活字格中,支持使用C#或VB.Net语言实现,可以运行在服务端,浏览器可以通过HTTP请求的方式调用服务端提供的Web API。...我们的示例中使用的是POST方法,所以我们新建一个Task方法,并用"[Post]"注解。...3、接下来,我们就可以在方法中书写自己的逻辑了,这里我们的代码具体如下,为了让活字格命令可以直接接收数组JSON数据,逻辑为当请求我们这个Web API时,会先从请求地址上拿到要调用的服务端命令名称,把标准化的数组...JSON数据包了一层,包成了参数为"data"新的一个JSON数据,这样调用的服务端命令就可以使用data参数接收数组JSON参数了。...以上,我们利用Web API对数据进行了“预处理”,转发给了活字格中的服务端命令中,在活字格服务端命令中就可以进一步处理这种数组JSON数据啦。

    1.9K10

    让Laravel API永远返回JSON格式响应的方法示例

    / / json格式 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。...JSON采用与编程语言无关的文本格式,但是也使用了类C语言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的习惯,这些特性使JSON成为理想的数据交换格式。...本文将给大家详细介绍关于让Laravel API永远返回JSON格式响应的方法,下面话不多说了,来一起看看详细的介绍吧 当你在编写完全为 API 服务的 Laravel 应用时,你希望所有响应都是 JSON...的视图。 下面这个简单的方案,可以让你的 Laravel 应用优先响应为 JSON 格式。...现在所/ /有的响应都是 application/json ,包括错误和异常。

    3.9K10

    C#进阶系列——WebApi 接口参数不再困惑:传参详解上

    前言:还记得刚使用WebApi那会儿,被它的传参机制折腾了好久,查阅了半天资料。如今,使用WebApi也有段时间了,今天就记录下API接口传参的一些方式方法,算是一个笔记,也希望能帮初学者少走弯路。...区域Area使用小结 本篇打算通过get、post、put、delete四种请求方式分别谈谈基础类型(包括int/string/datetime等)、实体、数组等类型的参数如何传递。...至于还有园友们提到http://www.asp.net/web-api/overview/formats-and-model-binding/parameter-binding-in-aspnet-web-api...3、数组作为参数 一般get请求不建议将数组作为参数,因为我们知道get请求传递参数的大小是有限制的,最大1024字节,数组里面内容较多时,将其作为参数传递可能会发生参数超限丢失的情况。...二、post请求 在WebApi的RESETful风格里面,API服务的增删改查,分别对应着http的post/delete/put/get请求。我们下面就来说说post请求参数的传递方式。

    7K90

    Web安全|为什么要禁止除GET和POST之外的HTTP方法?

    因此,有必要说明一下,为什么要禁止除GET和POST之外的HTTP方法。 换句话说,对于这些HTTP不安全方法,到底有多不安全呢?...二、举例说明不安全的HTTP方法 众所周知,GET、POST是最为常见方法,而且大部分主流网站只支持这两种方法,因为它们已能满足功能需求。...其中,GET方法主要用来获取服务器上的资源,而POST方法是用来向服务器特定URL的资源提交数据。...三、漏洞验证 (一)环境搭建 1、测试环境为:WIN10 64位、Tomcat 7.0.72、curl 7.49 2、在Tomcat 7默认配置中,web.xml文件的org.apache.catalina.servlets.DefaultServlet...写到这里,也许大家都明白了,为什么要禁止除GET和POST外的HTTP方法,一是因为GET、POST已能满足功能需求,二是因为不禁止的话威胁影响大。

    6.3K21

    Win2003灵活实现多Web站点的设置方法

    Win2003灵活实现多Web站点的设置方法 一、建立虚拟主机   那么一个服务器上有两个网站,用户如何访问这两个网站呢?可以有三种方法。   1>两个网站使用不同的IP地址。...新建一Web的站点   在“internet信息服务(IIS)管理器”窗口中双击“网站”图标,并右击“默认网站”,选择“新建”——“网站”。...配置不同IP地址的站点方法   具体方法:   在“IIS服务管理器”中,右击新建的网站(电影服务),选择属性,并在“网站选项卡”下更改IP地址。   ...配置不同端口的站点方法   具体方法:   在“IIS服务管理器”中,右击新建的网站(电影服务),选择属性,并在“网站选项卡”下更改端口为不同的值,如81.   ...二、WEB站点的排错   ·客户机访问WEB站点的过程   1>当客户机访问网站时,服务器先检查客户机IP地址是否授权   2>然后检查用户和密码是否正确(匿名用户不需要密码)   3>接着检查主目录是否设置了

    1.4K30
    领券