文章 2023-08-17 来自:开发者社区

开发一个简单的 Vue 弹窗组件

更多文章一个弹窗组件通常包含两个部分,分别是遮罩层和内容层。遮罩层是背景层,一般是半透明或不透明的黑色。内容层是放我们要展示的内容的容器。<template> <div class="modal-bg" v-show="show"> <div class="modal-container"> <div cl...

开发一个简单的 Vue 弹窗组件
文章 2023-07-12 来自:开发者社区

WebGis——Pixi开发vue项目之使用遮罩实现图形缓慢填充颜色(三)

本代码为小白本人原创,转载请标明出处创作灵感:https://www.kkkk1000.com/images/learnPixiJS-VisualEffects/AnimatedMask.html大家可以看下他的源码效果图:因为制作gif图就用了五张,实际效果肯定是连贯自然的写的不好各位大神可以提点宝贵意见,本着无坑快速易懂的原则,代码我都一一注释,放心使用-------------------....

WebGis——Pixi开发vue项目之使用遮罩实现图形缓慢填充颜色(三)
文章 2023-07-12 来自:开发者社区

WebGis——Pixi开发vue项目之实现闪烁点功能(二)

接着上一章写目的是让我们的小猫(实际项目可以换成圆点)不断地放大缩小来实现闪烁的功能如果我们以js的思想来做肯定是要做一个定时器,这里pixi给我们提供了一个类似于计时器的东西ticker,除了用Pixi的ticker去创造一个游戏循环,你还可以使用requestAnimationFrame(个人喜欢ticker,按照个人习惯)在ticker里有一个delta,delta = (当前帧的时间 -....

WebGis——Pixi开发vue项目之实现闪烁点功能(二)
文章 2023-07-12 来自:开发者社区

WebGis——Pixi开发vue项目之创建pixi应用并显示一个精灵(一)

使用vue-cli初始化一个vue项目我就不多说了,在我的这边文章里已经写过:从零开始vue项目使用cesium开发三维地图(一)_yinzisang的博客-CSDN博客创建完成后我们安装pixi插件:npm install --save vue-pixi@5.1.2安装成功后page.json里面查看: 新建一个PixiDemo.vue文件,后续我们都是通过这个Demo来操作pixiPixiD....

WebGis——Pixi开发vue项目之创建pixi应用并显示一个精灵(一)
文章 2023-02-14 来自:开发者社区

零基础快速开发Vue图书管理系统—主体列表实现篇(四)

零基础快速开发Vue图书管理系统—主体列表实现篇(四)一、书籍编辑操作服务端相关代码const Router = require('@koa/router'); const mongoose = require('mongoose'); const { getBody } = require('../../helpers/utils') const BOOK_CONST = { IN: ...

零基础快速开发Vue图书管理系统—主体列表实现篇(四)
文章 2023-02-14 来自:开发者社区

零基础快速开发Vue图书管理系统—主体列表实现篇(三)

零基础快速开发Vue图书管理系统—主体列表实现篇(三)一、实现列表按书名搜索import { defineComponent, ref, onMounted } from 'vue'; import { book } from '@/service' import { result, formatTimestamp } from '@/helpers/utils' import { messag....

零基础快速开发Vue图书管理系统—主体列表实现篇(三)
文章 2023-02-14 来自:开发者社区

零基础快速开发Vue图书管理系统—主体列表实现篇(二)

零基础快速开发Vue图书管理系统—主体列表实现篇(二)一、主体列表的基本布局❤️Header部分<template> <div class="basic-layout"> <div class="app-header"> <div class="left"> <img src="https://ncs...

零基础快速开发Vue图书管理系统—主体列表实现篇(二)
文章 2023-02-14 来自:开发者社区

零基础快速开发Vue图书管理系统—登录注册篇(一)

零基础快速开发Vue图书管理系统—登录注册篇(一)一、图书管理系统项目功能二、项目技术选型前端主要采用:Vue3.x (vuex/vue-router)、Ant Design Vue、Axios等服务端主要采用:Node.js、Koa、Mongoose等数据库主要采用:MongoDB三、使用vue-cli3创建项目四、搭建所需的文件在view的目录下新建Auth文件夹,里面分别放以下三个文件前端....

零基础快速开发Vue图书管理系统—登录注册篇(一)
文章 2023-02-14 来自:开发者社区

零基础快速开发Vue图书管理系统—权限管理篇(六)

零基础快速开发Vue图书管理系统—权限管理篇(六)一、引入角色管理体系二、设置角色并同步到数据库const mongoose = require('mongoose'); const { getMeta, preSave } = require('../Schemas/helpers') const CharacterSchema = new mongoose.Schema({ name...

零基础快速开发Vue图书管理系统—权限管理篇(六)
文章 2023-02-14 来自:开发者社区

零基础快速开发Vue图书管理系统—角色管理篇(五)

零基础快速开发Vue图书管理系统—角色管理篇(五)一、用户管理页面前端结构部分<template> <div> <a-card> <h2>用户管理</h2> <a-divider></a-divider> <a-...

零基础快速开发Vue图书管理系统—角色管理篇(五)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注