文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

安全开发-JS应用&NodeJS指南&原型链污染&Express框架&功能实现&审计&WebPack打包器&第三方库JQuery&安装使用&安全检测

环境搭建-NodeJS-解析安装&库安装 Node.js是运行在服务端的JavaScript 文档参考：https://www.w3cschool.cn/nodejs/ Nodejs安装：https...黑盒：通过对各种功能和参数进行payload测试 白盒：通过对代码中写法安全进行审计分析 -原型链污染 如果攻击者控制并修改了一个对象的原型，(proto) 那么将可以影响所有和这个对象来自同一个类...、父祖类的对象。...NodeJS：服务段语言浏览器不显示源代码 WebPack：打包模式选择开发者模式后会造成源码泄漏（nodejs vue） 第三方库-JQuery-使用&安全 jQuery是一个快速、简洁的JavaScript...设计目的是为了写更少的代码，做更多的事情。它封装JavaScript常用功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

16210

求职 | 史上最全的web前端面试题汇总及答案2

然而，在以下情况中，请使用 POST 请求： ①无法使用缓存文件（更新服务器上的文件或数据库）向服务器发送大量数据（POST 没有数据量限制）。...而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。 19、iframe有哪些缺点？...因为它涉及浏览器兼容、跨域等问题，在项目中一般会使用一些基础类库辅助实现，如jQuery等。 一个简单的Ajax操作如下。 5、谈谈你对JSON的理解。...2、Javascript与jQuery有什么区别？ jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单。 3、在jQuery中如何注册事件？...①内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。 ②垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。

