parentNode :获取一个元素的父元素 innertext :获取到一个标签里面的文本内容 获取兄弟节点，也可能会获取到空白节点 获取兄弟元素 节点的属性 通过nodevalue可以设置文本节点的内容 在事件的响应函数中...> ---- Dom查询 ---- innerhtml ----获取节点的html内容，或者设置对应节点html内容 innerHTML在JS是双向功能：获取对象的html内容 或 向对象插入html...---- 节点的属性 通过nodevalue可以设置文本节点的内容 ---- 在事件的响应函数中，响应函数是给谁绑定的，this就指向谁 ---- 获取body标签====》document.body...body> html> ---- 父节点.insertBefore(新节点，旧节点): 在指定子节点前插入新的子节点 <!...等,尽管解决了返回顶部的问题但仍存在其他缺陷 (3)事件处理函数的工作机制中，在给某元素添加事件处理函数后，一旦事件发生，相应JavaScript代码就会执行，所调用的JavaScript代码的返回值被传递给事件处理函数
，那么就让 document 响应滚动 是一个 if-else 的关系 这个element 无法滚动包括 没有设置可滚动overflow属性 监听回调 设置了 preventDefault 已经滚动到底端或顶端...:100%} 在设置 absolute，top 设置成之前拿到滚动高度（伪代码） html { position:absolute; top: scrollTop } 利用这种方式保证内容处在同一位置...，这样就可以避免页面的跳动，但是直接给 html 设置 absolute 风险太大，容易埋坑，不太建议大项目使用，小应用还是可以的，我在需求的小活动页7就使用过这种方式 5禁用页面滚动 除了在 css...中在监听回调更新了参数，如果你不加上这个参数，那么可能这样并不能禁用页面滚动 具体如下 以前 addEventlisener 参数 是 target.addEventListener(type, listener...ios 中存在，滚动穿透的顺序是 子->父->document，而 安卓和 鸿蒙 则不会，子滚不了，直接滚document 这个是实际的dom 父子关系才会，视觉上的 父子关系没有这个问题 2子元素
driver.quit() 网页中的滚动操作 在使用Selenium执行测试自动化时，您可能需要在页面上执行上滚/下滚操作的要求。...在下面的示例中，加载被测网站后，我们滚动到页面的末尾。...在下面的示例中，我们将浏览器中加载的网页缩小200％，然后再放大100％（即恢复正常）。由于我们使用的是Firefox浏览器，因此我们使用了MozTransform CSS属性。...如果要禁用浏览器的JavaScript支持以验证自动跨浏览器与Selenium自动化测试的兼容性，则需要更改被测浏览器的配置文件设置（在本例中为Firefox），并将更改应用于配置文件。...执行代码后，您应该通过在地址栏中输入about：config并搜索javascript.enabled属性的值来验证配置文件的更改。
滚动条不是html页面的元素，它是浏览器的元素。想获取浏览器的元素，就不能走常规套路啦，要通过javascript来执行。 不是所有的元素都一定要拖动到可见区域才能操作的。...例如元素在页面正中间，想将它滚动到可见区域，必须有向上滚和向下滚这2种做法。 如果你希望他向上滚。 一种，.scrolllntoView()默认跟页面顶部对齐： ?...理论上，在输入框中输入的内容，应该在html当中，Elements当中都应该看到对应得文本内容。但是并不是所有得情况都如此。 6)原因是开发直接设置它的value属性没有在页面中显示出来。 ?...因为html页面没有innerText: ? 在value里面可以看到： ? Elements这里没有显示value属性： ? 7)有的开发设置这个值，Elements中你看不到，确实又设置了。...如果你想获取输入的值，只能通过js中ele.value 遇到上面这种情况并不多。如果用正常的自动化套路搞不定，就用js去试试。 注意：Js处理的，先在Console这个地方调试通过了，再去写代码。
把工作中做过的一些小东西或者功能总结记录，分享学习 最近在项目中碰到了移动端 IOS 下的一些问题，就打算完整总结一下，以便后续碰到相关问题就不用浪费时间了 你们做移动端页面开发，绝逼也会碰到这个问题的...2探索一下原因 正如我上面说，只有在定位元素的输入框被激活时，页面仍有很多内容，仍能往上滚的时候，才出现光标错位的问题 那么 首先，观察一哈这个光标错位时的位置 好像是键盘没有唤起时，定位元素输入框的位置啊...然后我们还需要明确一个事情，就是 当激活定位元素的输入框时，页面没有内容了，无法往上滚的时候 那么是不会出现光标错位的问题的，像下面这样 ?...定位元素输入框激活时，页面已经滚到底部 下面来看下实际表现情况 因为动图可能不好看明白，直接用三张图 第一步，正常情况下，定位元素出现在页面中，保证此时底部的页面已经滑到底部，无法往上滚动 ?...第二步，开始激活定位元素中的输入框，键盘被唤起，定位元素被顶上去 ? 第三步，点击键盘右上角的【完成】，输入框失焦，键盘收起 然后再次点击输入框，尝试激活唤起键盘，但是已经无法激活了 ?
如果你要制作一个全屏的网页，使用这个插件在合适不过，如QQ浏览器官方网站 直接下载 使用方法 1.引入fullpage.css文件 项目导航的 tip slidesNavigation (true/false) 是否显示左右滑块的项目导航 slidesNavPosition (string)左右滑块的项目导航的位置...(true/false)滚动到最顶部后是否滚底部 loopHorizontal (true/false)左右滑块是否循环滑动 autoScrolling (true/false) 是否使用插件的滚动方式...DOCTYPE html> html> javascript" src='..
最近开发的一个项目中有一个获取验证码功能，在测试时遇到了问题。 ? H5页面在iOS系统微信浏览器中，input focus 聚焦时页面会被上推，导致页面整体上移。...blur 失焦后不能恢复，再次点击 input 时没反应，不能聚焦，无法输入内容，这时候需要滑动一下页面才能恢复正常。...最后发现是因为 iOS 中 input 聚焦时会导致页面上移，失焦后页面不能恢复，但是 input 会恢复之前的位置（或者说下移）。...要解决这个问题，需要在 input 失焦时调整页面的位置，使其恢复正常的位置。...(0, 0) //页面滚动到顶部 }, false ) 我的项目是 Vue 写的， Vue 中有一个 @blur 属性，可以直接封装一个方法，直接在失焦时调用： <!
中，视图层是由基于 Mobile Chromium 内核的微信自研 XWeb 引擎来渲染的； 在 Windows 上，小程序逻辑层 JavaScript 和视图层都是用 Chromium 内核； 在 开发工具上...测试环境： 一、概述： 测试环境：一般是克隆一份生产环境的配置，由测试人员进行系统性的全面测试，寻找潜在bug，一个程序在测试环境工作不正常，那么肯定不能把它发布到生产机上。...但无论如何，对线上的操作应该谨记的重要原则如下： 1.如有问题，五分钟之内无法解决，立刻回滚 ， 严禁在线上调试和解决问题。 2.发布必须选择每天活跃用户最少的时候。...通俗的讲，项目尚且在编码阶段，我们的代码一般在开发环境中，不会在生产环境中，生产环境组成：操作系统 ，web服务器 ，语言环境，开发工具。...二、测试环境：一般是克隆一份生产环境的配置，一个程序在测试环境工作不正常，那么肯定不能把它发布到生产机上。通常指项目测试，修改bug阶段。
如下图：图片图片解决方法1.直接在下面建立一个名为etc文件夹的图片2.在IDEA中，你可以通过以下步骤设置Maven的工作目录：在IDEA的右侧边栏中打开 "Maven Projects" 工具窗口。...在弹出的对话框中，找到 "Working directory" 区域，填入你想设置的目录路径，比如图片之后每次运行该Maven项目时，都会使用你设置的工作目录。这样应该就可以解决你的问题了。...提醒一下，使用绝对路径可能会导致你的项目在其他环境中无法正常运行。如果可能，建议你使用相对路径或类路径来引用资源文件。...思路：我们在报错日志中可以明显看到这个是去寻找的绝对路径，所以我们如果只是想本地测试的话，直接使用上面的办法指定目录即可。在代码中查到引用了一个包，包中的业务逻辑是查询项目下etc文件。...因为我使用的时候是21年，所以我强烈怀疑是有人后期有改动这个配置的代码地址，并且我回滚后依旧无法正常启动。图片错误示例这些下面是我在网上百度是碰到的一些解决方法，没有顶用的，供大家参考下。
现已公开发布 Visual Studio IntelliCode，并且可以随任何支持 C#、C++、TypeScipt/JavaScript 或 XAML 的任意工作负载一起安装。...扩展性 我们已在 VSIX 项目 （BuildTools 更新） 中删除需要.resx 文件。 VSIX 项目模板现在使用新的 SDK 版本。...在 Visual Studio 中以本机方式将适用于 Linux 的 Windows 子系统和 C++ 结合使用，并将 AddressSanitizer 用于 Linux 项目和 WSL.。....NET 新.NET 效率功能包括在项目和解决方案，单击一次代码清理新切换块注释键盘快捷方式，重构将类型移动到其他命名空间。 现在可以通过开始窗口中的克隆屏幕从 SSH URI 克隆代码。...单击打开项目的解决方案中的 ASP.NET Core 项目。csproj文件。
换句话说，就是将Derived Data的读写从硬盘移动到内存中。...当遇到零散索引（odd index）问题（代码块补全工作不正常、经常性的重建索引、或者运行项目缓慢）时，它可以有效地删除衍生数据。删除这个文件夹将会导致所有Xcode上的项目信息遭到破坏。...这些文件仍会占据空间，但在移除RAM磁盘之前都无法访问。 在重启或从Finder中弹出RAM磁盘时，磁盘中的内容将会消失。下次再创建磁盘时，Xcode将会重新构建它的索引和你的项目中间文件。...当遇到零散索引（odd index）问题（代码块补全工作不正常、经常性的重建索引、或者运行项目缓慢）时，它可以有效地删除衍生数据。删除这个文件夹将会导致所有Xcode上的项目信息遭到破坏。...这些文件仍会占据空间，但在移除RAM磁盘之前都无法访问。 在重启或从Finder中弹出RAM磁盘时，磁盘中的内容将会消失。下次再创建磁盘时，Xcode将会重新构建它的索引和你的项目中间文件。
如果在 web 什么也不做，聊天体验可能是这样的，需要用户手动滚动到最新消息：试想一下如何在 web 中实现微信的效果。每当聊天框中接收到新消息时，都需要调用滚动方法滚动到消息底部。...如果仍使用 scrollIntoView 来滚动到底部，就需要监听消息体的变化，每次消息更新时都要通过 JavaScript 调用一次滚动方法，会造成一些问题：频繁的 JavaScript 滚动调用。...AI 正在输出内容时，用户无法滚动查看历史消息。用户向上滚动查看历史消息，会被 Javascript 不断执行的 scrollIntoView 打断。需要写特殊逻辑才能避免这个情况。...自然列表：灵感来源聊天框接收到新消息时滚动到最新位置，总感觉这应该是一个很自然的行为，不需要这么多 Javascript 代码去实现滚动行为。...我们在聊天框中，给每个消息卡片都添加 transform: rotate(180deg);direction: ltr; 样式，把消息重新转正。这样就把翻转的行为全部隔离在了聊天框组件中。
---- -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。...vim编辑器是运维工程师必须掌握的一个工具, 没有它很多工作都无法完成。...，我们很多工作都无法完成。...，大大提高了工作效率，而且用户在习惯之后也会觉得相当顺手。.... ---- 注意:在vim中，无法直接从编辑模式切换到末行模式。
问题点在哪里 先做一个小声明，我们现在拥有一个AppComponent，并使用DI系统向其中注入了一个NameService，因为我们使用的是Typescript，所以需要做的工作就是在构造函数的参数中声明变量...但是在控制台上却无法得到报错信息，我猜想是因为调试Typescript代码时使用了source map。...不对Class定义进行提升的理由 先来理解一下Javascript语言的机制，Javascript解释器不进行类的提升，是因为变量提升会导致在使用extend关键字实现继承时会导致错误，例如当被继承者是一个合法的函数表达式时...从上面的示例中不难看出，如果Javascript解释器对class声明也进行提升处理，就容易在类继承时出现基类未定义的错误。 三. class在使用前必须声明吗？...但有时候循环引用可能无法避免，当类A引用类B，同时B又引用A时，就会陷入困境：它们中的某一个必须先定义。 forwardRef( )建立一个间接引用，供Angular随后解析。
甚至有人说CSS在设计上很糟糕，无法保护应用程序商店，但我认为 CSS 很棒，它绝对臃肿且难以全面学习，但这只是因为它在过去 25 年中不断发展的原因。 ?...响应式布局的想法已经过去十多年了，因为越来越多的浏览器进入市场，他们都以不同的方式实现了 CSS，导致代码可以在一个浏览器中运行，但在另一个浏览器中，可能需要你编写一堆浏览器的前缀，以使其在所有浏览器上都能正常工作...3、 Flexbox 很棒 一种选择是给子元素绝对定位，然后使用 top 和 left 属性移动到右下角，然后将其转换回50%，以将其放在可以工作的中心，但现代CSS有一种更好的方法是 使用flexbox...如果你想在你的 HTML 中给标题编号，最简单的方法是在 HTML 中手动添加这些数字。...现在你永远不必担心在你的 HTML 中给东西编号，在构建一个复杂的下拉菜单时，你可能会假设一些 JavaScript 涉及到管理菜单的打开和关闭状态，但是你可能会惊讶于仅使用简单的 CSS 就能做到多远
文章标题栏（h1）、表头（thead）、tab条等等，共同特点是在内容或功能上比较重要，但又不是最重要的元素（最重要的元素通常固定在页面顶部，navbar-fixed-top） 二.PC解决方案 页面滚动到一定位置时...} else { stickyEl.classList.remove('fixed-top'); } }; 和“回到顶部”的实现方式一模一样，效果好像还不错，但很快会发现滚动到临界位置...，想要获知吸顶状态的话，又回到了最初的问题，页面滚动过程中，怎样实时获知滚动条位置？...IOS 6.1+方案：http://www.ayqy.net/temp/sticky/sticky-ios.html 五.总结 一般元素吸顶：Android用scroll方案，在效果可接受范围内手动节流...事件测试，帮很多人节省了很多时间 Why the Scroll Event Change in iOS 8 is a Big Deal：实例介绍IOS8取消scroll事件限制后的变化，也是上面的前辈写的 javascript
Hoisting（变量提升）是 JavaScript 中的一种行为，它在编译阶段将变量和函数声明提升到其所在作用域的顶部。...这意味着，无论声明出现在代码的哪个位置，它们都被实际上移动到其所在作用域的顶部，使其能够在代码中实际放置之前就可以使用。让我们看一下下面的代码，并思考它的输出。...这就是 JavaScript 中 hoisting 的魔力。这段代码正常工作是因为 notEqual() 通过函数声明创建，并被提升到作用域的顶部。好的，再来看一个例子并猜测它的输出。...因此，在这段代码 console.log(name); var name = "John"; 中，只有声明 var name 被移动到作用域的顶部。var name 的默认值是 undefined。...注意 - 从声明语句到块的开始，let 和 const 变量处于一个临时死区（TDZ），无法被访问。我正在参与2023腾讯技术创作特训营第四期有奖征文，快来和我瓜分大奖！
会出现js代码正常显示，但并不会执行的情况： ? 面对这种情况，我们是不是就无法插入了呢？...以下标签均包含htmlEncode功能，在插入js代码时，我们需要注意关闭标签。 ? Part.2 HTML标签之内 情况一： 插入点在value值内，如下： ?...HTML代码有一个特性，当标签中存在两个type属性时，第二个type属性就会失效，因此我们只要插入一个type="text"，问题就容易解决了。...以上属性可以直接执行JavaScript伪协议，因此我们可以直接输入：JavaScript:alert(1) ? 在on*事件内： ? 可直接输入alert(1)，如下： ?...情况二： 插入点在JavaScript代码中： ? 我们可以直接闭合掉标签，输入如下： alert(1)// ?
token 只会显示这一次，之后将无法查看，所以务必保证你已经记录下了 Token。之后如果忘记了就只能重新生成重新配置了。...,原因是主题文件夹下的.git 文件夹的存在会导致其被识别成子项目，从而无法被上传到源码仓库。...这样在新建仓库，我们仍旧可以保留珍贵的 commit history，便于版本回滚。...从而无法被上传到源码仓库。若是遇到添加屏蔽项，但是还是无法正常上传主题文件夹的情况。请先将本地源码中的 themes 文件夹移动到别的目录下。然后 commit 一次。...[4] Oranges : https://lmghy.top/p/bcca8ce8.html [5] 全网最细面试题手册，支持艾宾浩斯记忆法。
这时候 push 和 pull 指令就无法确定该跟踪谁，一般来说我们都会使其跟踪远程同名分支，所以可以利用 git push --set-upstream origin branch_name ，这样就可以自动在远程创建一个...，解决方法是删除缓存，参考：https://www.cnblogs.com/youyoui/p/8337147.html 代码回滚 远程代码回滚 假如有问题的代码提交到了远程，可以使用下面方式强制回滚...这个概念早已存在，在 SVN 中也有。...当不指定文件名，而是给出一个（本地）分支时，那么HEAD标识会移动到那个分支（也就是说，我们“切换”到那个分支了），然后暂存区域和工作目录中的内容会和HEAD对应的提交节点一致。...HEAD标识处于分离状态时的提交操作 当HEAD处于分离状态（不依附于任一分支）时，提交操作可以正常进行，但是不会更新任何已命名的分支。(你可以认为这是在更新一个匿名分支。) ?
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
