源码extend vue

vue-router使用,localStorage系列,vue3介绍,组合式api和配置项api

1 vue-router使用🐋 # 以后,就是组件的切换实现页面切换的效果 》必须借助于vue-router来实现 # vuex 现在知道的 -<router-view/> 》显示组件 》router/index.js中配置 -<router-link :to="about_url"> 》做 页面 ......
localStorage vue-router vue api router

vue 数组删除(对象)单/多条删除

dataList: [ { id: '1', value: 'aaaa', }, { id: '2', value: 'bbb', }, { id: '3', value: 'ccc', }, { id: '4', value: 'ddd', }, { id: '5', value: 'eee', ......
数组 多条 对象 vue

SQLite3源码下载与编译(开发环境:Win10+VS2022)

SQLite 下载SQLite源码 SQLite Download Page 点击【sqlite-autoconf-xxxx.tar.gz】然后下载即可。(推荐采用迅雷下载比较快) 基本结构 编译SQLite 1、找到VS2022的开发者者命令行窗口(英文名:Developer command pr ......
源码下载 源码 SQLite3 环境 SQLite

【转】Vue.js 中的父子组件通信方式

Vue.js 中的父子组件通信方式在 Vue.js 中,组件是构建应用程序的基本单元。当我们在应用程序中使用组件时,组件之间的通信是非常重要的。在 Vue.js 中,父子组件通信是最常见的组件通信方式之一。在本文中,我们将讨论 Vue.js 中的父子组件通信方式,并附上代码实例。 父组件向子组件传递 ......
父子 组件 方式 Vue js

手机直播源码,Android 简单的弹框

手机直播源码,Android 简单的弹框 private static String[] items = new String[]{ "拍照", "从相册中选择", }; AlertDialog.Builder builder = new AlertDialog.Builder(MainActivi ......
源码 Android 手机

vue项目以excel表格的形式下载table数据

1,安装插件 npm install --save xlsx@0.17.3 npm install --save file-saver@2.0.5 2,创建js文件编写代码 import FileSaver from 'file-saver'; import * as XLSX from 'xlsx ......
表格 形式 项目 数据 excel

Vue Viser柱状图,根据数值显示不同颜色

<template> <div> <v-chart :forceFit="true" :height="height" :data="data" :scale="scale"> <v-tooltip /> <v-axis /> <v-bar position="year*sales" :color= ......
数值 颜色 Viser Vue

工作流如何实现?集成?springboot+vue+activiti技术栈

前言 activiti工作流引擎项目,企业erp、oa、hr、crm等企事业办公系统轻松落地,一套完整并且实际运用在多套项目中的案例,满足日常业务流程审批需求。 一、项目形式 springboot+vue+activiti集成了activiti在线编辑器,流行的前后端分离部署开发模式,快速开发平台, ......
工作流 springboot activiti 技术 vue

Vue2.0 浅学笔记

Vue 是框架,也是生态。 1.Vue API风格 选项式(Vue2) 组合式(Vue3) 2.入门 node.js 版本大于15 3.创建项目 创建项目 npm init vue@latest 开发环境 VScode +Volar 4.基本语法 1.文本插值 仅能使用单一表达式 使用JavaScr ......
笔记 Vue2 Vue

UE4 源码剖析

第一章 对象系统 1.1 对象系统 - 类型系统构建(UClass, UFunction, UEnum, UStruct, FProperty) 1.2 对象系统 - RPC函数 1.3 对象系统 - Replicates属性 1.4 对象系统 - Blueprint 1.5 对象系统 - GC 第 ......
源码 UE4 UE

Vue 3.0开发的开源前端项目

文章来源:https://zhuanlan.zhihu.com/p/587627578 1,PPTist PPTist 是一个基于Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas 开发的在线演示文稿(幻灯片)应用,还原了大部分 Office ......
前端 项目 Vue 3.0

VUE 3.0使用Tinymce编辑器JS报错解决

接上篇文章写到的Tinymce编辑器,突然发现了,多点击几次编辑弹框内容就会变空白,而且JS报错了。如下图: 点开这个js就能发现错误的地方了改这两个文件就可以了,代码如下: if(typeof e.content!=='string'){ e.content=e.content.innerHTML ......
编辑器 Tinymce VUE 3.0

vue3移动端设置单页面body的背景色

<script setup> import { onBeforeUnmount, onMounted } from 'vue'; // 设置页面背景颜色 onMounted(() => { document .querySelector("body") .setAttribute("style", ......
背景 页面 vue3 body vue

Vue双向数据绑定原理

Vue响应式的原理(数据改变界面就会改变)是什么? 时时监听数据变化, 一旦数据发生变化就更新界面, 这就是Vue响应式的原理。 Vue是如何实现时时监听数据变化的 通过原生JS的defineProperty方法, 通过get和set方法来监听数据的变化。 defineProperty方法的特点 可 ......
双向 原理 数据 Vue

vite+vue3项目发布到手机

1.修改vite.config.js export default defineConfig({ plugins: [ vue(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, s ......
项目发布 项目 手机 vite vue3

sanic vue-vben开发学习(一)

兵马未动,规矩先行。开发是个系统工程,不是随便写点小代码就能交差的。需要定好规范。 我认为,应当坚持以下原则。 以文档为核心。良好的文档。这个完全是我自己在做,没有团队,我的团队都是甲方,提供需求的。我应当调研完毕,先写文档,计划怎么做。甚至可以把我写的调研,放在公开的网站上,让大家可以提意见。我来 ......
vue-vben sanic vben vue

从优秀源码中学到的两个技巧

设计一个不能被using的对象 在实际开发中为了避免命名空间污染,一般都不会using namespace std。但是如果一个对象写起来比较复杂,用using能大幅度地简化操作。现在假设我们要设计一个函数,它在一个作用域里面,使用它只能以A::B::C()这种形式。思考一下,如果我们放在命名空间下 ......
源码 两个 技巧 中学

09_electron-vue-antd环境搭建

electron-vue 很好解决,安装 antd 给我弄自闭了,最终是发现是版本问题。 先把 electron-vue 环境搭建好,然后去看项目中的 vue 版本: 我的是 vue2 就使用 快速上手 - Ant Design Vue (antdv.com) 这个版本,之前一直使用的 4.x 版本 ......
electron-vue-antd electron 环境 antd vue

新手指引:前后端分离的springboot + mysql + vue实战案例

使用springboot + mysql + vue实现前后端分离的用户查询功能: 1、mysql:创建test数据库 -> 创建user数据表 -> 创建模拟数据; 2、springboot: 配置mysql -> 使用mybatis操作mysql数据库 -> 接口开发; 3、vue:使用a... ......
springboot 实战 案例 新手 mysql

多阅读编程语言语言的官方文档及一些源码

1 官方文档 回顾了下自己这几年的学习历程,关于编程语言官方文档的学习很少很少,平时喜欢去看各种公众号文章和网站教程,自己的python基础以及一些框架基础就是就是在公众号、网站教程、博客和书上学来的。现在看看官方文档的那些海量的内容,自己都觉得很惊奇,很少看过不说,有些地方自己甚至都不曾发现。想了 ......
语言 编程语言 源码 文档 官方

Vue3 element plus el-dialog (对话框)

首先得是 Vue3项目 并已经引入 element plus 引入 element plus 方法:https://www.cnblogs.com/hailexuexi/p/17730724.html 效果图 这个对话框代码 和 头部 菜单 都在 一个 HeaderComponent.vue 文件中 ......
对话框 el-dialog element dialog Vue3

Xmake v2.8.3 发布,改进 Wasm 并支持 Xmake 源码调试

Xmake 是一个基于 Lua 的轻量级跨平台构建工具。 它非常的轻量,没有任何依赖,因为它内置了 Lua 运行时。 它使用 xmake.lua 维护项目构建,相比 makefile/CMakeLists.txt,配置语法更加简洁直观,对新手非常友好,短时间内就能快速入门,能够让用户把更多的精力集中 ......
Xmake 源码 Wasm 8.3 v2

Vue3 引入 Element Plus

Element Plus简介Element Plus是一个基于Vue3的UI组件库,其设计原则可分为一致(Consistency)、反馈(Feedback)、效率(Efficiency)、可控(Controllability)四个方面。 目前Element Plus可使用的UI组件种类丰富,除了按钮 ......
Element Vue3 Plus Vue

vue3 + mark.js | 实现文字标注功能

页面效果 具体实现 新增 1、监听鼠标抬起事件,通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isCollapsed (返回一个布尔值用于描述选区的起始点和终止点是否位于 ......
文字 功能 vue3 mark vue

vue~封装一个文本框添加与删除的组件

标签组件的效果如下 组件作用 这是一个div,包含了两个文本框,后面是添加和删除按钮 添加按钮复制出新的div,除了文本框没有内容,其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags"> ......
组件 文本 vue

vue~封装一个文本框标签组件

用到的技术 父组件向子组件的传值 类型检查和默认值:您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型,以及在没有传递数据时具有合理的默认值。例如: props: { message: { type: String, default: 'Default Message ......
组件 文本 标签 vue

VUE 3.0使用Tinymce编辑器

本人使用的IDEA开发工具 参考文档: 1.官方文档2.中文文档 一、使用npm安装Tinymce。我这里是指定了版本号的 npm install tinymce@6.0.0 npm install @tinymce/tinymce-vue@5.1.0 二、修改路径,加汉化 1、将下载好的tinym ......
编辑器 Tinymce VUE 3.0

【vue2】实现数字纵向滚动效果(计时器效果)

需求: 在页面中显示一个数字,并在进入视口时显示计时器滚动效果: 效果如上 ↑ 新建组件ScrollNumber.vue: <template> <div style=" display: inline-flex; justify-content: flex-start; align-items: ......
效果 计时器 纵向 数字 vue2

ReentrantLock之Condition源码解读

1.背景 阅读该源码的前提是,已经阅读了reentrantLock的源码! 2.await源码解读 condition代码理解的核心,其实就是理解到: 线程节点如何从sync双向链表队列到指定的条件队列中, 然后又如何从条件队列中到sync双向链表队列的 一定要先把下面的2个图理解到,再去看源码和断 ......
ReentrantLock Condition 源码

如何用Vue实现模块化开发?

模块化开发就像我们管理书籍一样,一开始只有几本书时,堆书桌上就可以了。随着书越来越多,有几十上百本时,我们需要一个书橱,按照类别放在不同的格子里。对比App迭代过程,起步时,业务少,单一工程模式效率最高,随着业务发展,我们要根据业务拆分不同的模块。所有这些目的都是为了方便管理、高效查找。 模块化,就 ......
模块 Vue