three vue js

VUE自定义指令

使用方法: 全局自定义指令:Vue.directive( dir_name , {} ) 局部自定义指令:directives{ dir_name : {} } 钩子函数: bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted:被绑定元素插入父节点时 ......
指令 VUE

VUE npm run serve 提示error Mixed spaces and tabs no-mixed-spaces-and-tabs 解决办法

解析: 看这个错误提示意思就是“不允许代码中出现空格和tab键混合的情况”大多数代码约定要求使用空格或 tab 进行缩进,禁止使用空格和tab混合缩进。因此,一行代码同时混有 tab 缩进和空格缩进,通常是错误的。 解决办法:原因找到了,解决办法就是找到spaces和tabs混合的地方,然后统一即可 ......

vue项目结合vant,实现上拉加载更多,下拉刷新

上拉加载思路: 1. 引入vant 组件 上拉list 2. 后端数据做了分页处理,获取接口数据,渲染到页面上,(此处只会显示一页的数据) 3. 设置属性去实现效果,loading,finished为vant组件中提供的 4. 每次滚动到底部后把页面数+1,发送一次请求获取新分页数据. 5. 获取完 ......
项目 更多 vant vue

axios拦截无法使用vue-router

在axios的接口拦截配置中,无法直接使用导入vue-router路由实例的方式进行路由跳转 import { useRouter } from "vue-router"; const router = useRouter (); router.push("/login"); 会出现以下报错: Un ......
vue-router router axios vue

使用VUE的component is 组件实现切换标签

VUE实现切换标签: <!DOCTYPE html> <html> <head> <title>Dynamic Components Example</title> <script src="https://unpkg.com/vue@2"></script> <style> .tab-button ......
组件 component 标签 VUE is

Vue通过v-modal实现子组件通讯

1、在props设置属性value ``` props: { value: { type: Object, default: {} } } ``` 1、设置属性,接收value,在mounted或created中赋值 ``` data(){ return { valueObj:{} } }, mou ......
组件 v-modal 通讯 modal Vue

使用 React Three Fiber 和 GSAP 实现 WebGL 轮播动画

参考:[Building a WebGL Carousel with React Three Fiber and GSAP](https://tympanus.net/codrops/2023/04/27/building-a-webgl-carousel-with-react-three-fibe ......
动画 React Fiber Three WebGL

广告网站如何编写好JS代码

以下是一些广告网站如何编写好JS代码的建议:1. 简洁明了:JS代码应该尽可能地简单易懂,减少冗余代码和不必要的逻辑。2. 兼容性考虑:要考虑不同浏览器和设备的兼容性问题,确保代码能够在各种环境下正常运行。3. 安全性保障:在编写JS代码时要注意防范潜在的安全漏洞,例如XSS攻击、CSRF攻击等,避 ......
代码 广告 网站

企业网站如何做好JS代码的编写

以下是一些企业网站如何做好JS代码的编写的建议:1. 简洁易懂:JS代码应该尽可能地简单明了,易于理解和维护,比如这个学习类网站,就是用了非常好的JS代码。2. 避免重复:避免编写重复的JS代码,可以使用函数来避免冗余代码。3. 逻辑清晰:编写JS代码时应该尽量保证逻辑的清晰性和可读性,方便其他开发 ......
企业网站 代码 企业 网站

精品单站群站CMS系统-自定义标题关键词描述-全自动采集-蜘蛛抓取屏蔽跳转用js地址-点击内页链接对应标题

烟雨黑帽SEO精品单站群站CMS系统-自定义标题关键词描述-全自动采集-蜘蛛抓取屏蔽跳转用js地址-点击内页链接对应标题-适合批量养站也适合批量关键词排名使用。 功能介绍:1.蜘蛛模式下隐藏广告跳转用js地址,用户打开可见。2.精品群站。适用于养站有也适用于做关键词排名。3.sitemap.html ......
标题 内页 全自动 蜘蛛 关键词

JS实现全屏展示的具体方法

https://blog.csdn.net/sinat_33255495/article/details/125069299 https://www.jb51.net/article/143030.htm ......
方法

Node.js

## Linux ```bash # install Node.js brew install node # set npm mirror npm config set registry https://registry.npmmirror.com # install pnpm npm instal ......
Node js

java基于的springboot+vue4S店车辆管理系统,车辆销售管理系统,附源码+数据库+lw文档+PPT

**1、项目介绍** 首先介绍了4S店车辆管理的技术发展背景与发展现状,然后遵循软件常规开发流程,首先针对系统选取适用的语言和开发平台,根据需求分析制定模块并设计数据库结构,再根据系统总体功能模块的设计绘制系统的功能模块图,流程图以及E-R图。然后,设计框架并根据设计的框架编写代码以实现系统的各个功 ......
管理系统 车辆 系统 springboot 源码

babylon.js 学习笔记(5)

前面我们画的小房子,基本上都是用内置的标准形状组合而成,但并非所有对象都这么简单,今天我们来画一个小汽车,汽车由多个零件组成,控制这些零件的缩放、位置、旋转,如果每个都单独用代码来修改position/roration/scaling,未免太复杂,幸好babylon.js中,对象有所谓的child/ ......
babylon 笔记 js

