节点string html js
一款 Js 动画库，简单几行代码就能写出丝滑流畅、高性能的动画效果
一款 Js 动画库，简单几行代码就能写出丝滑流畅、高性能的动画效果 原创2023-06-01 14:37·那些免费的砖 使用简单，但做出来的动画非常丝滑，也能实现很多专业的动画效果，推荐给大家。 关于 GSAP GSAP 的全名是 GreenSock Animation Platform，项目诞生非 ......
利用PDF.js在微信小程序里预览PDF文件
在微信小程序可以通过wx.downloadFile 和 wx.openDocument 两个api下载并打开pdf文件。这种方式主要有不少的缺点： 1、需要下载才可以查看，且每次打开都需要下载生成一个临时文件，如果PDF文件比较多的话，临时文件会越来越多，且如果PDF文件比较大的话，打开会比较慢。2 ......
IDEA cant resolve symbol String
问题：在做新项目时报 IDEA cant resolve symbol String（IDEA不能识别String类型） 一脸懵，不光这个这样，其他的第三方的包也没法导进来 猜测：刚开始以为是maven依赖没用导进来，后来发现String类竟然也不行， 于是猜测是JDK的问题，重新设置了一下JDK， ......
2023-08-31 js 判断内容有值才运行 ==》if (!!str) {//内容有值则运行}
一般新手判断一个值是否不为null且不为undefined且不为空都会这样写 str != '' && str != undefined && str != null 或者 str !== '' && typeof(str) !== undefined && str !== null 其实有一种简洁 ......
第十二章 String类的概述和使用
## 12.1 String类的概念 - java.lang.String类用于描述字符串，Java程序中所有的字符串字面值都可以使用该类的对象加以描述，如："abc"。 - 该类由final关键字修饰，表示该类不能被继承。 - 从jdk1.9开始该类的底层不使用char[]来存储数据，而是改成 b ......
如何在HTML --- 》table ---》td中实现换行？
XTHS：设置table 的 style="table-layout:fixed;" 然后设置td的 style="word-wrap:break-word;" 即可 1、我在网上试了上面方式，并没有效果 2、最后我用下面第二种方式 ，“利用CSS的white-space属性实现换行，这个是没有问题 ......
js_使用axios请求图片资源, 并读取图片资源为base64格式
- 情景再现: 今天在写页面时遇到这么一个请求: 有一张图片, 默认隐藏, 要求在该图片加载完毕后, 执行取消隐藏的动画. 目的是不要在执行动画期间图片有空白的样子. 第一个想到的当然是img的onload回调函数. 但是天生反骨不爱用行内元素. 于是想到使用ajax请求图片资源, 再使用FileR ......
js获取父元素id
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
css或js实现隔行换色
```css /* 用CSS实现隔行换色*/ /* table tbody tr:nth-child(odd) { background-color: #c7cac9; } table tbody tr:nth-child(even) { background-color: #ccc; } */ ` ......
JS对象数组的遍历和解构的一起使用
<!DOCTYPE html> <html class="no-js"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title></title> <meta nam ......
分享一个在线二维码生成器（基于qrcode.js开发）
> 一种二维码扫描与生成的工具, 它可生成个性化二维码, 支持文本、网址、图片、短信、电话等格式及主题,提供融合码功能 ### 演示地址 [https://qrcode.gitapp.cn](https://qrcode.gitapp.cn) ### 关键代码 ``` var qrcode = ne ......
js模拟打字机效果
通用方法定义 /** * * @param {*} text 打字文本 * @param {*} callback 完成打印效果回调 * @param {*} timeout 完成打印效果多久回调 */ export function textPrinter({ text, change, comp ......
js模板引擎--构造渲染函数
在上一篇中我们已经将模板解析为了一条条的js语句，那么只要把这些语句连起来，构造一个可执行函数，然后传入模板数据，就可以得到填充过数据的html片段。 ```javascript // 构造渲染函数 function buildRender(scriptTokens) { var codeArr = ......
QRCode.js无法识别中英文混合字符的解决办法
开源在此：https://github.com/davidshimjs/qrcodejs 引用：//static.runoob.com/assets/qrcode/qrcode.min.js 这篇文章讲解了使用方法： QRCode.js：使用 JavaScript 生成二维码 ： https://w ......
js模板引擎3--编译模板
编译模板的时候，我们可以使用`Function`构造函数构建出可执行的js代码，但关键点是如何把模板数据和构建的js代码关联起来。 比如前面的模板字符串例子： ```html ``` 这个例子中，我们关心的是变量`list`的值如何确定。 有两种思路可以实现，先介绍第一种，比较复杂的做法。 ## 解 ......
js模板引擎2 -- 解析模板
模板语法规则： - 变量渲染使用 `` 语法； - 条件判断使用 ` `js语法； - 列表渲染使用 ` ` js语法； - 模板注释使用 ``; 下面我们一步步的实现一个正则表达式来识别出模板语法规则部分。 ## 正则匹配 语法规则以``结尾，对应正则为 `//`。 > 关于正则表达式的贪婪模式和 ......
js模板引擎1--制定规则
>本系列文章是学习[art-template](https://github.com/aui/art-template)和[template.js](https://github.com/yanhaijing/template.js)的总结。 js模板引擎的用法大致如下： 1. 模板 ```html ......
java中判断String是否为数字类型字符串
一：判断java中的字符串是否为数字，可以通过正则表达式来判断；其判断逻辑如下： 1、根据阿里巴巴代码规范，将Pattern设置为全局常量，通过 -?[0-9]+(\\\\.[0-9]+)? 进行匹配是否为数字 private static final Pattern pattern = Patte ......
Node.js - path.resolve(__dirname, "/src") 无法拼接绝对地址
在使用 `path.resolve(__dirname, "/src")` 这个函数拼接项目的绝对地址时要注意，第二个参数如果指定的是本目录，不能在 `src` 前面添加 `/`。 ```js console.log("/src ->>>>>>", path.resolve(__dirname, " ......
h5(html5)+css3前端笔记六
#浮动 ##1.1传统网页布局的三种方式 普通流、浮动、定位 网页布局的本质一一用CSS来摆放盒子。把盒子摆放到相应位置 ##1.2标准流（普通流/文档流） 1. 块级元素会独占一行，从上向下顺序排列。 常用元素: div、hr、p、h1~h6、ul、ol、dl、form、table 2. 行内元素 ......
JS正则获取两个指定字符串之间的字符串
function filterWordHtml(str){ let reg = /<!--StartFragment-->([\s\S]*)<!--EndFragment-->/m let result = str.match(reg)[1] return result.replace(/[\\\n ......
基于vue3 封装一个图片裁切功能组件 vue-cropper.js
##使用的vue-cropper.js，官方文档 https://github.com/xyxiao001/vue-cropper ##附图片各格式之间的转换 https://www.cnblogs.com/huihuihero/p/17667325.html ##注意：下载vue-cropper. ......
JS逆向实战22——某政府采购网简单cookie反爬
# 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ # 目标网站 网站：aHR0cDovL3d3dy55bmdwLmNvbS8= # 目标 ![](https://img20 ......
js function.length 函数的长度
length 属性 JavaScript length 属性可设置或返回数组中元素的数目, 一般只是用于获取数组, 字符串长度 "字符串".length ["数", "组"].length 或清空数组 var a = ["数", "组"] a.length = 0 a // [] function. ......
How to reverse a string that contains the emoji in js All In One
How to reverse a string that contains the emoji in js All In One
......
如何使用 Node.js 邮箱服务进行自动化发送邮件 All In One
# 如何使用 Node.js 邮箱服务进行自动化发送邮件 All In One ```sh $ npm i -S nodemailer ``` ```js "use strict"; const nodemailer = require("nodemailer"); const transporte ......
A pure js Array reactive solution with Proxy and Reflect All In One
A pure js Array reactive solution with Proxy and Reflect All In One
纯 js 实现数组响应式
......
完全基于html和three.js实现的魔方
记录大学时代的一个实验demo 代码完全基于html、three.js实现 1. 实现效果演示： 2. 项目结构： 3. three.js需自行下载依赖包，index.html完整代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ......
HTML td 或者th 设置宽度无效
最近我在做一个网站的表格布局，遇到了一个困难，就是 html 中 td 的宽度设置无效。 我在设置 td 的宽度时，使用了 width 属性，但是实际效果却不符合我的预期。经过一番研究，我总结出了以下几点原因。 1、首先， td 的宽度会受到表格宽度和单元格内容宽度的影响。如果表格宽度不足以容纳 t ......