首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

周末在学习正则,学习过程中发现这 6 个方便正则表达式

例如,在 Windows ,以下字符在文件名无效,应将其删除: < > : “ / \ | ? * 使用正则表达式,去除无效字符非常简单。...用单个空格替换多个空格 当网页渲染时,重复空格字符被显示为单个空格。 但是,有时我们希望用户输入其他数据包含多个空格,我们只想用用单个空格来表示。...要替换它们,我们在replace()第二个参数中使用$1,该参数将在括号插入匹配字符。 限制用户只能输入数字字母 Web开发过程一项常见表单操作就是限制用户输入。...将网址变成链接 假设我们在文本中有一个多个不是 HTML 元素网址,因此无法点击。 我们希望将 URL 自动转换为链接。...为此,我们首先需要找到 URL,然后将每个 URL 包裹在…标记,并使用href属性指向该URL: const str = "Visit https://en.wikipedia.org

1.8K30

Android开发人员不得不学习JavaScript基础(二)

href 设置返回完整URL pathname 设置返回从#号开始URL() port 设置返回当前URL端口号 protocol 设置返回当前URL协议) search 设置返回从...号开始URL(查询部分) assign() 加载新文档 reload() 重新加载当前文档 replace() 用心文档替换当前文档 4、navigator对象 navigator对象包含有关浏览器信息...insertBefore() 将一个给定节点插入到一个给定元素节点给定子节点前面 removeChild() 从一个给定元素删除字子节点 replaceChild(ele) 把一个给定元素里一个子节点替换成另外一个节点...因为文档name属性可能不唯一,所有getElementsByName() 方法返回是元素数组,而不是一个元素。 和数组类似也有length属性,可以和访问数组一样方法来访问,从0开始。...和数组类似也有length属性,可以和访问数组一样方法来访问,所以从0开始。

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

HTML笔记

--注释内容--> 注意:注释标签不能嵌套,也不能出现在其他标记结构> eg:> 内容 指定网页编码格式<meta charset=”utf-...title:图片加载不出来时显示文字超链接 语法:属性: href: 链接到那个地址 属性,必须有,如果没有此属性:标签将不具有超链接功能<a href="http://www.baidu.com..._blank:在新标签页打开新网页 超链接其他用法: 1.资源下载 让链接href等于.rar或者.zip即可 点我下载 2.电子邮件链接 <a href=...实现步骤: 第一步:定义点 方式一:使用任意标签id属性定义点 化妆品区域 方式二:使用a标签name属性,定义点 化妆品区域... 第二步:链接到点 化妆品 4、返回顶部 返回顶部 块级元素和行内元素 块级元素 在网页独占一行,可以设置宽高 比如<

2.3K30

wordpress自动生成文章目录

