说在正文之前：封装的FastDialog-Vue适用于页面级Vue开发，即采用引入Vue.js来进行html页面开发
在a标签有一个属性为target，将其值设置为“_blank“，即可新开一个窗口打开页面，那么通过js也可以控制打开新的窗口来开启页面。
从浏览器打开一个网站,需要dns解析、tcp三次握手、发送请求、dom渲染、js加载等以一系列操作,最终在用户面前展示完整的页面.
前言 在打开页面上链接的时候，经常会弹出另外一个窗口（多窗口情况前面这篇有讲解：Selenium2+python自动化13-多窗口、句柄（handle）），这样在多个窗口之间来回切换比较复杂，那么有没有办法让新打开的链接在一个窗口打开呢？ 要解决这个问题，得从html源码上找到原因，然后修改元素属性才能解决。很显然js在这方面是万能的，于是本篇得依靠万能的js大哥了。 一、多窗口情况 1.在打baidu的网站链接时，会重新打开一个窗口 (注意：我的百度页面是已登录状态，没登录时候是不会重新打开窗
该篇文章会为您分享在前端性能优化中非常重要的一环-白屏时间，将从白屏时间的概念、重要性以及白屏的过程一一进行阐述，同时提供性能优化的策略与实践。
在实际使用中，经常会用到下载文件功能，最容易想到的方法就是通过window.open的方式重新打开一个页面来完成下载，这种方式的缺点显而易见，需要额外打开一个页面，下面介绍一种方式，无需打开一个新的页面即可完成文件下载，下面直接给出相关js代码：
我们应该知道 React Native 其实就是 Native 的一个 JS 文件，也就是说可以通过扩展 JavaScript Engine, 使它具备强大的本地资源和原生接口调用能力，然后结合 JavaScript 丰富的库和社区和及其稳定的跨平台能力，把 JavaScript 的魔力在浏览器之外的地方充分发挥出来。
导语 随着移动设备性能不断增强，web 页面的性能体验逐渐变得可以接受，又因为 web 开发模式的诸多好处(跨平台，动态更新，减体积，无限扩展)，APP 客户端里出现越来越多内嵌 web 页面（为了配上当前流行的说法，以下把所有网页都称为 H5 页面，虽然可能跟 H5 没关系），很多 APP 把一些功能模块改成用 H5 实现。 虽然说 H5 页面性能变好了，但如果没针对性地做一些优化，体验还是很糟糕的，主要两部分体验： 页面启动白屏时间：打开一个 H5 页面需要做一系列处理，会有一段白屏时间，体验糟糕。 响
Playwright 是一个 Node.js 库，它提供了一个高级的 API 来自动化 Chromium、Firefox 和 WebKit 浏览器中的操作。Python Playwright API 是 Playwright 的 Python 版本，它提供了一套与 Node.js 版本相同的 API，可以在 Python 中使用。
早期单进程架构是页面渲染和网络下载都是运行在同一个浏览器主进程中，而dom/com解析，js脚本执行，图像输出，插件运行都运行在同一个线程中，这样也带来了一系列的问题：
开发中会遇到领导指着一个网页说，这个不错，咱们页面也按这个布局和风格做吧。直接用html+css+js生写还是挺费工的。最快的方法是直接照抄网页。本文例子不需要其它工具，只用浏览器的“另存页面为”和“查看页面源代码”两个功能来照抄网页，结果证明，不考虑js功能，仅看网页外观，是完全可以做出一模一样的网页的。 以下面网页为例，布局简单，但是要自己从头开始写，肯定要调试很久。
随着移动互联网的快速发展，越来越多的企业开始将移动应用作为自己的核心业务。然而，由于各个平台之间的技术差异和开发成本的高昂，让很多企业望而却步。因此，Uni-app作为一个跨平台开发框架，应运而生。
普通情况下window.open不会拦截，但若是在ajax的回调里面进行window.open，会拦截！因为浏览器会认为这是一个骚扰用户的行为。 在网上找到一些解决方案，总结如下。其中只有方案1、方案2个人验证过有效。其他未知orz...
前端爱好者的聚集地 最近发现有不少介绍JS单线程运行机制的文章，但是发现很多都仅仅是介绍某一部分的知识，而且各个地方的说法还不统一，容易造成困惑。 因此准备梳理这块知识点，结合已有的认知，基于网上的大量参考资料， 从浏览器多进程到JS单线程，将JS引擎的运行机制系统的梳理一遍，欢迎转发！ 展现形式：由于是属于系统梳理型，就没有由浅入深了，而是从头到尾的梳理知识体系， 重点是将关键节点的知识点串联起来，而不是仅仅剖析某一部分知识。 内容是：从浏览器进程，再到浏览器内核运行，再到JS引擎单线程，再到JS事件循
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production) 下Developer Menu是不可用的。 如何开启Dev
上一篇基础篇： https://blog.csdn.net/weixin_43582101/article/details/90082023
首先我们打开一个网页看到的都只是前端，所以我们看到一个页面背后的支持就是HTML代码，其中就包含了各种网页标签，其中包括网站优化中的TKD，载入的渲染资源：java、css，已经页面内容：图片、音频、视频等。 一、代码的足够简洁 减少代码冗余，保持简洁的代码风格，这是作为一个网页程序员的必修，能同样实现一个效果的能用css就尽量不用js，能用两行代码解决问题的就别写三行，这是最基础的一点。 二、减少资源载入 这里子凡所说的资源主要是指js、css文件，因为我知道现在很多的前端开发设计人员喜欢用各种开源的特效
对 APP 里的一些使用 H5 实现的功能模块，一般体验都比原生差，那么怎么提高h5加载速度？优化 h5 体验？
像在线文档工具市场上很很多了，比如腾讯文档，石墨文档等。都已经提供了像word,exce,powerpoint 这样的功能，这些文档工具很优秀，使用起来非常的方便，但在中小规模的公司项目集成上使用就不是那么合适了，这时基于开源文档工具的定制化集成的方式可作为一个选择。OnlyOffice 就这样的一个优秀的文档服务平台。
document.write()方法可以用在两个方面：页面载入过程中用实时脚本创建页面内容，以及用延时脚本创建本窗口或新窗口的内容。该方法需要一个字符串参数，它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式，写入的内容常常包括HTML标记语言。 记住，在载入页面后，浏览器输出流自动关闭。在此之后，任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流，它将清除当前页面内容(包括源文档的任何变量或值)。因此，假如希望用脚本生成的HTML替换当前页面，就必须把HTML内容连接起来赋给一个变量，使用一个document.write()方法完成写操作。不必清除文档并打开一个新数据流，一个document.write()调用就可完成所有的操作。 关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后，必须关闭输出流。在延时脚本的最后一个document.write()方法后面，必须确保含有document.close()方法，不这样做就不能显示图像和表单。并且，任何后面调用的document.write()方法只会把内容追加到页面后，而不会清除现有内容来写入新值。
目标网站：aHR0cHM6Ly93d3cuYXFpc3R1ZHkuY24vaGlzdG9yeWRhdGEvZGF5ZGF0YS5waHA/Y2l0eT0lRTYlOUQlQUQlRTUlQjclOUUmbW9udGg9MjAyMTA5
浏览器为我们提供了JavaScript运行的环境，同时也给我们提供了很多的对象，我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。常见的浏览器内置对象有：Window 、Location 、Navigator 、History 、Screen…… 本篇文章，我们就从最大的对象Window开始讲起，在本文的最后还附带讲述其它几个对象的文章链接
在浏览器中，点击标签页右边的加号可以新加一个标签页，所以，在毒蘑菇后台管理（简称毒蘑菇儿）中也可以这样操作。
BEEF (The Browser Exploitation Framework)：一款浏览器攻击框架，用Ruby语言开发的，Kali中默认安装的一个模块，用于实现对XSS漏洞的攻击和利用。
ECMAScript是JavaScript的核心，但如果要在web中使用JavaScript，那么BOM则是真正的核心，BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。
BOM 浏览器对象模型 定义了js操作浏览器的属性和方法 open(页面地址的url,打开的方式) 第一个参数，如果为空，默认打开一个空白的页码 第二个参数，如果为空，默认打开一个新的窗口打开
本文出自《React Native学习笔记》系列文章。 在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production)
前言 见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 超长文+多图预警，需要花费不少时间。 最近发现有不少介绍JS单线程运行机制的文章，但是发现很多都仅仅是介绍某一部分的知识，而且各个地方的说法还不统一，容易造成困惑。 因此准备梳理这块知识点，结合已有的认知，基于网上的大量参考资料， 从浏览器多进程到JS单线程，将JS引擎的运行机制系统的梳理一遍。 展现形式：由于是属于系统梳理型，就没有由浅入深了，而是从头到尾的梳理知识体系， 重点是将关键节点的知识点串联起来，而不是仅仅剖析某一部分知识
有不少朋友在开发爬虫的过程中喜欢使用Selenium + Chromedriver，以为这样就能做到不被网站的反爬虫机制发现。
在上一个系列文章中我们说到大前端一定是可以预见到的未来的趋势之一，那么从本篇文章中我将开启一个新的系列，从入门到深入，一步步走近大前端的核心腹地。计划本系列文章包含以下内容：
如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我，一定是我写的还不够清晰，我来改。。。
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的html里加入几段javascript代码即可实现。下面俺就带您剖析它的奥秘。 【1、最基本的弹出窗口代码】 其实代码非常简单： <script language="javascript"> window.open ('xx.html') </scri
本文首发于饿了么前端——知乎专栏 大家可以点击文章底部的阅读原文来访问原文 Progressive Web Apps 是 Google 提出的用前沿的 Web 技术为网页提供 App 般使用体验的一系
喜欢收藏一些好的网站，比方说一些课程，一些技术人的博客，一些一些新闻媒体，有时候全部都想看， 有时候想看部分，之前是把这些连接放在一个收藏夹的文件夹里面，然后可以直接打开问文件夹的全部连接。 但是随着连接的增多，一次性打开全部的连接，电脑效率就降低太多了，因此为了方便访问一些常用的网址，就写了个一件打开的功能了。
大家好，本人是 我是哪吒，个人Github账号 webVueBlog ，系列文章更多来源，欢迎 Follow
layuiAdmin.std（iframe 版） 是完全基于 layui 架构而成的通用型后台管理模板系统，采用传统的 iframe 多页面开发模式，可更快速直接地开发网页后台应用程序，无需过多地学习成本，简单高效，撸起袖子直接干。
通过 HTML5 开发移动App 时，会发现HTML5 很多能力不具备。为弥补HTML5 能力的不足，在W3C 中国的指导下成立了www.HTML5Plus.org组织，推出HTML5+规范。
智选SDK为广大开发者推荐当下实用好玩的SDK，帮助开发者创造出有影响力的产品。每周一款精选SDK分布于社交分享、设计开发、云服务、支付平台等领域，分享激发创意，BestSDK让好产品发出声音! 近期OneAPM Browser Insight 在原有的五个指标（请求排队、网络、web应用程序、页面加载、资源下载）的基础上增加了5个指标（白屏时间，首屏时间，页面加载完成时间， 资源下载完成时间，整页时间）。 这10个指标分别都是什么意思？和我的网站又有什么关系？为什么TOPN页面会惊现平均时间为1分钟？是
puppeteer: Google 官方出品的 headless Chrome node 库 puppeteer github仓库 puppeteer API
1，修复关闭内存缓存下，网易的顶部图标无法显示的bug。原因是此图标是 background-image: url(products_sprites0727.svg),none;这种形式， 而svg在RawResource::preCacheSubstituteDataForMainResource里被缓存准备加载的。现在对所有主资源类型的请求都放行
产品需求来啦：点击页面上某个东西，要在新窗口中打开一个页面，注意！要在新窗口中打开。你呵呵一笑，太简单了：
朋友圈都在晒下雪，今天，MixLab 教大家如何在屏幕上看雪。 使用 chrome 的扩展，注入下雪的代码到任意网页，如下图： 如何实现的？ chrome 扩展主要的文件是 manifest.jso
Weex 是一个动态化的高扩展跨平台解决方案，也就是说开发人员只需要写一份代码就可以同时在移动端（Android端、iOS端）、Web端运行，这有别于React Native，从技术实现上也略有区别。
使用Layui-admin做后台管理框架有很长的一段时间了，但是一直没有对框架内iframe菜单栏切换跳转做深入的了解。今天有一个这样的需求就是通过获取超链接中传递过来的跳转地址和对应的tabs的title名称参数，在layui-admin-iframe中自动打开一个新的tabs页面，不需要点击左边的菜单栏，实现一个单页面的效果。
在App开发中，内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用，也可以冠冕堂皇的突破苹果对热更新的封锁。 然而便利性的同时，WebView的性能体验却备受质疑，导致很多客户端中需要动态更新等页面时不得不采用其他方案。 以发展的眼光来看，功能的动态加载以及三端的融合将会是大趋势。那么如何克服WebView固有的问题呢？我们将从性能、内存消耗、体验、安全几个维度，来系统的分析客户端默认WebView的问题，以及对应的优化方案。 性能 对于WebView的性能，给人
本文讲述了一种在新窗口中打开页面时需要注意的安全问题和解决方案。当使用window.open()在新窗口中打开页面时，可能会存在安全风险。例如，攻击者可以通过恶意脚本劫持新窗口中的页面，从而窃取用户的个人信息。为了防范这种安全风险，可以采用以下方法：使用noopener属性或window.open()并设置opner为空，这样新窗口将不会继承父窗口的任何属性。另外，也可以使用iframe来打开新窗口，并确保iframe中的内容安全。最后，如果必须在新窗口中打开页面，可以使用第三方库，如OpenURL，来避免安全风险。
注意：学习本节内容的同学，请先把默认的 index.js文件和 index.wxml文件原有的代码删除进行学习
大家好，今天和大家讨论的是新窗口创建问题，通常来说，我们打开一个 Electron 程序，映入我们眼帘的就是主窗口，基本上是通过 BrowserWindow创建的
以前经常用前端的一段js代码，但防君子不防小人，别人还是可以通过禁用js，或动态修改js来引用。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
