组件 常用confirm vue
vue3 demo
<script setup> import { computed, ref } from "vue"; // const blog = ref({ // title: "Vue3 基础教程", // content: "Vue3 在 Vue2 的基础上做了很多优化", // link: "https ......
ADO.Net DataAccess 常用方法ExecuteNonQuery ExecuteReader ExecuteDataSet
1 /// <summary> 2 /// Standard interface for data access using stored procedures 3 /// </summary> 4 public interface IDataAccess 5 { 6 string Connecti ......
[转]vue3+tsx开发语法详解
原文地址:vue3+tsx开发语法详解 - 知乎 很多组件库都使用了TSX的方式开发,主要因为其灵活性比较高,TSX和SFC开发的优缺点就不介绍了,这里主要说一下将SFC项目改造为TSX的过程。 安装JSX库 pnpm install @vitejs/plugin-vue-jsx -D 安装完之后在 ......
[转]在 vue3 中优雅的使用 jsx/tsx
原文地址:在 vue3 中优雅的使用 jsx/tsx - 掘金 前言 相信 react 的伙伴对于 jsx/tsx 都不陌生吧,现在在 vue3 中也可以使用 jsx/tsx 语法拉。 安装插件(@vitejs/plugin-vue-jsx) vite官方提供了官方的插件来支持在vue3中使用jsx ......
vue3 01项目的创建
npm init vue@latest 看需求选择 紧接着cd 到自己的项目文件下 npm i一下安装依赖 npm run dev 启动项目 ......
学习Vue3 第六章(认识Ref全家桶)
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property,指向该内部值 <template> <div> <button @click="changeMsg">change</button> <div>{{ message }}</div> ......
Linux系统常用命令速查手册
系统信息 arch #显示机器的处理器架构(1) uname -m #显示机器的处理器架构(2) uname -r #显示正在使用的内核版本 dmidecode -q #显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda #罗列一个磁盘的架构特性 hdparm ......
vue 配合后端请求异步加载APP.vue
主要是想在加载路由什么的之前先请求一些配置参数,毕竟我的情况是首页要根据不同的配置显示不同的路由组件 一般加载App.vue是这么写的 import { createApp } from 'vue' import App from './App.vue' createApp(App).mount(' ......
JavaWeb - Day02 - JS、Vue
01. JS-介绍 什么是JavaScript? JavaScript(简称:JS) 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互。 JavaScript 和 Java 是完全不同的语言,不论是概念还是设计。但是基础语法类似。 JavaScript 在 1995 年由 B ......
Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina
项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库,由 Vue 核心团队维护,旨在替代 vuex。pina 的更多介绍,可从 pina官网 查看 特点 更简洁直接的 API,提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支持更为友好 ......
SQL Server 常用语句
1、说明:创建数据库 CREATE DATABASE database-name 2、说明:删除数据库 drop database dbname 3、说明:备份sql server 创建 备份数据的 device USE master EXEC sp_addumpdevice 'disk', 'te ......
CSS简介及常用样式
一、CSS简介 CSS:层叠样式表(英文全称:Cascading Style Sheets):是一种用来表现HTML样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 二、CSS选择器 2.1基本选择器(三种) 1.标签选择器 <style> p { ......
界面控件DevExpress WPF导航组件,助力升级应用程序用户体验!(上)
DevExpress WPF的Side Navigation(侧边导航)、TreeView、导航面板组件能帮助开发者在WPF项目中添加Windows样式的资源管理器栏或Outlook NavBar(导航栏),DevExpress WPF NavBar和Accordion控件包含了许多开发人员友好的功 ......
Docker CLI docker restart 常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
Docker CLI docker rename 常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
uniapp+vue3 优惠券样式
效果如图: template部分: <view class="item"> <view class="box"> <view class="content"> <view class="head">优惠券</view> <view class="content-box1"> <view class= ......
小傅哥带着你做 Java SDK 组件
作者:小傅哥 博客:https://bugstack.cn 沉淀、分享、成长,让自己和他人都能有所收获!😄 大家好,我是技术UP主小傅哥。 今天小傅哥将开启一个新计划,带着大家一起干"开源"💐。要说编程能力什么时候提升的最快,就是从开始承接需求并思考着怎么落地,到最后开发实现时,才是成长最快的时 ......
[Vue] vue学习笔记 (7): vue内置指令和自定义指令
内置指令 v-bind 单向绑定解析表达式,简写为:xxx v-model 双向数据绑定 v-for 遍历数组/对象/字符串 v-on 绑定事件监听,简写为@xxx v-if 条件渲染,动态控制节点元素是否存在 v-else 条件渲染,动态控制节点元素是否存在,与v-if一起用 v-show 动态控 ......
C语言常用的文件和目录操作
仅个人感觉,在平时敲代码过程中涉及到的文件操作是比较少的,这就导致C语言的文件和目录操作等技术无法得到足够的练习,所以本文章就慢慢的积累偶尔会用到的文件和目录操作。本文多会以我的实际项目遇见的需求为例子展开记录文件和目录操作的一些方法。 文件操作 最基本的文件操作,比如打开关闭文件、读取写入文件、新 ......
Git命令行常用指令速查
Git本地和远端的交互 Command Usage git branch -vv 查看本地各分支和它们关联的远端分支 git branch --set-upstream-to=origin/<remote_branch_name> 关联本地指定分支和远端指定分支 git branch --unset ......
React 组件懒加载
只有不断学习和成长,才能适应这个快速变化的世界。 1. 懒加载 1.1 React 懒加载 React 中懒加载 Lazy 与 Suspense 需要搭配使用。 React.lazy 定义: React.1azy 函数能让你像渲染常规组件一样处理动态引入的组件。其实就是懒加载。 为什么代码要分割? ......
给 Web 前端工程师看的用 Rust 开发 wasm 组件实战
本文先介绍了 wasm-pack 官方的教程,还有其他组件测试、发布等的流程先不在这里介绍了。以下用一个实际开发中的模块来说一下开发 wasm 组件过程中遇到的问题和解决方法。 ......
C语言常用函数
C语言常用函数 1.交换两个变量的值 基本思路:使用临时变量来交换两个变量的值 #include<stdio.h> int main(){ int a = 5; int b = 10; int temp; printf("Before swapping: a = %d, b = %d\n", a, ......
关于vue如何在本地直接运行打包后的网页
使用npm run build可以对vue项目进行打包 生成文件夹dist,里面的html只能放在服务器查看效果,在本地打开会报错 这是因为vue-cli打包时,默认的publicPath路径是 '/' 只需要在vue.config.js文件中将publicPath路径改为 './' 或 '' 如果 ......
IDEA常用快捷键整理(详细版)
IntelliJ IDEA 快捷键大全 文章目录 IntelliJ IDEA 快捷键大全 一、基础快捷键 1.文件操作快捷键 2. 编辑(Editing) 2.1 代码补全与导航 2.2 代码编辑 2.3 代码折叠与展开 2. 查找与替换(Searching and Replacing) 3. 调试 ......
新建vue项目,并引入element ui和axios的步骤
一、新建vue项目 (1)win+R进入命令行 使用cmd (2)切换到需要创建vue项目的盘符下 直接D:就能切换到D盘 (3)使用vue ui指令 进入图形化创建vue项目的界面(注意在创建项目的时候,命令行不能关闭) 之后就在浏览器的界面中进行创建 点击下方的“在此创建新项目” (4)进入创建 ......
windows下nginx部署vue项目
下载windows最新版nginx https://nginx.org/en/download.html 修改nginx配置文件 location / { #root 对应的就是在服务器上前端资源的dist目录的全路径,即代表根路径 #root C:/nginx-1.25.3/html/dist; ......
vue3 setup 父组件向子组件传递参数、方法|子组件向父组件传递数据,函数
https://blog.csdn.net/qq_27517377/article/details/123163381 https://blog.csdn.net/qq_27517377/article/details/123166367 vue3 setup 父组件向子组件传递参数 <templa ......
vue路由局部刷新-局部页面刷新达到和F5刷新一样的注销
1.静态路由页面加上这一条 { path: "/redirect/:path(.*)", component: () => import("@/views/redirect/index.vue") }, 2.点击事件的vue方法里面用 router.replace({ path: "/redirec ......
手写类似于BetterScroll样式的左右联动菜单 uni-app+vue3+ts (使用了script setup语法糖)
注意:在模拟器用鼠标滚动是不会切换光标的,因为使用的是触摸滑动。【自定义类型贴在最后了】 script 部分如下: import { onMounted } from 'vue' import type { orderDetail } from '@/types/category' import t ......