three vue js

Three.js教程:threejs语法总结

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 threejs语法总结 本节课从JavaScript面向对象语法的角度,给大家总结下threejs API的使用习惯,这样方便大家更好的使用threejs API。 Three.js语法总结:类(构造函数) Three ......
语法 threejs 教程 Three js

element-plus vue3 dialog form 清空 重置 resetFields

参考:https://blog.csdn.net/zhengjf123/article/details/127293374 参考:https://blog.csdn.net/Start2019/article/details/100091495 ......
element-plus resetFields element dialog plus

前端Vue自定义轮播图swiper 轮播图dot 轮播图指示indicate

#### 前端Vue自定义轮播图swiper 轮播图dot 轮播图指示indicate,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13193 #### 效果图如下: ![1.png](https://p1-juejin.by ......
前端 指示 indicate swiper Vue

简述 js 的代码整洁之道

文章参考出自:https://juejin.cn/post/7224382896626778172 前言 为什么代码要整洁? 代码质量与整洁度成正比。有的团队在赶工期的时候,不注重代码的整洁,代码写的越来越糟糕,项目越来越混乱,生产力也跟着下降,那就必须找更多人来提高生产力,开发成本越来越高。 整洁 ......
代码 js

Vue3从入门到精通(三)

vue3插槽Slots 在 Vue3 中,插槽(Slots)的使用方式与 Vue2 中基本相同,但有一些细微的差异。以下是在 Vue3 中使用插槽的示例: // ChildComponent.vue <template> <div> <h2>Child Component</h2> <slot></ ......
Vue3 Vue

JS(对象)

一 对象 1.1 对象的相关概念(python中的字典) 什么是对象? 在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数 组、函数等。 对象是由属性和方法组成的。 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象 ......
对象 JS

[GPT] vue 的 quasar 框架 在 layout 模版中 如何获取 子页面当前使用的 useMeta

在 Quasar 框架中,您可以使用 $q.page 对象来获取子页面当前使用的 useMeta 。以下是一个示例: vue <template> <q-layout> <q-page-container> <q-page> <!-- 子页面内容 --> </q-page> </q-page-con ......
模版 框架 useMeta 页面 quasar

Vue实现组件间通信的11种方式

原文合集地址如下,有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484258&idx=1&sn=058887a4ca52d4327f09d763d618d08c&chksm=ec7cc036db ......
组件 方式 Vue

Vue:slot插槽

下面是一个完整的示例,展示如何在Vue中使用插槽: ``` 这是父组件 ``` 在上面的示例中,我们定义了一个名为 `ParentComponent` 的父组件,并在模板中使用了 ` `标签来指定插槽的位置。` `表示插槽的起始和结束。 接下来,我们可以在父组件的使用者中添加内容来填充插槽。例如,假 ......
slot Vue

js遇到的小问题

