语法script setup vue3
程序语言的词法分析与语法分析
计算机是无法对程序语言的产生人一样的“理解”的，对于计算机一个程序只是一个字符串。因此要在计算机上运行一段程序就需要把程序语言转化为机器语言，这个过程就是“编译”。编译的第一步（通常称为前端）就是对程序语言做词法分析和语法分析 。 词法分析 词法分析的任务是把一整串程序代码切分成一个一个的token ......
告别复杂排版：Markdown语法指南
导语：Markdown作为一种轻量级的标记语言，以其简洁、易学的语法和强大的兼容性赢得了广泛的应用。本文将为您详细介绍Markdown的起源、基本语法及其在写作、博客、项目管理等场景的应用，带您领略这一简洁高效的文本编写工具的无穷魅力。 Markdown在线编辑器 | 一个覆盖广泛主题工具的高效在线 ......
# vue3 插槽 slot 使用
vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl ......
vue3 表单封装遇到的一个有意思的问题
前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题，这里就简单记录一下过程。话不多说直接上代码！！！ 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）
效果（CV 即用） 1.安装引入 vue-cropper（官网）官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
script标签中defer和async的区别
如果没有defer或者async属性，浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素， 读到就会开始加载和执行，这样就阻塞了后续文档的加载。 下图可以直观的看出三者的区别： 其中蓝色代表js脚本网络加载时间，红色代表js脚本执行时间，绿色代表html解析时间。 defer和async ......
【源码系列#05】Vue3响应式原理（Ref）
proxy 只接受对象入参，所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象，内部也会调用 reactive 方法进行深层响应式转换 ......
vue3 setup函数之数据
setup中定义方法： export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据，必须要返回出去，不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型： ......
Vue3自定义一个Hooks，实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
【Amadeus原创】Markdown常用语法
空格 nbsp 为“不换行空格”，全称“No-Break Space”，它是最常见和我们使用最多的空格，它是按下space键产生的空格。 ensp 为“半角空格”，全称是“En Space”。 emsp 为“全角空格”，全称是“Em Space”。 thinsp 为“窄空格”，全称是“Thin Sp ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
Lecture 2 Shell Tools and Scripting
Lecture 2 Shell Tools and Scripting homework: 1.Read man ls and write an ls command that lists files in the following manner 读取 man ls 并编写按以下方式列出文件的 l ......
升级到 .net 8 后使用 ef core 查询遇到错误：Microsoft.Data.SqlClient.SqlException (0x80131904): Incorrect syntax near '$'. 附近的语法不正确
是因为 .net 8 优化了 Contains 子句的 SQL 翻译，之前的 IN 查询有性能问题 但这个优化只有 SQL Server 2016 及以上版本的数据库支持，否则就会报这个错 而且即便数据库引擎版本达到，数据库本身的兼容性设置如果低于 SQL Server 2016 的话，也会报错 解 ......
Vue3使用vue-video-player组件
1.安装依赖（亲测5.0.1版本可用，最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式） yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......
vue3 - iframe 添加 click事件 -解决
没法在 iframe 元素直接添加 @click 回调 ，会无效的 同时，想要添加点击事件，需要在 iframe 加载完成后才能绑定事件，否则也是无效 因此，正确的绑定办法是，在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......
基于Pytorch的网络设计语法4
import torch.nn as nn import torch.functional as F import torch.optim as optim from collections import OrderedDict class Net4(nn.Module):# 从nn.Module ......
vue3教程（1 快速入门）
一、Vue 是什么？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、响应式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vu ......
基于Pytorch的网络设计语法3
import torch.nn as nn import torch.functional as F import torch.optim as optim from collections import OrderedDict class Net3(nn.Module):# 从nn.Module ......
基于Pytorch的网络设计语法2
import torch.nn as nn import torch.functional as F import torch.optim as optim from collections import OrderedDict class Net2(nn.Module):# 从nn.Module ......
# vue3 接入 Element Plus
vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element- ......
基于Pytorch的网络设计语法1
第一种语法： 层层堆叠 import torch.nn as nn import torch.functional as F import torch.optim as optim from collections import OrderedDict class Net1(nn.Module):# ......
VUE3_持久化
1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......
uniGUI学习之脱离Delphi直接写ExtJS从入门到精通00_JavaScipt基本语法
<script> function func1(){ alert('func1()'); }; </script> <select> <option>aa</option> <option>aa</option> <option>aa</option> <option>aa</option> </s ......
Markdown常用语法
1、标题 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 最小只有六级标题 2、字体 2.1 加粗 **我被加粗了** 我被加粗了 2.2 斜体 *我倾斜了了* 我倾斜了了 ......
vue3（二）
1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
谷歌黑语法（转载）
【 谷歌黑语法 】 site：可以限制你搜索范围的域名. inurl：用于搜索网页上包含的URL，这个语法对寻找网页上的搜索，帮助之类的很有用. intext: 只搜索网页<body>部分中包含的文字(也就是忽略了标题、URL等的文字) intitle: 查包含关键词的页面，一般用于社工别人的web ......
# Vue3 使用路由 Router
Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参，今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 Jav ......
变量子串的语法介绍
shell子串的花式用法： 1.学习基础语法，再应用 ${变量} 返回变量值 ${#变量} 返回变量长度，字符长度 ${变量:start_index} 返回变量start数值之后的字符 ${变量:start:length} 提取start之后的length限制的字符 ${变量#word} 从变量开头 ......
canvas 手写签名 vue3
<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......