节点string html js
js实现 禁用浏览器后退
1 history.pushState(null, null, document.URL); 2 window.addEventListener('popstate', function () { 3 history.pushState(null, null, document.URL); 4 }) ......
babylon.js 学习笔记(8)
接上回继续，现在的村庄已经有点象样了，但是远处的背景仍比较单调(如下图），今天来学习如何处理天空背景。 babylon.js中，把整个空间假象成一个巨大的立方体(称为SkyBox)，然后依次给立方体的6个面，贴上天空的背景图(如下图) 在代码中只要指定这6张图的rootUrl即可，babylon.j ......
HTML-“多媒体与嵌入”的笔记
[toc] # HTML 中的图片 ## 怎样将一幅图片放到网页上？ 简单的例子就是这样： `` 或者这样： `` 更多的例子看[这里](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Imag ......
打字动画 Typed.js
## 概述 Typed.js 是一个 JavaScript 库，用于在网页上创建打字动画效果。它使您能够模拟打字机或逐字显示文本的效果，从而为用户提供逐渐展示文本的视觉体验。 Typed.js 提供了丰富的选项和配置，可以自定义打字动画的速度、暂停时间、删除效果等。您可以使用 HTML 元素或 Ja ......
Vue.js 状态管理库 Pinia
## 概述 Pinia 是一个用于 Vue.js 应用程序的状态管理库。它是由 Vue Storefront 团队开发的，旨在提供简单、可扩展且高效的状态管理解决方案。 Pinia 基于 Vue 3 的新响应式系统，并通过使用 TypeScript 提供了强类型支持。它提供了一个类似于 Vuex 的 ......
模板引擎 Handlebars.js
## 概述 Handlebars.js 是一个简单而强大的 JavaScript 模板引擎。它允许开发者通过定义模板和数据来生成动态的 HTML 页面。 Handlebars.js 基于 Mustache 模板语法，它提供了一些扩展和增强功能。并且开发者可以创建可重用的模板，并通过将数据传递给模板来 ......
使用 Node.js 连接 MySQL
## 概述 当使用 Node.js 开发 Web 应用程序时，经常需要与数据库进行交互来存储和检索数据。[MySQL](后端/MySQL.md) 是一个流行的关系型数据库管理系统，它提供了强大的功能和性能。本文将介绍如何使用Node.js连接MySQL数据库，并展示一些常见的操作示例。 ## 开始 ......
html+css简单易懂的轮播图实现
实现轮播图感觉好复杂啊，这个比较简单的实现了 但是还是没有怎么理解代码，只能先发出来慢慢学习学习了 话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com ......
demo阐述js中let和var 的不同
当我们使用 var 和 let 来声明变量时，它们在作用域和变量提升方面的差异会产生一些不同的结果。下面是一个示例来说明这些差异。 ``` // 使用 var 声明变量 function varExample() { console.log(x); // 输出 undefined var x = 1 ......
面试题:如何理解 JS的异步?
JS是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个而渲染主线程承担着诸多的工作，渲染页面、执行 JS 都在其中运行。如果使用同步的方式，就极有可能导致主线程产生阻塞，从而导致消息队列中的很多其他任务无法得到执行。这样一来，一方面会导致繁忙的主线程白白的消耗时间，另一方 ......
时间戳转化“刚刚”、“几小时前”、“几天前”、“几周前”等形式的js代码片段
代码片段（可用于vue过滤器） function getTimeStr(timestamp) { const now = new Date(); const date = new Date(timestamp); const diff = (now - date) / 1000; // 毫秒转换为秒 ......
js 动态添加样式
```js // 添加 css 脚本 export const loadStyle = url => { const link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; lin ......
js使用xlsx插件导出table中的数据
js代码 需要引入<script type="text/javascript" src="static/js/xlsx.core.min.js"></script> //导出excel function toExcel(){ var blob = sheet2blob(XLSX.utils.tabl ......
php调用html模板
在 PHP 中调用 HTML 模板，通常可以使用模板引擎来实现，例如 Smarty、Twig 等。以下是一个使用 Smarty 模板引擎的示例代码： <!-- HTML 模板文件 template.html --> <html> <head> <title>{ $title }</title> </ ......
如何使用JavaScript格式化日期 – JS中的日期格式化
日期是许多 JavaScript 应用程序的基本组成部分，无论是在网页上显示当前日期还是处理用户输入以安排事件。 但以清晰一致的格式显示日期对于积极的用户体验至关重要。 在本文中，我们将探讨在 JavaScript 中格式化日期的各种技术，使您能够以您的应用程序所需的格式显示日期。 （前端教程：ht ......
vue基础用法-在插值和属性绑定中编写js代码
# 使用Javascript表达式 在vue提供的模板渲染语法中，除了支持`绑定简单的数据值`之外，还`支持Javascript表达式的运算`，例如： ```html 1+2的结果是:{{1+2}} {{tips}}反转的结果是：{{tips.split('').reverse().join('') ......
浏览器渲染HTML的步骤
HTML被HTML解析器解析成DOM Tree,CSS则被CSS解析器解析成CSSOM Tree`。 DOM Tree和CSSOM Tree解析完成后，被附加到一起，形成渲染树（Render Tree）。 节点信息计算(重排)，这个过程被叫做Layout(Webkit)或者Reflow(Mozill ......
vue、js onSelect事件 获取选中的值
https://huaweicloud.csdn.net/639ff5afdacf622b8df90ecc.html?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~Blo ......
总结vue3 的一些知识点：Vue.js 安装
Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 Staticfile CDN（国 ......
总结vue3 的一些知识点：Vue.js 安装
Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 Staticfile CDN（国 ......
总结vue3 的一些知识点：Vue.js 条件语句
Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令： v-if 指令 在元素 和 template 中使用 v-if 指令： <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
总结vue3 的一些知识点：Vue.js 条件语句
Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令： v-if 指令 在元素 和 template 中使用 v-if 指令： <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
Hadoop-3.3.5单节点开启Kerberos认证
1、Hadoop单节点部署 部署过程看官方文档即可 https://hadoop.apache.org/ 为增加执行命令的便利性，添加hadoop的环境变量： vim /etc/profile.d/hadoop.sh export HADOOP_HOME=/usr/local/hadoop-3.3. ......
bootstrap.bundle.min.js bootstrap.bundle.min.js.map 404报错
main.js 导入 import './assets/bootstrap.bundle.min.js' 浏览器报如下告警信息： DevTools failed to load source map: Could not load content for http://localhost:5173/ ......
springboot项目rabbitmq消费者消费json格式的String，出现无限循环抛出No method found for class [B
转： springboot项目rabbitmq消费者消费json格式的String，出现无限循环抛出No method found for class [B ......
Java+Js实现文件下载
Maven依赖 <dependency> <groupId>com.deepoove</groupId> <artifactId>poi-tl</artifactId> <version>1.9.0</version> </dependency> 页面 <!DOCTYPE html> <html> ......
C#中DataTable数据导出为HTML格式文件
/// <summary> /// DataTable导出为HTML的Table并保存到本地 /// </summary> /// <param name="dt">需要导出的数据源</param> /// <param name="filename">保存文件名</param> private v ......
Vue中的APP与js的对象字面量
JavaScript的对象字面量是一种方便创建和初始化对象的语法。它允许您直接在代码中定义对象，而无需使用类或构造函数。对象字面量使用大括号{}括起来，并包含零个或多个键值对。 以下是JavaScript对象字面量的常见用法和特点： 键值对：对象字面量中的键值对由键和值组成，使用冒号:分隔。键是字符 ......
js用户在退出或刷新网页时给出提示
window.onbeforeunload = function () { return true } 如果不需要给出提示的话,只需要不执行return true即可 需要注意的是,在chrome浏览器测试时发现,需要至少在网页中点击过一次才能正确触发此事件 ......
Android strings.xml按照key修改
## strings.xml匹配替换 将两个Android项目中的多语言字符串文件（strings.xml）进行比较，如果其中一个项目中包含另一个项目没有的字符，则合并到单一的输出文件，并以 key 在原始 XML 文件中更新 value 值。如果key匹配不准确则忽略它。 具体来说： 1. 引入 ......