SSM + MySQL + Vue2.x + ElementU 图书管理系统(期末作业)

# 图书管理系统 ## 项目介绍 🔥 SSM + MySQL + Vue2.x + ElementUI 🔥 本项目使用 Idea 开发工具采用当前最火的Java + Web前端框架开发,在保证质量的同时界面美观,交互友好,实在是期末大作业的首选项目。 ## 软件架构 使用软件设计三层架构 + 前 ......
ElementU 管理系统 图书 系统 MySQL

vue.config.js跨域配置,以及代理配置

1 //配置代理后端路径 2 //并设置跨域 3 module.exports = { 4 devServer: { 5 port: 2222, //启用时的端口号 6 proxy: { //代理访问后端接口 7 8 //配置拦截器替换规则 9 '/api' : { //碰到路径中带有/api的路径 ......
config vue js

vue集成markdown

安装 (二选一) npm : npm install mavon-editor -S yarn : yarn add mavon-editor -S main.js进行全局注册 //main.js全局注册 import mavonEditor from 'mavon-editor' import ' ......
markdown vue

vue集成高德地图

<template> <div style="width:100%; height:100%; background-color:gray; display:flex; justify-content:center; align-items:center"> <!-- loding-icon --> ......
地图 vue

vue实现页面无限滚动

<div id="load2" class="infinite-list" v-infinite-scroll="load" style="overflow:auto; display: flex;flex-wrap: wrap;justify-content: center;" > <el-car ......
页面 vue

vue集成websocket

安装websocket yarn add nodejs-websocket 导入并创建服务端 /** * 服务端代码 */ // 1.导入nodejs-websocket包 const ws = require('nodejs-websocket'); const PORT = 3000 // 2. ......
websocket vue

babylon.js 学习笔记(4)

按上回继续,上节知道了如何用 『方块+三棱柱+贴图』结合起来,画一个简单的小房子,实际应用中可以把这3个打包在一起,组成1个house对象,这样更方便一些 const buildHouse = () => { const box1 = buildBox(); const roof1 = buildR ......
babylon 笔记 js

vue实现卡片滚动效果

vue实现卡片滚动左右切换效果 HTML: //最外层盒子 <div class="box_1"> //内层盒子 <div class="box_2" :style="{ transform: 'translateX' + '(' + currentOffset + 'px' + ')',}"> / ......
卡片 效果 vue

java基于springboot+vue的土特产在线销售平台、特产在线销售商城,附源码+数据库+lw文档+PPT

**1、项目介绍** 考虑到实际生活中在藏区特产销售管理方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。 (1)管理员功能需求 管理员登陆后,主要模块包括首页、个人中心、用户管理、特产信息管理、特产分类管理、特产分类管理、特产评分管理、系统管理、订单管理等功能。 ![] ......

vue中输入密码带图标可见不可见切换

data() { return { userName: "", pswd: "", loginDisabled: false, labelPosition: "top", passwordType: 'password', passwordIcon:require('@m/assets/images ......
图标 密码 vue

Vue框架的简单了解

Vue是一款轻量级的前端框架,它采用了MVVM的架构模式,通过数据的双向绑定技术实现了组件化开发、模板语法、指令系统等特性,使得开发者可以更加便捷地构建交互性强、页面复杂度高的单页应用程序。 Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。V ......
框架 Vue

Vue框架的简单了解

Vue是一款轻量级的前端框架,它采用了MVVM的架构模式,通过数据的双向绑定技术实现了组件化开发、模板语法、指令系统等特性,使得开发者可以更加便捷地构建交互性强、页面复杂度高的单页应用程序。 Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。V ......
框架 Vue

js number format All In One

# js number format All In One > 金融数据表示法 ## 千分位符号 ```js // 1,000,000 ``` ## demos --> ## (🐞 反爬虫测试!打击盗版⚠️)如果你看到这个信息, 说明这是一篇剽窃的文章,请访问 https://www.cnblog ......
format number All One js

2023前端面试题整理-VUE篇

1. VUE的基本原理 当一个Vue实例创建时,Vue会遍历data中的属性,用Object.defineProperty将它们转为getter/setter,并且在内部追踪相关依赖,在属性被访问和修改时通知变化。 每个组件实例都有相应的watcher程序实例,它会在组件渲染的过程中把属性记录为依赖 ......
前端 2023 VUE

JS内存垃圾回收用什么算法?

#### JS内存垃圾回收用什么算法? ##### 前后两种算法 - **引用计数(之前)** - 内存中创建的变量,每被引用一次,都会+1进行标记,当该标记为0时,该变量就会被回收。 - 但是这种算法有个弊端,就是容易引起相互饮用,造成循环引用,导致不能被垃圾回收机制回收。 - **标记清除(现在 ......
算法 内存 垃圾

Three加载3D模型贴图

# Three加载3D模型贴图 ## 准备阶段 1. 3D模型 2. three 库文件 3. 纹理图片 ## 相关资料 - 官方开发文档: https://threejs.org/docs - 官网编辑3D模型:https://threejs.org/editor/ 可以在这里创建一个3D模型导出 ......
模型 贴图 Three