js笔记 ```javascript apollo.is_execute = apollo.is_execute ? 1 : 0; 把true或者false转化为1或者0 或者有值的时候是1,没有值的时候是0 true转化为1,为false的0 ``` ```javascript !db.execu ......
问题

vue编程-增加路由模块

1.将vue-router依赖加入到package.json ```json { "name": "practice_novel_site", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service se ......
路由 模块 vue

[vue3-print-nb]vue3中实现打印功能

### vue3 安装 ``` npm install vue3-print-nb --save ``` ### 项目中引入 ``` // 全局引用 import { createApp } from 'vue' import App from './App.vue' import Print fr ......
vue3 vue3-print-nb vue 功能 print

python使用 flask+vue 制作前后端分离图书信息管理系统

哈喽兄弟们,今天咱们来用Python实现一个前后端分离的图书信息管理系统。 制作前后端分离图书信息管理系统的思路: 1、前端部分 首先,我们可以使用 VueJS 作为前端框架,并通过 Vue CLI 工具进行创建和管理项目。 2、后端部分 后端部分我们可以采用 Python Flask 框架,这个框 ......
管理系统 python 图书 系统 flask

js格式化时间

let timeFormatSeconds = function(time) { let d = time ? new Date(time) : new Date(); let year = d.getFullYear(); let month = d.getMonth() + 1; let day ......
格式 时间

Vue3+Element-Plus安装及模拟增删改查

软件安装:nodejs16 https://nodejs.org/download/release/v16.20.0/ 将npm设置为淘宝镜像: npm config set registry https://registry.npm.taobao.org 创建vue3项目: npm init vu ......
Element-Plus Element Vue3 Plus Vue

JS sort排序方法

# Array.prototype.sort() **sort()** 方法[*就地*](https://zh.wikipedia.org/wiki/%E5%8E%9F%E5%9C%B0%E7%AE%97%E6%B3%95)对数组的元素进行排序,并返回对相同数组的引用。默认排序是将元素转换为字符串, ......
方法 sort JS

js bind学习

bind的基本用法,有意思的是当不进行第二次bind的时候,后面的操作会影响data的值,是数组引用的传递。当第二次bind后,会新建arr的作用域,新建的arr就没有问题了。 reduce的初始值如果不给,会从下标1的值开始循环。 function retArr(arr, val, val2){ ......
bind js

tinymce富文本编辑器在vue2使用

参考https://blog.csdn.net/LJJONESEED/article/details/127863020 1.下载 ``` npm i tinymce@5.10.3 @tinymce/tinymce-vue@3.2.8 -S ``` 2.在node_modules中找到tinymce ......
编辑器 文本 tinymce vue2 vue

Vue登录流程

知识点:token存储、路由守卫拦截、请求拦截 一、前端存储token 存储到状态管理中==》为了做变量判断 存储到cookie中==》设定过期时间 二、请求拦截 发送请求,获取个人信息,前端需要带有token,后端则返回需要的信息 需要单独的封装一个请求类,将token封装进去 三、路由守卫拦截 ......
流程 Vue

【前端教程01】用原生js实现一个轮播,支持自动播放

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
前端 教程

vue3+ts 分页hooks封装

import { reactive } from "vue"; export interface IPageInfo { pageNum: number; pageSize: number; totalCount: number; } export interface IUsePageReturn ......
hooks vue3 vue ts

js原生方法:获取某个元素所处屏幕的位置,input输入框中文输入时的调用

span.getBoundingClientRect() 会返回改元素的位置信息 ```js // 输入框内容改变 function inputSearchChange () { // 如果是拼音输入,则会进入这个监听 inputSearch.addEventListener('compositio ......
元素 屏幕 位置 方法 input

vue富文本编辑器推荐

https://m.geekku.com/spec/vue/1574.html 我项目中用的TinyMCE,如果安装过程遇到报错,可能是版本问题,请看原链接评论区置顶第1条 https://blog.csdn.net/yzding1225/article/details/119561821?ops_ ......
编辑器 文本 vue

js小练习

### 写一个函数,计算两个数字的和 ```js function add(a,b){ console.log(a+b) } add(2,3) ``` ### 判断一个数字是否是偶数 ```js function ouShu(a){ if (a%2 0){ console.log(a+'是偶数') ......

js随笔

JavaScript(缩写:JS)是一门完备的动态编程语言。当应用于 HTML 文档时,可为网站提供动态交互特性。由布兰登·艾克(Brendan Eich,Mozilla 项目、Mozilla 基金会和 Mozilla 公司的联合创始人)发明。 JavaScript 的应用场合极其广泛,简单到幻灯片 ......
随笔

带有 Spring Boot 后端的 Vue.js 前端

1. 概述 在开始本教程中,先推荐1个SpringBoot+Vue前后端分离Java项目,本项目是一个大型互联网金融项目,采用Spring Boot , Dubbo 微服务的架构,包括多个独立的微服务,micr-common个公共服务,micr-web服务,micr-database数据库服务,mi ......
前端 端的 Spring Boot Vue

vue3 el-dialog 的底部按钮居中

需要在el-dialog 外前台一层div 代码如下 ``` 这里写具体业务逻辑 取消 保存草稿 保存并提交 ``` css 代码如下 ``` ``` ......
底部 el-dialog 按钮 dialog vue3

前端面试真题-vue(一)

1.说说对vue的理解 (1) vue.js是一种用于创建用户界面的渐进式的javascript框架 (2)也是用于创建单页面应用的web应用框架。 (3)vue的核心库只关心视图层,使得数据和视图的双向绑定变得快捷 (4)由于vue的核心库只关心视图层,所以不仅可以与其他库和现有项目整合,也可以添 ......
真题 前端 vue

vue高德地图实现播放暂停功能,支持快进快退,播放倍数设置

高德地图实现具体功能如图 具体实现思路如下: <div class="playAnimation"> <table width="100%" style="" border="0"> <tr class="info_play"> <td>{{ currentMileage / 10 }} KM / ......
倍数 功能 地图 vue

01 pixi.js入门

写在前面:写该笔记时pixi.js版本为V7.2.4 1. 安装 npm install pixi.js 或者 <script src="https://cdn.jsdelivr.net/npm/pixi.js@7.x/dist/pixi.min.js"></script> 又或者 <script ......
pixi 01 js