使用 安装后请至wordpress后台->设置->文章内索引: 老高@PHPer使用如下配置: 开启 插件默认对所有文章关闭,如果你想在某一篇文章中使用目录,请在编辑日志页面勾选  在此文章/页面开启...Tips 也许你已经发现了,PHPer@老高使用点之间平滑滚动,如果你也希望实现效果,请将下面的代码引入你文章模板 $(document).ready(function() { $...('a[href*=#]').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace...,点击它们将会出现很多意想不到效果,所以我们需要将点控制在目录范围内 因此,我们需要在第二行Jquery代码做一些修改 $('a[href*=#]').click(function() 改为 $(...(半角逗号)和空格替换为全角标点或者英文下划线即可。 另一款插件名叫TOC+,也很简单好用,请百度之!

99320

如何使用 JavaScript 解析 URL

在 Web 开发,有许多情况需要解析 URL,这篇主要学习如何使用 URL 对象实现这一点。 开始 创建一个以下内容 HTML 文件,并在浏览器打开。... 如果你想尝试本文中任何内容,可以将其放在 标记,保存,重新加载页面,看看会发生什么!...创建 URL 对象 很快就会看到,可以使用 URL 对象来了解 URL 不同部分。如果你想对任何 URL 执行操作,而不仅仅是当前页面的 URL,该怎么办?...x=y&a=b#section-2" 协议 (protocol) URL协议是一开始部分。这告诉浏览器如何访问该页面,例如通过 HTTP HTTPS。...但是还有很多其他协议,比如 ftp(文件传输协议)和 ws(WebSocket)。通常,网站将使用 HTTP HTTPS。 虽然如果你计算机上打开了文件,你可能正在使用文件协议!

2.6K30

平面检测-搜索真实世界表面

现在我们已经完成了正确运行ARKit项目的所有基本设置,我们希望我们设备能够坐在水平表面上。这是飞机检测。在本节,我们将学习如何激活平面检测。我们将熟悉点以及如何使用它们将对象放置在点上。...ARSCNViewDelegate是一种协议,它包含许多方法来帮助跟踪摄像机视图中对象。方法就像程序例程来实现某些东西。 在编程,委托是一种设计模式,允许类将其职责委托给另一个对象。...该didAdd方法当相机检测到物体会通知我们,然后标记它。一个是类型ARAnchor给出关于跟踪对象位置,取向和尺寸信息。ARAnchor有意用于在场景上放置虚拟对象。...ARPlaneAnchor 更新平面尺寸方法,我们首先必须将其从场景删除,然后将其添加回来。对于所有子节点节点,从父节点删除它们。...删除点 有时会发生错误。场景可以检测同一表面的多个点。我们可以通过添加didRemove方法来解决这个问题。

2.9K30

springboot(四):thymeleaf使用详解

thymeleaf 是新一代模板引擎,在spring4.0推荐使用thymeleaf来做前端模版引擎。...标准表达式语法 它们分为四类: 1.变量表达式 2.选择星号表达式 3.文字国际化表达式 4.URL表达式 变量表达式 变量表达式即OGNL表达式Spring EL表达式(在Spring术语也叫model...2.body:不包含标记删除,但删除其所有的孩子。3.tag:包含标记删除,但不删除孩子。4.all-but-first:删除所有包含标签孩子,除了第一个。5.none:什么也不做。...= null} th:href="@{/login}" >Login th:unless于th:if恰好相反,只有表达式条件不成立,才会显示其内容。 也可以使用 (if) ?...="fragments/footer :: footer">footer 任何页面想使用这样布局值只需要替换 content模块即可 <html

3.4K100

SpringBoot(四)之thymeleaf使用

这篇文章将更加全面详细介绍thymeleaf使用。thymeleaf 是新一代模板引擎,在spring4.0推荐使用thymeleaf来做前端模版引擎。...标准表达式语法 它们分为四类: 1.变量表达式 2.选择星号表达式 3.文字国际化表达式 4.URL表达式 变量表达式 变量表达式即OGNL表达式Spring EL表达式(在Spring术语也叫model...2.body:不包含标记删除,但删除其所有的孩子。3.tag:包含标记删除,但不删除孩子。4.all-but-first:删除所有包含标签孩子,除了第一个。5.none:什么也不做。...= null} th:href="@{/login}" >Login th:unless于th:if恰好相反,只有表达式条件不成立,才会显示其内容。 也可以使用 (if) ?..." > footer 任何页面想使用这样布局值只需要替换

2.6K100

HTML常用文本标记,超级链接和路径描述

标记也是删除线,不过里能使用一些属性,例如常用cite和datetime,前者用于指定删除原因,后者用于指定删除时间,示例: ? 运行结果: ?...超级链接在本质上属于一个网页一部分,它是一种允许我们同其他网页站点之间进行连接元素。各个网页链接在一起后,才能真正构成一个网站。...运行结果,当鼠标移动到这个超链接时候就会显示title内容: 文本 ? 点: 点是网页制作超级链接一种,又叫命名记。...命名记像一个迅速定位器一样是一种页面内超级链接,运用相当普遍,能在一个页面里自由跳转。 使用命名记可以在文档设置标记,这些标记通常放在文档特定主题处顶部。...同样可以跳转到另一个网页点,示例: ? 运行结果: ? ?

1.9K20

HTML 快速入门

例如,内容可以在一组段落、项目符号列表使用图像和数据表中进行结构化; 通俗理解为:HTML就是构造网页骨架; 定义 HTML 是一种定义内容结构标记语言。...封闭标签可以使单词图像超链接到其他位置,可以斜体化单词,可以使字体变大变小,等等; 例如,以以下内容行为例: My cat is very grumpy 如果我们希望该行独立存在,我们可以通过将其括在段落标记来指定它是一个段落...这表示元素开始开始生效位置 — 在本例为段落开始位置。 结束标记(Closing tag):这与开始标记相同,只是它在元素名称前包含正斜杠。这表示元素结束位置 — 在本例为段落结束位置。...该属性允许您为元素提供一个非唯一标识符,该标识符可用于使用样式信息和其他内容将其作为目标(以及具有相同值任何其他元素)class``editor-note``class``class 属性应始终具有以下内容...请注意,结束标记名称前面有一个斜杠字符 ,并且在空元素,结束标记既不是必需,也不是允许。如果未提及属性,则在每种情况下都使用默认值; 注意! 元素和标签不是一回事。

2.8K10

python数据处理 tips

df.head()将显示数据帧前5行,使用函数可以快速浏览数据集。 删除使用列 根据我们样本,有一个无效/空Unnamed:13列我们不需要。我们可以使用下面的函数删除它。...删除重复项 让我们使用函数检查数据集中重复项。 df[df.duplicated(keep=False)] ? keep允许一些参数检查重复项。...结果是一样。 现在我们已经用空值替换了它们,我们将如何处理那些缺失值呢?...在这种情况下,我们没有出生日期,我们可以用数据平均值中位数替换缺失值。 注:平均值在数据不倾斜时最有用,而中位数更稳健,对异常值不敏感,因此在数据倾斜时使用。...现在你已经学会了如何用pandas清理Python数据。我希望这篇文章对你有用。如果我有任何错误打字错误,请给我留言。

4.3K30

Window.location 详细介绍

开始参数字符串 .hash #后跟随点或是片段标识符 href 完整网址 hostvs hostname 在上面的示例,你会注意到 host 和 hostname 返回值是一样,那么为什么会定义两个属性名呢...window.location 函数 window.location .assign() 跳转到给定 URL .replace() 跳转到给定 URL,并且从历史记录删除当前页面 .reload...我正在使用 Chrome ,所以 href其他版本更快。所以我会使用 href,并且我认为它读起来比 toSting() 更清晰。...空白页 当前页面 我只需要在定义强调“当前页面”。它是在你调用 assign replace 之前页面。 1. 打开一个新空白页 2....这个就是当前页面 如何进行网页重定向 现在你已经知道,我们可以通过使用 = 直接赋值来更改 window.location 属性。类似地,我们可以访问一些方法来执行某些操作。

1.8K30

六.XSS跨站脚本攻击靶场案例九题及防御方法-2

利用标签来弹窗 借用img标签onerror事件,img标签支持onerror事件,在装载文档图像过程如果发生了错误,就会触发...,但没有弹出窗体,运行结果如下图所示: 分析源码 XSS直接在页面输出点id,这里location是获取当前URL信息,hash属性是一个可读可写字符串,该字符串是URL部分(从 # 号开始...我们可以设置相应过滤函数防止,比如防止万能密码('or'='or'admin),也能调用preg_replace()函数将特色字符过滤。...1) 利用标记注射HTML、JavaScript 通过标签就能任意插入由JavaScriptVBScript编写恶意脚本代码 常用案例: alert...通常可以插入在script标签、HTML注释、标签属性名、标签属性值、标签名字、CSS等,所以接下来我们简单讲讲如何防御XSS攻击。

5.4K10

42个实用JavaScript优化技巧

我们确实在日常生活中使用数组,并且有很多要求,我们需要组合数组以及删除重复项。 以下是实现目的一些方法。...我们可以使用以下两种方法来实现功能。 1)、includes() 该includes()方法确定一个数组是否在其条目中包括某个值,是返回值true还是false适当值。...== -1); 11、如何替换所有出现字符串 1)、我们可以使用ES6来解决这个问题。 str = str.replace(/test/g, ''); 2)、我们可以使用正则表达式。...: 要在元素删除单个类而又不影响其他潜在类,则需要简单正则表达式替换: document.getElementById("test").className = document.getElementById...这是基于给定值移动字符串示例。可以使用数组切片方法来实现。

11.7K20

微前端学习笔记(5):从import-html-entry发微DOMJSCSS隔离

html 中支持执行页级 js 脚本 以及 拉取上述 html 中所有的外联 js 并支持执行在微前端使用依赖可以直接获取到子应用 (某 url ) 对应 html 且 html 上已经嵌好了所有的...拉取到上述 “style” 数组里面对应 css将拉取到每一个 href 对应 css 通过 包裹起来且嵌入到 html 准确来说不是嵌入到 html 。...整个流程是这样:首先当解析 html stylesheet link 标签时,就会将这个标签注释起来 ,然后再通过 fetch 将此 href 对应 css 获取到,然后再使用正则将这个被注释标签替换成由...\s 是匹配所有空白符,包括换行,\S 非空白符,不包括换行  *         匹配前面的子表达式零次多次  +         匹配前面的子表达式一次多次  正则表达式后面的全局标记 g 指定将该表达式应用到输入字符串能够查找到尽可能多匹配...该对象scripts、styles都是是数组,保存是一个个链接,也就是被占位符替换标签原有的href对应值。

11410

浏览器JavaScript核心BOM(浏览器对象模型)重点掌握对象之Location对象属性与方法

,所以我把每个对象讲解都放在不同文章,大家如果还想了解其他浏览器内置对象,可以划到文章最后一部分,那里有跳转链接。...三、Location对象属性 我们来看一下Location对象属性,下面用一张表格来呈现: 属性 描述 href 设置返回完整URL protocol 设置返回URL协议部分 host 设置返回主机名和...后面的参数部分 hash 设置返回URL点部分,即#后面的点部分 接下来,看一下URL格式是什么样:协议://主机名:端口/路径?...可以看到,给href属性赋值后,当前页面的URL发生了改变,并发生了相应页面跳转。同样其他属性也是可以进行赋值,大家可以自行测试一下。...四、Location对象方法 Location对象一共有3种方法,他们分别是: 方法 描述 assign() 加载一个新页面 replace() 用新页面替换当前页面 reload() 重新加载当前页面

63110
领券