three vue js
JS（循环）
一 for循环 在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被 称之为循环语句 1 语法结构 for循环主要用于把某些代码循环若干次，通常跟技术有关系。其语法结构如下 for(初始化变量;条件表达式;操作表达式）{ //循 ......
electron中调用node.js API
主进程在node.js环境中运行，等同于它拥有调用require模块和使用所有node.jsAPI的能力。但是在渲染器进程中，渲染器是无法直接访问require和其他node.jsAPI的，想要访问有以下两种方法： Preload脚本 预加载脚本运行在渲染器环境中，可以在BrowserWindow构 ......
elementplus vue 范围输入框
``` {{ t("Numberofgroups") }} {{ t("Numberofgroups") }} To ``` ``` :deep .line .el-input-group__prepend { border-top-left-radius: 0 !important; border ......
Vue中的Ajax请求和Slot插槽的技术探究
## Ajax请求 Ajax是一种异步的Web开发技术，用于在不刷新整个页面的情况下向服务器发送请求和接收响应。Vue提供了一种简单而强大的方法来处理Ajax请求。以下是在Vue中进行Ajax请求的基本步骤： 1. 安装Axios：Axios是一个流行的JavaScript库，用于进行Ajax请求。 ......
P5JS学习笔记
//启动方法，自动执行 function setup() { createCanvas(400, 400); } //绘画执行方法，自动执行，按设定好的帧数绘制 function draw() { background(25); ellipse(50,50,80,80);//画圆 //鼠标按下事件 ......
js延迟执行代码执行
## 说明 开发遇到,循环每个几秒执行一段代码 ## 代码 ```js let shouldContinue = true; async function run() { for (let i = 0; i setTimeout(resolve, 10000)); // 等待10秒钟 } } // ......
vue--16 购物车加减
效果： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>16购物车加减</title> <!-- <script src="https://unpkg.com/vue@3/dist/vue.globa ......
VUE防止多次点击，重复请求
1.添加自定义文件 preventReClick.js import Vue from 'vue' const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEv ......
vue-step2
# 目录结构  # 目录解析 - build : 项目构建(webpack) 相关代码 - config: 配置目 ......
vue中禁止浏览器刷新和鼠标右键事件
一、 created() { this.stopF5Refresh(); }, stopF5Refresh() { document.onkeydown = function(e) { var evt = window.event || e; var code = evt.keyCode || ev ......
vue学习记录 7
vue打地鼠的简单实现，效果差不多就这个样子： 目录： |mouse |--|components //放分页的 |--|--|GamePage.vue |--|image //装图片的 |--|index.vue //入口 index.vue： <template> <div v-if="ispl ......
vue学习记录 6
遇到的问题 1、将自己的代码插入项目后，图片资源无法加载。 <img src='../image/mine.png'/>此句图片可以显示 <img :src="`../image/cell${cell.value}.png`"/>此句图片会裂开 正确的字符串拼接指定图片路径： <img :src=" ......
vue-step1
# 安装nodejs 以及 设置国内镜像 - 国内安装nodejs 地址: https://mirrors.aliyun.com/nodejs-release/v12.22.12/ - 设置淘宝镜像 npm config set registry registry.npm.taobao.org, 验 ......
vue项目本地启动history路由模式刷新页面404
背景：之前一直用hash模式，改成history模式后刷新页面404 解决：`vue.config.js` 中 `publicPath: "/"` > 如果是线上服务则还需要后端修改一些配置，见链接 [点击查看](https://v3.router.vuejs.org/zh/guide/essent ......
vue中微信身份识别（openid）
最近做一个投票功能，为了防止用户恶意刷票，必须鉴别用户身份，对每个人投票次数限制。但投票是开放的，任何人都可以投，并非仅平台注册用户，因此只能使用用户最广泛的微信来识别用户，通过获取微信openid来判定用户是否已经投过票。 在vue中，需要添加一个静态html（weixinOAuth.html）来 ......
vue项目在IE内核下打开显示白屏（亲测可用！！！）
一.安装babel-polyfill库 npm install --save babel-polyfill 如图 二.在main.js中引入(放在最上面，一定要在第一行) import 'babel-polyfill' 三.在vue.config.js中加入 transpileDependencie ......
Vue组件封装
①建立组件的模板，先把架子搭起来，写写样式，考虑好组件的基本逻辑 ②准备好组件的数据输入。即分析好逻辑，定好props里的数据、类型 ③准备好组件的数据输出。即根据组件逻辑，做好要暴露出来的方法 ④封装完毕了，直接调用即可 ......
前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容
#### 前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13183 #### 效果图如下： 
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 WebGL渲染器设置(锯齿模糊) 一般实际开发，threejs的WebGL渲染器需要进行一些通用的基础配置，本节课给大家简单介绍下,比如渲染模糊或锯齿问题。 渲染器锯齿属性.antialias 设置渲染器锯齿属性.an ......
基于uni-app+vue3渲染markdown格式|uniapp软键盘顶起问题解决方案
前些时候有给大家分享一篇uni-app+vite4+uview-plus搭建跨端项目。今天主要分享下在uniapp中渲染markdown语法及uniapp中软键盘弹起，页面tabbar或顶部自定义navbar导航栏被撑起挤压的问题。 如上图：支持h5+小程序+App端markdown解析渲染。 上面 ......
Js 变量提升
一、解释：所谓JS “变量提升”，即变量可以在声明之前使用，值为undefined。 比如 a = 1; var a; console.log(a); 上述代码，如果按照自上而下的执行顺序的话，按理来说，应该输出 undefined，但是JavaScript 严格意义上并不是自上而下执行的语言。这段 ......
新建VUE项目
#####**1.下载node.js** #####2.检查是否安装成功  #####3.搭建全局vue环境 ## ......
基于springboot+vue的漫画之家管理系统，附源码+数据库+论文+PPT，适合课程设计、毕业设计
**1、项目介绍** 随着信息技术和网络技术的飞速发展，人类已进入全新信息化时代，传统管理技术已无法高效，便捷地管理信息。为了迎合时代需求，优化管理效率，各种各样的管理系统应运而生，各行各业相继进入信息管理时代，“漫画之家”系统就是信息时代变革中的产物之一。 任何系统都要遵循系统设计的基本流程，本系 ......
Three.js教程：阵列立方体和相机适配体验
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 阵列立方体和相机适配体验 本节课通过阵列一片立方体，进一步体验下透视投影相机的投影规律。 for循环创建一列模型 const geometry = new THREE.BoxGeometry(100, 100, 100 ......
js 获取当前时间
``` getNow(){ let date = new Date(); let y = date.getFullYear(); let m = date.getMonth() + 1; let d = date.getDate(); let H = date.getHours(); let mm ......
Vue（七）事件处理
一、基本的事件处理 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基本的事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head ......
CF1418G Three Occurrences 做题笔记
题目链接 题意是输出所有区间满足其内部每个数要么出现 $3$ 次要么不出现的个数。 因为是区间，数量很多，发现贡献是可以抵消的，直接无脑预处理前缀的桶。 然后枚举左端点，统计答案，怎么处理呢？ 疯狂地向右扩展，直到区间内有数字出现了 $3$ 次以上（这样是对的，待会儿证明，另外扩展到前一个就够了，不 ......