6.1K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    前端复盘: iframe跨页通信和前端实现文件下载

    由于笔者2年前维护了几个比较老的项目是用jquery全家桶开发的，其中有些需求是需要跨页面交互和父子页面通信，故借此总结一下。...，angular方面的技术问题，可以移步我的其他文章），所以让我们用原生javascript来解决我们上面提到的问题吧。...通过这种方式，我们可以在A页面定义全局的方法挂载在window上，那么B页面就可以通过opener拿到A页面的方法从而控制A页面的行为。...效果如下： 2.实现父子页面和子页面与子页面之间通信的方法 父子页面这里主要针对iframe而言，即iframe和父页面以及iframe页面之间的通信。...iframe内部的方法和dom元素，进而可以操控iframe页面 首先我们来看看父页面操控子页面的场景：父页面A调用子页面的方法传递一条数据，并并显示在子页面中： // 父页面 window.onload

    1.3K30

    记一次老项目中的跨页面通信问题和前端实现文件下载功能

    由于笔者之前维护了几个比较老的项目是用jquery全家桶开发的，其中有些需求是需要跨页面交互和父子页面通信，故借此总结一下。...，angular方面的技术问题，可以移步我的其他文章），所以让我们用原生javascript来解决我们上面提到的问题吧。...2.实现父子页面和子页面与子页面之间通信的方法 父子页面这里主要针对iframe而言，即iframe和父页面以及iframe页面之间的通信。比如下图： ?...我们想实现父页面A操控子页面A，B，并且让子页面和父页面交互，这里我们主要使用 iframe的 contentWindow parent.window 通过contentWindow，我们可以拿到iframe...内部的方法和dom元素，进而可以操控iframe页面 首先我们来看看父页面操控子页面的场景：父页面A调用子页面的方法传递一条数据，并并显示在子页面中： // 父页面 window.onload = function

    68830

    jQuery 4.0震撼发布：这是复兴还是告别？

    如果您需要支持这些浏览器，可以使用jQuery 3.x。 移除已废弃的API 多个版本中已废弃的几个函数终于在主版本中走到了尽头。...尽管jQuery的源代码一直在npm和GitHub上与发布版本一起提供，但之前没有使用RequireJS无法直接作为模块导入。...随着React、Angular和Vue.js等现代JavaScript框架和库的崛起，一些开发者质疑jQuery在现代web开发中的相关性。...jQuery提供了一个桥梁，允许开发者编写在广泛的浏览器版本中都能工作的代码。 易用性：jQuery的简洁语法和广泛的文档使得开发者易于学习和使用。...与其他框架的集成：许多现代JavaScript框架和库，如React和Vue.js，可以与jQuery共存，允许开发者在利用其他框架的优势进行应用开发的同时，使用jQuery完成特定任务。

    1.7K10

    web跨域解决方案

    这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。 　　...JavaScript这个安全策略在进行多iframe或多窗口编程、以及Ajax编程时显得尤为重要。...我们举例说明: 　　比如一个黑客,他利用iframe把真正的银行登录页面嵌到他的页面上,当你使用真实的用户名和密码登录时,如果没有同源限制,他的页面就可以通过javascript读取到你的表单中输入的内容...缺点： 只有在主域相同的时候才能使用该方法 4、HTML5的postMessage 原理： 没啥原理，就是一个html5所提供的一个API....; var win = iframe.documentWindow; 　　2、JavaScript打开的弹窗： var win = window.open(); 　　3、当前文档窗口的父窗口： var

    2.8K100

    JavaScript预备知识

    用来结构化网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。...技术上，几乎所有 JavaScript 转换器都运用了一种叫做即时编译（just-in-time compiling）的技术；当 JavaScript 源代码被执行时，它会被编译成二进制的格式，使代码运行速度更快...它是一个在宿主环境（host environment）下运行的脚本语言，任何与外界沟通的机制都是由宿主环境提供的。...提高了可用性,为使用户能投入游戏提供一个良好的视觉线。...获取浏览器的一些相关信息 1.4 脚本调用策略 HTML 元素是按其在页面中出现的次序调用的，如果用 JavaScript 来管理页面上的元素（更精确的说法是使用 文档对象模型 DOM），若 JavaScript

    51810

    前端【vue】实现文档在线预览功能，在线预览pdf、word、xls、ppt等office文件

    前端实现文档在线预览功能 最直接的就是使用XDOC 文档云服务 XDOC可以实现预览以DataURI表示的DOC文档，此外XDOC还可以实现文本、带参数文本、html文本、json文本、公文等在线预览，...在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览 文档地址"> 二、通过jquery插件jquery.media.js实现 这个插件可以实现pdf....video-handouts-preview")); 此外还可以在iframe标签之间提供一个提示类似这样 iframe :src="previewUrl" width="100%" height=...五、标签和iframe使用差别较小 This browser does not support...PDF.js主要包含两个库文件，一个pdf.js和一个pdf.worker.js，一个负责API解析，一个负责核心解析。

    23.8K20

    前端知识体系整理（不断更新）

    类式继承：本质上还是使用构造函数的prototype，封装成类，典型的例子是jQuery之父John Resig的Simple JavaScript Inheritance，其他类库也有各自的实现......-> 查找window对象 -> 未定义 js中没有块级作用域，可以用匿名函数模拟 未用关键字var申明的变量，会自动升级为全局变量挂到window上 顶级作用域内使用var申明的变量是window...开销更大 会产生历史记录，url中暴露传递的内容 iframe+window.name：使用iframe的window.name从外域传递数据到本地域，适合各种场景下跨域且数据安全 缺点是数据有大小限制...JavaScript优化 尽量减少或最少化对DOM的操作（脱离文档流对DOM进行修改） 隐藏元素，对其进行修改之后再显示 使用文档片段DocumentFragement批量修改，最后再插入文档 将元素拷贝一份...NodeList.length的引用 尽量操作元素节点（DOM节点如childNodes, firstChild不区分元素节点和其他类型节点，但大部分情况下只需要访问元素节点引自《高性能JavaScript

    1.6K20

    前端学习资料整理

    JSX 是可选的 可以直接用 React 提供的这些 DOM 构建方法来写模板 在 JSX 里使用注释也很简单，就是沿用 JavaScript，唯一要注意的是在一个组件的子元素位置使用注释要...（W3C CSS 2.1 规范中的一个概念,它是一个独立容器，决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。）...Object 是 JavaScript 中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math...*jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。 *jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。...内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。 垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。

    3.5K20

    前端：跨域

    如果两个 URL 的 protocol、port (如果存在)和 host 都相同的话，则这两个 URL 是同源。 IE 未将端口号纳入到同源策略的检查中。 1.2. 同源策略限制了什么？...一个域下的文档或脚本试图去请求另一个域下的资源，这被称作为广义上跨域。我们经常讨论的跨域是从狭义角度去理解，即：由浏览器同源策略限制的一类请求场景。...具体来说，就是在 DOM 中通过动态创建 标签，并给标签设置 src 属性，在访问请求参数中传递需要回调的函数名；同时，服务端在响应 JSONP 请求时，将数据作为请求参数指定的客户端回调函数参数作为返回值...HTTP查询请求，称为预检请求 浏览器先询问服务器，当前网页所在的域名是否在服务器的许可名单之中，以及可以使用那些HTTP动词和头信息。...使用此API，您可以向服务器发送消息并接收事件驱动的响应，而无需通过轮询服务器的方式以获得响应。

    1.2K20

    JS常用代码块

    scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标...在iframe子页面中获取当前iframe的id(firefox可以) var frameId = window.frameElement && window.frameElement.id || '...'; 遍历父页面所有iframe并输出ID(firefox可以) function iframeID(){ var fs = window.parent.window.frames; for(var

    3.2K31

    广告等第三方应用嵌入到web页面方案 之 使用js片段

    直接在当前文档流中写入字符串，一旦文档流已经关闭，就打开新的文档流并写入，原来的文档流会被清空，已渲染好的页面就会被清除，浏览器将重新构建DOM并渲染页面.所以使用这种方案, 就一必须是同步执行嵌入的这段...操作DOM添加 　　1.在目标位置嵌入js片段, 并使用预先定义的ID,class,data-*等(如上) 　　2.js文件中创建DOM元素,将HTML字符串赋值给元素的innerHTML属性 　　...　　主页面提供一个不设置src的iframe标签,通过iframe的contentWindow访问iframe的DOM,使用document.write将HTML直接写入到iframe中 var...由浏览器异步处理, 所以此处使用document.write()并不会阻止父页面的加载 优点:  　　1.完全独立的DOM环境,不会继承父页面的样式 　　2完全独立的window,避免和主页面其他脚本冲突....html) 都大篇幅介绍使用了iframe进行html输出,iframe提供了一种最佳的避免样式和脚本冲突的嵌入途径,但是有些情况在主页面的DOM中去渲染更为合适 不适合使用iframe的情况:

    3.4K111

    国庆节前端技术栈充实计划（5）：JavaScript SDK设计指南

    JavaScript的原生实现执行速度更快。 尽量不要使用jQuery，而应该使用轻量的类库代替。如果是DOM操作可以使用zepto.js 。...使用“主版本.小版本.补丁号”这种有语义的命名方式管理版本。v1.0.0 v1.5.0 v2.0.0这样的版本号让使用者容易在changelog文档中跟综和查找。...##命名空间 应该最多定义一个命名空间，不要使用通用的名字定义命名空间以防止和其他类库冲突。 应该用(function () { ... })()把SDK代码包起来。...jQuery, Node.js等等类库经常使用的一个方法是把创造私有命名空间的整个文件用闭包包起来，这样可以避免和其他模块冲突。...你不需要jQuery 拥抱和理解现代Web API，发现各种模版类库可以让你从jQuery调用链中释放出来，并填补之间的鸿沟。

    2.1K50

    浅谈移动端页面无刷新跳转问题的解决方案

    而是利用 JavaScript 动态的变换HTML的内（采用的是div切换显示和隐藏），从而实现UI与用户的交互。 由于避免了页面的重新加载，SPA 可以提供较为流畅的用户体验。...在Web App和Hybrid App横行的时代，为了拥有更好的用户体验，单页面应用顺势而生，单页面应用简称SPA，就是只有一个HTML页面的应用程序，应用中所有的视图都包含在这个HTML页面中，并通过...JavaScript控制相关视图的显示和隐藏，这种模式可以让用户在Web App感受Native App的速度和流畅。...其二，除了响应式问题的兼容性不好之外（也正因此iframe很不适合用在移动端），iframe作为使用多年的浏览器技术之一，在许多方面的兼容性要好许多，也是一些新技术在低版本浏览器上不可用时的替代解决方案...其三，iframe与父文档相对独立，可以不受父文档的影响，想必这也是目前一些网站（网易云音乐，QQ空间，各大邮箱）继续使用iframe的主要原因。

    3.7K40

    XSS平台模块拓展 | 内附42个js脚本源码

    01.简单的键盘记录键盘 一个非常简单的键盘记录程序，可捕获击键并将其每秒发送到外部页面.JS和PHP代码在归档中提供的PHP。...第一个iFrame获取CSRF保护的页面，在第一个表单的“token”参数中窃取标记值，并创建第二个iFrame，并与相应的标记进行连接。...一个基本的脚本，它使用Javascript“form”对象的“onsubmit”属性来拦截和使用表单中设置的值。另一种是从自动完成中窃取密码并将数据提交给恶意网址。...FlashHTTPRequest提供了一种简单，直接的技术，可以使用JavaScript执行GET和POST Flash请求。仍然限于/crossdomain.xml允许的网站。...39.jQuery钓鱼 一个脚本，可以通过网络钓鱼连接并劫持所有表单。 40.振动 关于如何在Android手机上使用振动API以及可以完成的一些恶意用法的例子。

    12.5K80

    JavaScript小技能: 应用程序接口​

    : 调用 fetch() 将返回一个“响应”或抛出一个错误 在适当的地方有额外的安全机制: 在代码中启用一些 WebAPI 请求权限,例如定位权限和通知权限 1.1 JavaScript、API和其他...例如包含 jQuery 和 Mootools JavaScript 框架 ：JavaScript 框架视图把 HTML、CSS、JavaScript 和其他安装的技术打包在一起，然后用来从头编写一个完整的...操作载入窗口的文档，存储客户端上文档的特殊数据（例如使用本地数据库或其他存储设备），为当前窗口绑定event handler。...函数：`go(url);` document（在浏览器中用 DOM 表示）是载入窗口的实际页面，可以用这个对象来返回和操作文档中 HTML 和 CSS 上的信息。...) 在浏览器标签中当前载入的文档用文档对象模型来表示。

    1.3K30

    百度的71个非常厉害的开源项目

    UM的主要特点就是容量和加载速度上的改变，全版本的代码量为125k，而且放弃了使用传统的iframe模式，采用了div的加载方式， 以达到更快的加载速度和零加载失败率。...Magic的每个组件都有非常丰富的接口和事件处理，网站也提供了详细的使用文档和Demo演示。Web前 端开发者可以通过定制组件、初始化方式和插件获得最轻量级版本。...19.手势识别与事件库 Touch.js Touch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。...28.百度文件系统 BFS-Baidu 百度的核心数据库Tera将数据持久化在分布式文件系统上，分布式文件系统的性能、可用性和扩展性对整个上层搜索业务的稳定性与效果有着至关重要的影响。...70.yog-pm yog-pm是在pm2的基础上提供了几个增强命令，提高pm2的易用性和稳定性。

    1.4K20

    Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！

    jquery取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定......在index.html里面借助jQuery访问: JavaScript代码 $("#koyoz").contents().find("#test").css('color','red');    此代码的效果和...收集网上的一些示例： 用jQuery在IFRAME里取得父窗口的某个元素的值 只好用DOM方法与jquery方法结合的方式实现了 1....在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input:radio").attr("checked","true...在IFRAME中操作 选中父窗口中的所有单选钮 $(window.parent.document).find("input:radio").attr("checked","true"); 父窗口想获得

    8.8K90
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券