2024-11-08 厉飞雨 阅读(25) 评论(0) 赞(4)

这两天研究GPT，然后在写对话时，因为对话是js动态添加的，然后随着内容的增多，要想让滚动条跟随内容的增多往下滚动，所以需要添加一个滚动条监听，并且随着内容增多将滚动条自动往下滚动。 具体JS代码如下： ```lang-html <!-- 滚动条监听 --> <script> var element = document.ge...

2024-11-08 厉飞雨 阅读(20) 评论(0) 赞(1)

有用到，简单记录一下： > QRCode.js是一个JavaScript库，用于生成QR码。使用QRCode.js可以轻松地在网页中生成QR码，以便用户扫描并访问相关信息。 引入QRCode -------- 这里使用的字节跳动的CDN ```lang-html <script src="https://lf6-cdn-tos.bytecdntp...

2024-11-08 厉飞雨 阅读(16) 评论(0) 赞(1)

类似模态框，当然用其他插件可能更方便 引入jQuery，然后给所有要实现点击弹出放大效果的图片添加一个类名为`imglist` 然后在js中使用如下代码： ```lang-javascript $(".imglist").click(function() { var modal = $("<div></div>&q...

2024-11-08 厉飞雨 阅读(19) 评论(0) 赞(4)

这两天在制作Weblog网站的时候，想添加一个点击链接随机跳转到一个认证页面，因为认证页面的后缀都是数字.html，所以其实很简单，这个功能也类似十年之约的虫洞，但是我觉得其用的不是这种方式。 JS部分 ---- 首先需要创建JS来随机获取一个数字，并合成链接地址： <script> //合成链接地址 function myFuncti...

2024-11-08 厉飞雨 阅读(21) 评论(0) 赞(1)

如果仅仅想把导航栏固定，添加以下属性即可： ```lang-css style="position: sticky;" ``` 注：前提是你已经写好了导航栏。 如果想将导航栏下滑悬浮透明，请参照如下方式： 给 `header`盒子(整个导航的盒子)添加 `id="headerTop"` 并添加以下css样式： ```lang-...

2024-11-08 厉飞雨 阅读(18) 评论(0) 赞(3)

说明 --- 当进入网页时会先出现加载动画，当整个网页完全加载完毕后再显示正常网页。 原理 --- 在html上方先放一个div，用来显示加载动画，然后js判断当网页加载完毕后再将这个div隐藏并显示原网页。 实现 --- 需先引入：`jquery` HTML部分： ```lang-html <div class="loading-div"...

2024-11-08 厉飞雨 阅读(23) 评论(0) 赞(1)

1.knex ====== knex框架是一个ORM框架，使用knex可以用JavaScript语法指令来操作SQL语句，这大大降低了前端工程师操作进行数据库操作的难度，但是需要注意的是knex最终还是会生成SQL语句和数据库进行交互 1.1knex的安装 ---------- 安装`MySql`数据库 ```lang-bash npm install mysql ``...

2024-11-08 厉飞雨 阅读(21) 评论(0) 赞(3)

`Node.js`一台电脑只能装一个版本，但是有时候开发项目会用到不同版本的`Node.js`，卸载再装是很麻烦的，而`nvm`就是解决这个问题的，有了它就可以在一个电脑上安装多个`Node.js`版本，并且在不同版本之间切换使用。 下载 --- github下载地址：[https://github.com/coreybutler/nvm-windows/releases]...

2024-11-08 厉飞雨 阅读(17) 评论(0) 赞(1)

/** * @author ius. * @date 2022/8/1 * @introduction 获取QQ好友列表 */ function getCookie(aim) { const allText = document.cookie.replace(/\s*/g, ''); //docum...

2024-11-08 厉飞雨 阅读(21) 评论(0) 赞(1)

有时候我们希望网站的一段内容只在手机或只在电脑上显示，比如本博客底部的备案号，只在PC端显示，这其实就是用到了我们今天要说的`@media screen`来实现。 举个栗子 {#menu_index_1} -------------------- <span class="lizi">我是栗子</span> 比如我们现在...