节点string html js

富文本编辑器 quill.js 开发(四): 自定义格式扩展

## 前言 鉴于各种繁杂的需求,`quill.js` 编辑器也面临着各种挑战,例如我们需要添加“table”布局样式以适应邮件发送格式,手动扩展表情符号功能等等。本文将对这些可定制化功能进行讲解和实现。 ## 区分 format 和 module 首先需要明确的是,我们应该清楚自己所需的扩展具体是什 ......
编辑器 文本 格式 quill js

01-Node.js介绍

## 01. Node.js是什么? pNode.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。 ![image-20230512164824918](https://img2023.cnblogs.com/blog/2600375/202305/2600375-20 ......
Node 01 js

02-Node.js的包管理工具

## 00. 代码共享方案 模块化的编程思想,支持将代码划分成一个个小的、独立的结构。 我们可以通过模块化的方式来封装自己的代码,将之封装成一个工具; 这个工具我们可以让同事通过导入的方式来使用,甚至也可以分享给世界各地的程序员来使用; 假如,我们要将某个工具分享给世界上所有的程序员使用,有哪些方式 ......
工具 Node 02 js

springboot long js 长整形

项目中,数据库用bigint类型存储主键,java实体类中用long类型来存储对应的属性。这个时候前台通过ajax请求获取json数据时,使用了jackson来转换。但是javascript中number类型存储的长度小于long,精度为17位,超过17位的部分就会自动补0,而long类型数据是19 ......
springboot long js

如何使用Map处理Dom节点

本文浅析一下为什么`Map`(和WeakMap)在处理大量DOM节点时特别有用。 我们在JavaScript中使用了很多普通的、古老的对象来存储键/值数据,它们处理的非常出色: ```jsx const person = { firstName: 'Alex', lastName: 'MacArth ......
节点 Map Dom

js前端fetch参数

const response = fetch(url, { method: "GET",//请求方式 headers: {//定制http请求的标头 "Content-Type": "text/plain;charset=UTF-8" }, body: undefined,//post请求的数据体, ......
前端 参数 fetch

js 中数组转树 递归方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
数组 方法 js

js中判断数组的几种方法

var a = []; 基于instanceof a instanceof Array; 基于constructor a.constructor Array; 基于Object.prototype.isPrototypeOf() Array.prototype.isProtypeOf(a); 基于g ......
数组 方法

html网页中禁用右键下载视频的解决方法(iframe和video)

html网页中禁用右键下载视频的解决方法(iframe和video) 前言: vidoe组件——禁用下载功能 有些官网上的视频是不允许下载的,为了防止视频被盗或者从事违法的活动。 因此我们在官网等敏感网站中使用video组件的时候,需要视频的禁用下载功能;在使用video组件来播放视频时,视频上会有 ......
网页 方法 iframe video 视频

request.js学习

import Vue from 'vue' import axios from 'axios' import store from '@/store' import {Modal, notification} from 'ant-design-vue' import { VueAxios } fro ......
request js

html+css实现的计算机科学学院首页静态页面

家人们啊,我真是出息了 终于不是我仿写的了,是我真正意义上完全由自己编写的一个静态页面,总算是看起来比较可以了 主要是在仿写的时候,感觉博主写的实在是太乱了又很复杂,不如自己编写一下简单,就简单试了一下 经过了大概一个星期,总算是写出来了 主要是一个西南石油大学计算机学院的页面,很简单,更多的是类似 ......
科学学院 静态 页面 计算机 科学

[HTML 5] Detect visualViewport change

On mobile device, when you open / close the keyboard, zoom in / out, it might affect the visual viewport view (the actual page content); to detect cha ......
visualViewport Detect change HTML

Three.js教程:点、线、网格模型介绍

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 点、线、网格模型介绍 经过前面几章学习相信你对点模型Points、线模型Line、网格模型Mesh已经有了大致了解,本节课就对点、线、网格模型模型进行简单总结。 点模型Points、线模型Line、网格网格模型Mesh ......
网格 模型 教程 Three js

HTML与CSS综合设计报告

【项目描述】 最近来自国产的独立像素游戏《风来之国》发售,借此做一个相关的游戏介绍网页来介绍这款游戏,并收集感兴趣玩家的信息反馈,以此改进游戏,吸引玩家的加入。 图1 主页预览图 【涉及知识点】 1、 HTML 布局 2、 文本属性 3、 图片的插入 4、 css链入式的使用 5、 选择器的使用 6 ......
报告 HTML CSS

html屏蔽右键、禁止复制与禁止查看源代码的几种方法

方法一:左右键屏蔽 先来一种最简单的方法,它直接在body属性定义了oncontextmenu,使得右键的值为false,起到了屏蔽右键的效果。 1 <body oncontextmenu=self.event.returnValue=false> 这个方式虽然屏蔽掉了右键的功能,但是左键还可以使用 ......
源代码 方法 html

Linux shell command strings All In One

Linux shell command strings All In One 打印文件(默认为标准输入) 中可打印的字符串 ......
command strings Linux shell All

理解JS中的Promise

通常JS代码是单线程的、按顺序执行的。当遇到网络数据传递、文件读写等耗时操作时,JS可以不必要等待生成结果,而是启用一个异步操作,继续执行后续的代码。 当耗时操作结束后,再回调其结果。例如: console.log("coding beginning !!") setTimeout(() => { ......
Promise

js 示例

<script> function gettime() { var date = new Date(); var timestr =date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"&nbsp&nbsp"+ date.toT ......
示例 js

Nest.js + TypeOrm

# TypeORM 集成 ``` $ npm install --save @nestjs/typeorm typeorm mysql2/pg ``` 安装过程完成后,我们可以将TypeOrmModule导入到根目录中AppModule。 ``` import { Module } from '@n ......
TypeOrm Nest js

