51工具盒子
JS动态添加内容时让滚动条跟随内容的增加滚动
这两天研究GPT，然后在写对话时，因为对话是js动态添加的，然后随着内容的增多，要想让滚动条跟随内容的增多往下滚动，所以需要添加一个滚动条监听，并且随着内容增多将滚动条自动往下滚动。 具体JS代码如下： ```lang-html <!-- 滚动条监听 --> <script> var element = document.ge...
JavaScript笔记
简单使用QRCode.js生成二维码
有用到，简单记录一下： > QRCode.js是一个JavaScript库，用于生成QR码。使用QRCode.js可以轻松地在网页中生成QR码，以便用户扫描并访问相关信息。 引入QRCode -------- 这里使用的字节跳动的CDN ```lang-html <script src="https://lf6-cdn-tos.bytecdntp...
JS中利用JQuery模拟点击图片放大效果，支持多图
类似模态框，当然用其他插件可能更方便 引入jQuery，然后给所有要实现点击弹出放大效果的图片添加一个类名为`imglist` 然后在js中使用如下代码： ```lang-javascript $(".imglist").click(function() { var modal = $("<div></div>&q...
利用JS将a标签超链接到一个随机数字地址
这两天在制作Weblog网站的时候，想添加一个点击链接随机跳转到一个认证页面，因为认证页面的后缀都是数字.html，所以其实很简单，这个功能也类似十年之约的虫洞，但是我觉得其用的不是这种方式。 JS部分 ---- 首先需要创建JS来随机获取一个数字，并合成链接地址： <script> //合成链接地址 function myFuncti...
JS实现导航栏下滑悬浮透明置顶
如果仅仅想把导航栏固定，添加以下属性即可： ```lang-css style="position: sticky;" ``` 注：前提是你已经写好了导航栏。 如果想将导航栏下滑悬浮透明，请参照如下方式： 给 `header`盒子(整个导航的盒子)添加 `id="headerTop"` 并添加以下css样式： ```lang-...
JS实现给网站添加加载动画
说明 --- 当进入网页时会先出现加载动画，当整个网页完全加载完毕后再显示正常网页。 原理 --- 在html上方先放一个div，用来显示加载动画，然后js判断当网页加载完毕后再将这个div隐藏并显示原网页。 实现 --- 需先引入：`jquery` HTML部分： ```lang-html <div class="loading-div"...
knex.js基本使用教程
1.knex ====== knex框架是一个ORM框架，使用knex可以用JavaScript语法指令来操作SQL语句，这大大降低了前端工程师操作进行数据库操作的难度，但是需要注意的是knex最终还是会生成SQL语句和数据库进行交互 1.1knex的安装 ---------- 安装`MySql`数据库 ```lang-bash npm install mysql ``...
使用nvm使Windows电脑支持多个Nodejs版本
`Node.js`一台电脑只能装一个版本，但是有时候开发项目会用到不同版本的`Node.js`，卸载再装是很麻烦的，而`nvm`就是解决这个问题的，有了它就可以在一个电脑上安装多个`Node.js`版本，并且在不同版本之间切换使用。 下载 --- github下载地址：[https://github.com/coreybutler/nvm-windows/releases]...
原生JS获取QQ好友列表
/** * @author ius. * @date 2022/8/1 * @introduction 获取QQ好友列表 */ function getCookie(aim) { const allText = document.cookie.replace(/\s*/g, ''); //docum...
（CVE-2024-4367)PDF.js 中任意 JavaScript 执行
该漏洞的具体内容可以去看<https://codeanlabs.com/blog/research/cve-2024-4367-arbitrary-js-execution-in-pdf-js/> 已经说的很明白了。我这里就给一下具体利用的POC方便各位利用。 本POC改编于GITHUB项目上的<https://github.com/LOURC0D3/...
