three vue js
Vue3中点击按钮滚动页面到低端
核心代码 <template> <div ref="editflagNode"></div> <div v-if="route.query.flag '1' || route.query.flag '3'"> <Title v-if="btnFlag || taskDetail.taskConclu ......
手机直播源码，JS实现页面下拉加载数据操作
手机直播源码，JS实现页面下拉加载数据操作 主要是在id="ph"的div内加载数据： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ......
js注入cookie不生效的情况
场景 直接使用js注入cookie 发现不生效，其实只设置了key和values值，没有注意其他字段。 后来发现还有个domain的字段需要配置，不然注入是不会生效的 document.cookie="token=123;domain=.baidu.com" #使用；分号隔开 ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（三）
Edit.vue <template> <div id="edit"> <ClassicHeader> <template v-slot:left> <span>编辑随笔</span> </template> <template v-slot:right> <el-button @click="ne ......
面试题：JS如何最快的执行垃圾回收机制
因为没看见答案，所以也不知道对不对。 JavaScript 的垃圾回收机制是由 JavaScript 引擎自动管理的，通常情况下我们无法控制垃圾回收机制的执行时间和频率。 然而，我们可以采取一些优化策略来减少垃圾回收的性能开销，从而提高代码执行速度。 减少全局变量：全局变量不易被垃圾回收，因为它们始 ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（二）
后台管理页面，需要配合NODE.JS搭建的EXPRESS服务器使用。 main.js import Vue from 'vue' import App from './App.vue' import router from './router' import { Button, Input, For ......
JS倒计时效果
倒计时实现思路：1-用户输入的时间减去当前的时间就是剩余的时间，即倒计时2-不能用时分秒直接相减，因为出来的结果会是负数，比如01分减去15分，结果是负14分3-需要引入时间戳的概念，用户输入时间的总毫秒数减去当前时间的总毫秒数，得到的就是剩余时间的毫秒数4-最后把剩余时间的毫秒数转化成天、时、分、 ......
js中无需点击就可以实现页面跳转
###js中无需点击就可以实现页面跳转 第一种： 复制代码 代码如下: <script language="javascript" type="text/javascript"> window.location.href="xx.jsp?backurl="+window.location.href; ......
js 计算时间范围的时间差（只计算工作日，不计算周六周日，精确到天）
直接上demo代码和截图 btnClick() { var oneDay = 1000 * 60 * 60 * 24; var days = 0; // dates是一个时间范围,startDate是时间范围的开始时间,endDate是结束时间 var startDate = this.dates[ ......
Three.js教程：旋转动画、requestAnimationFrame周期性渲染
推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：NSDT简石数字孪生 基于WebGL技术开发在线游戏、商品展示、室内漫游往往都会涉及到动画，初步了解three.js可以做什么，深入讲解three.js动画之前，本节课先制作一个简单的立方体旋转动画。 本节课是在1.1节 第一个3D场景已绘制 ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（一）
很久以前写的。不想白写，这边记录一下，配合GPT简要回忆一下代码思路。 后台系统 demo_initBlog.js 首先是博客的后台系统，通过node demo_initBlog.js进行初始化。 const fs = require("fs").promises const path = requ ......
Vue.js 组件内路由守卫
视频 About.vue App.vue #components ##Banner.vue <template> <div class="col-xs-offset-2 col-xs-8"> <div class="page-header"> <h2>Vue Router Demo</h2> <bu ......
vue2+jsx与vue3+jsx插槽的写法
1.vue2 + jsx (1)slot组件 <template> <div class="index"> <h2>slotdemo -- 组件调用成功</h2> <slot name="title"></slot> <slot></slot> </div> </template> （2）调用 <s ......
vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3。
原文转载：https://github.com/501351981/vue-office vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3。 《演示效果》 功能特色 一站式：提供docx、pdf、excel多种文档的在线预览方案，有它就够了 简单 ......
vue 组件加点击事件
vue 默认只能在元素dom上面加点击事件，否则你给组件加上点击事件是没有效果的。 解决方案： 可以在组件的事件后面加.native @click.native ......
基于 xterm + websocket + vue 实现网页版终端 terminal
cdn形式html页面实现 在进行开发这个功能的时候,进行了百度,最后参考此博主的文章中的自定义版本,进行修改:https://blog.csdn.net/qq_25252769/article/details/127791918 开发过程中,由于后台数据返回的格式需要进行处理,根据自身需求,代码进 ......
Vue.js 独享路由守卫
视频 独享守卫: beforeEnter(to,from,next){ console.log('beforeEnter',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localStorage.getItem('school') 'atgui ......
Vue.js 全局前置和后置-路由守卫
全局前置路由守卫视频 全局后置路由守卫视频 12.路由守卫 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeE ......
vue点击其他地方，这个div隐藏，怎么通过自定义指令实现
vue指令 Vue指令是Vue.js框架中最核心的一部分之一，用于处理DOM元素上的行为和属性，类似于jQuery的插件。Vue指令使用v-前缀表示，例如：v-if，v-for，v-bind，v-on等等。 以下是一些常用的Vue指令： 1. v-model：绑定表单元素到Vue实例数据，实现数据的 ......
vue点击其他地方 这个div隐藏
Vue 中实现点击其他地方隐藏 `div` 的思路一般如下所示： 1. 给需要隐藏的 `div` 绑定一个 `v-show` 或 `v-if` 指令，初始状态为显示。2. 给整个页面或父级元素（比如 `body` 或者 `app` 组件，建议是根组件）绑定一个点击事件。3. 在点击事件的回调函数中， ......
vite写jsx语法报错： [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. If you use tsconfig.json, make sure to not set jsx to preserve.
1.安装vite的jsx包 npm i @vitejs/plugin-vue-jsx --save 2.安装所有依赖 npm i 3.在vite.config.ts中配置 import { defineConfig } from 'vite'; import vue from '@vitejs/pl ......
js 闭包是什么
1、阐述闭包：闭包是js的一种语法特性； var x='test';function(){console.log(x)};「函数」和「函数内部能访问到的变量」的总和，就是一个闭包。 2、闭包的作用：间接访问一个变量；以下就实现了一个闭包，它通过返回一个函数使得外部能获得内部的变量。 const in ......
vscode如何设置HTML/CSS/JS保存后自动格式化？
具体操作：点击小齿轮，选择设置按钮 第二步：点击右上角按钮，进入设置页面 第三步：粘贴自动保存的js代码！ "editor.formatOnType": true, "editor.formatOnSave": true, ......
js 判断是否为 IE 通过事件关闭新打开的浏览器窗口
//必须通过 target="_blank" 打开新窗口才可关闭 if (window.ActiveXObject || "ActiveXObject" in window) { //ie window.location.href = "about:blank"; //为兼容IE作此修改 windo ......
vue中父子组件调用之头像更新
问题描述： 修改图像的功能，要实现的功能是这样的：点击确认按钮，然后连带着上面的头像也更新，是不是很简单，只需要一个刷新就行，但是事实上没这么简单，因为我的这个项目涉及到三个组件 这里面中间是一个子路由，然后上面是一个组件，左边是一个组件 然后这个就涉及到子父组件传值， 这个总布局是Doctor.v ......
好奇心驱使下试验了 chatGPT 的 js 代码的能力
手边的项目中有个函数，主要实现图片分片裁剪功能。可以优化一下。 也想看看 chatGPT 的代码理解能力，优化能力，实现能力，用例能力。 于是有了这篇文章。 实验结果总结： chatGPT 确实强大，提供的答案可以借鉴，但不能完全依赖，需要你自行判断是否正确 当你需要一个纯函数时，可以考虑使用。 提 ......
js字符串转base64
js字符串转base64 原文链接：https://blog.csdn.net/qq_40666120/article/details/120146906 字符串转base64 function encode(str){ // 对字符串进行编码 var encode = encodeURI(str) ......
JS字符串转base64格式
JS字符串转base64格式 原文链接：https://www.cnblogs.com/liu-fei-fei/p/7251105.html var Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh ......
实现在request.js里引用store
###src/store/index.js import { createStore } from "vuex"; import modules from "./modules"; // 创建store实例 const store = createStore({ modules, }) //挂载到v ......