节点string html js
07-html标签图文详解（二）
title: 07-HTML标签图文详解（二） 本文主要内容 列表标签：<ul>、<ol>、<dl> 表格标签：<table> 框架标签及内嵌框架<iframe> 表单标签：<form> 多媒体标签 滚动字幕标签：<marquee> 列表标签 列表标签分为三种。 1、无序列表<ul>，无序列表中的每 ......
10-HTML5详解（二）
title: 10-HTML5详解（二） publish: true 本文主要内容 拖拽 历史 地理位置 全屏 拖拽 如上图所示，我们可以拖拽博客园网站里的图片和超链接。 在HTML5的规范中，我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作，其中图片、链接 ......
11-HTML5详解（三）
title: 11-HTML5详解（三） publish: true Web 存储 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并 ......
05-HTML标签：字体标签和超链接
title: 05-HTML标签：字体标签和超链接 publish: true 本文主要内容 字体标签： <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a> 字体标签 特殊字符（转义字符） ：空格 （non-breaking spacing，不断打空格） < ......
09-HTML5举例：简单的视频播放器
title: 09-HTML5举例：简单的视频播放器 publish: true 我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。 index.html的代码如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UT ......
PDFUtils (解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF)
最近用到解析PDF, 整个小公举 解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF 依赖： <dependency> <groupId>org.apache.pdfbox</groupId> <artifactId>pdfbox</artifactId> <version> ......
【备忘录设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 备忘录模式（Memento Pattern）是一种结构型设计模式。这种模式就是在不破坏封装的条件下，将一个对象的状态捕捉(Capture)住，并放在外部存储起来，从而可以在将来合适的时候把这个对象还原到存储起来的状态。备忘录模式常常与命令模式和迭代子模式一同使用。 备忘录模式的角色有三个：备忘 ......
js千分位带小数显示处理
// 参照Elmenent ui statistic组件 function dispose(value = '', precision = null, groupSeparator = '', rate = 1000 ) { if (!isNumber(value)) return false; l ......
JavaScript增删HTML标签
要在JavaScript中添加和删除标签，可以使用以下代码： 添加标签： ```javascript // 创建一个新标签 var newTag = document.createElement("p"); // 设置标签属性和内容 newTag.setAttribute("id", "myTag" ......
python+playwright 学习-54 结合 gremlins.js 实现web 网页的mokey测试
前言 在 Android 应用测试里面有个 mokey测试可以对app 做稳定性的测试，在app里面随机乱点发送一些事件，看app会不会异常。 这种做法，也称为 Monkey测试 或 Fuzz 测试，在移动应用程序开发中非常常见。 Gremlins.js 模拟随机用户操作：gremlins 单击窗口 ......
JavaScript修改HTML内容
要使用JavaScript修改网页中的文字和链接，可以使用以下方法： 1. 通过id获取元素，并使用innerHTML属性修改元素的内容。例如： ``` // 修改id为myText的元素的内容 document.getElementById("myText").innerHTML = "新的文本内 ......
HTML常用标签
HTML 中常用的标签： <html>：定义 HTML 文档的根元素，包括 <head> 和 <body>。 <head>：定义文档头部，包含元数据和其他文档级设置，如标题、样式表和脚本等。 <body>：定义文档的主体部分，包含文档的内容。 <h1> - <h6>：定义标题，从大到小分别为一级标题 ......
HTML5常用标签
HTML5中常用的标签和高级标签有很多，以下是其中比较常用的标签及其作用说明和标签属性说明： 常用标签 1. <html>标签 <html>标签是HTML文档的根元素，它包含了整个HTML文档。它的属性有： lang：指定页面的主要语言，值为语言代码，例如en表示英语，zh-CN表示简体中文。 2. ......
如何在html页面引入Element组件
相关步骤 1、引入相关链接 <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"> <script src="https://cdn.jsdelivr.net/npm/v ......
JS触发浏览器下载文件
原生JS实现Ajax下载文件 /** * url 下载url （相对路径也可\dbbak\wsew.2023-04-20_09:19:52_6835.sql） * filename 下载文件名称 */ function download(url, filename) { var xhr = new ......
JS执行机制--同步与异步
单线程JavaScript语言具有单线程的特点，同一个时间只能做一件事情。这是因为JavaScript脚本语言是为了处理页面中用户的交互，以及操作DOM而诞生的。如果对某个DOM元素进行添加和删除，不同同时进行。应该是先添加，再删除，事件有序。 单线程的特点是所有任务都需要排队进行，前一个任务结束， ......
Java String#intern()的作用
举个例子: String aaa = "fff"; String bbb = new String("fff"); // 此时aaa和bbb的引用不同，但是值相同 //而synchronized(aaa)和synchronized(bbb)是不会产生互斥锁的，因为aaa和bbb此时不是同一个对象； ......
js全局属性和函数
1、js全局属性 Infinity：代表正无穷大的数值 NaN：指示某个值不是数字 undefined：指示未定义的值 2、eval函数 eval("x=10;y=20;document.write(x*y)") 如果参数是一个表达式，eval() 函数将执行表达式。如果参数是Javascript语 ......
js编码和base64
js内部支持三组编码和解码函数，都是全局函数，可以直接使用。 内部没有html编码和解码，一般是自行编写函数。也没有md5等加密解密函数，需要引入响应的工具js。另外支持base64的编码和解码，window.btoa()和window.atob函数完成。 1、escape函数 escape('ab ......
js-DOM事件
1、介绍 事件，也可以说是信号，绑定到js代码。当事件发生时，对应的js代码将被执行。 HTML DOM 事件对象 | 菜鸟教程 (runoob.com) 2、三种声明方式 （1）在html元素中声明 <button onclick="alert(/xss/)">点击弹窗</button> （2）j ......
js-DOM元素操作
注意，html从上往下解析，如果script在html元素之前，并且是直接执行，将获取不到元素，为null。需要使用window.onload事件声明，或者将js写在html元素后面 1、innerText和innerHTML属性 html元素调用innerText属性，可以获取元素内部的文本内容， ......
js正则
JavaScript RegExp 对象 | 菜鸟教程 (runoob.com) JavaScript RegExp 对象 | 菜鸟教程 (runoob.com) 1、re语法 /正则表达式主体/修饰符(可选) 例如： var patt = /runoob/i （1）主体 [abc] 由范围内字符组 ......
js变量
1、基本的变量声明 var a='abc' var lastname="Doe", age=30, job="carpenter"; 可以单独为一个变量声明，也可以直接为多个变量声明，之间使用,分隔 只声明未赋值的变量为undefined 完全未声明的变量不能使用，会报错 2、作用域 分为全局变量和 ......
ajax-js
1、介绍 ajax，asynchronous javascript and xml异步的js和xml。不重新加载整个页面的情况下，与服务器交互数据并更新部分页面。 优点：交互友好，节约资源，不需要插件直接使用。 分为同步和异步 目前主要是json格式，替代xml 可以多种请求方法 可以设置请求头部， ......
js-BOM
1、介绍 BOM，browser object model浏览器对象模型，虽然没有正式标准，但几乎所有浏览器都实现了与js的交互，且方法和属性相同。 window对象表示浏览器，所有js全局对象、函数以及变量自动成为window对象的成员。 window直接调用的全局变量和方法可以直接使用属性和方法 ......
js-DOM
1、介绍 DOM，document object model文档对象模型，向上属于window对象的属性，向下可以管理html元素及cookie。 2、获取元素 //基于元素id获取 document.getElementById('id') //基于标签名的所有html元素 document.ge ......
js错误处理
JavaScript 错误 – Throw、Try 和 Catch | 菜鸟教程 (runoob.com) 1、介绍 当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。 可能是语法错误，通常是程序员造成的编码错误或错别字。 可能是拼写错误或语言中缺少的功能（可能由于浏 ......
js介绍
1、介绍 javascript，简称为js，是一种解释型脚本语言，一般在浏览器运行，被所有现代浏览器支持，在h5中，默认脚本就是js。当然，也可以在其他支持js解析的环境中允许，比如服务端的node.js。 js主要可以分为四个部分： 基本语法，与es强烈相关，提供支持。包括语法规范、数据类型、运算 ......
js数据类型
1、介绍 js是弱类型语言。 2、数值 var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写 var y=123e5; // 12300000 3、字符串 s = 'abc' s1 = "abc" s2 = /xss/ //输出/xss/，连同/字符 4、布尔 ......