JS时间戳转日期(相互转化)

1、将时间戳转换成日期格式: function timestampToTime(timestamp) { // 时间戳为10位需*1000,时间戳为13位不需乘1000 var date = new Date(timestamp * 1000); var Y = date.getFullYear() ......
日期 时间

Js查询月份的开始和结束日期(附Ts转换代码)

月份开始和结束整体不是很复杂,使用new Date()方法自带获取最后一天的时间 new Date(a,b,c),传递参数 参数a:是要获取的年份参数b:是要获取的月份参数c:是要获取的日期 传递日期为0时获取的传递月份的上月最后一天时间月份是从0开始算起11结束,所以每次获取月份要加一;也就是当你 ......
月份 日期 代码

html积累

html5中的积累: details与summary标签: // 解释:定义一个可见标题,点击“标题”会显示“详细信息”// 兼容:目前仅Chrome, Safari 8+ 和Opera 26+支持此标签<details> <summary> 标题 </summary> 详细信息 </details ......
html

【算法学习前置】了解JS中的数组

## 介绍 此篇属于前端算法入门系列的第一篇,主要介绍常用的`数组方法`、`字符串方法`、`遍历方法`、`高阶函数`、`正则表达式`以及相关`数学知识`。 **文章主要包含以下内容:** - 数组常用方法 - 字符串常用方法 - 常用遍历方法&高阶函数 - 常用正则表达式 - 数学知识 ## 一、数 ......
数组 算法

【算法学习前置】了解js中的字符串

## 二、字符串常用方法 1. `chat()` 返回指定索引位置处的字符。类似于数组用中括号获取相应下标位置的数据。 ```js const str = 'abcdef' console.log(str.chat(2)) // 'c' console.log(srt[2]) // 'c' ``` ......
字符串 算法 字符

lodash.js初步使用 debounce(防抖)、throttle(节流)

<template> <a-input v-model.trim="value" placeholder="请输入" clearable @change="change"></a-input> </template> this.change = this.$lodash.debounce(this. ......
debounce throttle lodash js

C#-字符串String的各种常用操作

记录下日常用到的字符串的一些操作: //整数与16进制字符串的互相转换string str = (2748).ToString("X"); int iData = Convert.ToInt32(str, 16); 整数与字符串的互相转换 str = (123).ToString(); iData ......
字符串 字符 常用 String

[React Typescript] useRef with HTML Elements

React set the ref to null in runtime. It is a limitation now for react. import { useRef } from 'react'; export const Component = () => { const ref = u ......
Typescript Elements useRef React HTML

LeetCode 222. 完全二叉树的节点个数

``` class Solution { public: int countNodes(TreeNode* root) { if(!root) return 0; auto l=root->left,r=root->right; int x=1,y=1;//记录左右两边层数 while(l) l=l ......
节点 个数 LeetCode 222

HTML5中实现文件上传下载的三种解决方案(推荐)

​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传,本文主要介绍服务端实现文件上传的步骤及 ......

JSON和JS对象区别

JSON 是一种纯数据格式,只包含属性,没有方法 JSON要求在字符串和属性名称周围使用双引号,单引号无效。 JSON中只有带引号的字符串可以用作属性,而JS中对象属性可以不加引号 JSON.parse()和JSON.stringify()可以用来转换 ......
对象 JSON