模版 语法vue3 vue
C++快读、快写模版
inline int read() { char ch = getchar(); int x = 0,f = 1; while (!isdigit(ch)) if (ch == '-') f = -1,ch = getchar(); while (isdigit(ch)) x = x * 10 + ......
Vue3 appear 失效 如何使用 appear
最近在学习 vue3 的动画时遇到 appear 无法生效的问题 问题的具体表现: 看以下代码,按理应该来说,如果我们设置 fuct-appear-from,fuct-appea-active 后在元素初始出现时应该会有一个效果 html <Transition name="fuct" appear ......
SQL语法基础随记
参考资料： [廖雪峰的官方网站] [菜鸟教程] 写这个教程还是为了方便自己今后查阅，如果读者希望能够系统地学习SQL语言，还是找一个好的Tutorial看一下比较好。SQL语言的基础就是四个字：增查删改。我直接使用了一个开源的SQL客户端DBeaver作为自己客户端。进去之后它会自动新建一个教程数据 ......
C++ 快读快写模版
inline int read() { char ch = getchar(); int x = 0,f = 1; while (!isdigit(ch)) if (ch == '-') f = -1,ch = getchar(); while (isdigit(ch)) x = x * 10 + ......
Vue双向数据绑定原理-下
Vue双向数据绑定原理-下这一篇文章主要讲解Vue双向数据绑定的原理，主要是通过Object.defineProperty()来实现的，这里我们手写Vue双向数据绑定的原理。 首先我提出一个需求，我的需求是，快速监听对象中所有属性的变化。 首先得要有一个对象，对象的定义代码如下： <script> ......
Vue双向数据绑定原理-中
defineProperty方法 defineProperty除了可以动态修改/新增对象的属性以外, 还可以在修改/新增的时候给该属性添加get/set方法, 从而实现数据劫持。 defineProperty get/set方法特点 只要通过defineProperty给某个属性添加了get/set ......
vue:自定义validator/验证规则(element-plus@2.3.12)
一，官方文档地址: https://element-plus.gitee.io/zh-CN/component/form.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C%E8%A7%84%E5%88%99 二，js代码： 1 2 3 4 5 6 ......
vue:el-table在resize时报错(element-plus@2.3.12)
一，报错信息: Uncaught runtime errors: × ERROR ResizeObserver loop completed with undelivered notifications. at handleError (webpack-internal:///./node_modu ......
vue处理响应式的思路
首先看如下js代码 let a = '张三'console.log(a) // 当前页面展示的是张三 a = '李四' 首先页面刚开始渲染的时候数据a为张三，之后将a修改为了李四以后页面不会发生改变，但是数据已经修改了，vue为了解决这一问题，采用响应式的办法。 通过对象的definePropert ......
Vue自定义指令
定义指令 全局定义 // 指令名称为：mydirec1 Vue.directive('mydirec1', { // 指令配置 }) // 指令名称为：mydirec2 Vue.directive('mydirec2', { // 指令配置 }) 之后，所有的组件均可以使用mydirec1和mydi ......
如何创建一个空的模版
1.创建一个文件夹A（用于保存） 2.打开keil->project->new uVsion project 3.选择stm32型号 4.在A中创建3个文件夹 5.（1）打开固件库文件夹C:\Users\sky\Desktop\A\固件库\STM32F10x_StdPeriph_Lib_V3.5.0 ......
java的基本语法、注释、关键字、标识符
1.1.1 Java的基本语法 每一种编程语言都有一套自己的语法规范,Java 语言也不例外,同样需要遵从一定的语法规范,如代码的书写、标识符的定义、关键字的应用等。因此要学好 Java 语言,首先需要熟悉它的基本语法。本节将针对 Java 的基本语法进行详细讲解。 Java 的基本语法格式 编写 ......
vue_error_Runtime directive used on component with non-element root node. The directives will not function as intended
翻译: '运行时指令，用于非元素根节点的组件。这些指令将无法发挥预期的作用'; 这个错误发生在我将v-show放在自定义组件上时, 我想是因为自定义组件在渲染时会被自定义组件的内部元素替换, 因此设置是无效的 解决: 在自定义组件外加一个div, 把v-show写在div上 ......
thrift idl 定义语法小认识
内容来自对 chatgpt 的提问 案例 Apache Thrift是一种著名的跨语言服务开发框架。在Thrift中，IDL（接口定义语言）用于定义服务接口和数据类型。以下是如何在 Thrift 的 IDL 中定义一个结构体（Struct）： 下面这个案例表示一个拥有名字，年龄，婚姻状况，爱好以及其 ......
Go每日一库之125：ast（抽象语法树）
## 写在前面 当你对GoLang AST感兴趣时，你会参考什么？文档还是源代码？ 虽然阅读文档可以帮助你抽象地理解它，但你无法看到API之间的关系等等。 如果是阅读整个源代码，你会完全看懂，但你想看完整个代码我觉得您应该会很累。 因此，本着高效学习的原则，我写了此文，希望对您能有所帮助。 让我们轻 ......
python简写语法总结
Lambda def add(a, b): return a + b print(add(1, 2)) 简写成 add = lambda a, b: a + b print(add(1, 2)) [] 推导式 正常写法: s_list = [] for i in range(5): s_list.a ......
Vue源码学习(八):生命周期调用
好家伙, Vue源码学习(七):合并生命周期(混入Vue.Mixin) 书接上回,在上一篇中,我们已经实现了合并生命周期 现在,我们要在我们的初始化过程中,注册生命周期 1.项目目录 红框为本篇涉及到的.js文件 2.先来看 /utils/index.js export const HOOKS =[ ......
vue3项目中跨域问题
查询之后发现是浏览器的同源策略，跨域了。浏览器的同源策略就是协议、域名、端口都要相同，有一个不同就会产生跨域问题。原本浏览器应该会自动调节端口去获取信息，但我这里将前后台代码都设置一台电脑上，可能端口占用了才产生了问题。解决方案就是在vite.config.js文件中设置一下代理就行了，具体代码如下 ......
vue2 子组件向父组件传值
父组件： <category-component ref="jobCategory" :title="title" :path="pathUrl" @get-datalist="getDataList"></category-component> 子组件： this.$emit('get-datal ......
Uniapp学习笔记(vue3)
https://uniapp.dcloud.net.cn/ 使用 Vue.js 开发所有前端应用的框架 开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 周边生态丰富 发送请求 meth ......
下载vue.js、element-plus的js和样式、locale.js、icon-vue.js
一、下载vue.js 地址：https://www.bootcdn.cn/vue/ 找到vue.global.js 点击复制链接，在浏览器中打开，如下所示： 二、下载element-plus的js和样式 进入element-plus的官网:https://element-plus.org/zh-CN ......
vue下载PDF文件到本地
方法1. downloadPDF(fileName) { // 要下载的文件路径 var fileUrl = './file/' + fileName; // 创建一个隐藏的<a>元素，用于下载文件 var a = document.createElement('a'); a.href = file ......
vue的扫盲笔记
1.模板语法 ○ Attribute 属性动态绑定多个值 const objectOfAttrs = { id: 'container', class: 'wrapper' } <div v-bind="objectOfAttrs"></div> ○ 指令 § v-bind 等价于 : <a v-b ......
vue安装及环境配置
安装：Nodejs安装依赖包node_modules：npm install安装webpack：npm install webpack -gnpm install webpack-cli -g安装yarn：npm install -g yarn执行yarn：yarn install安装：axiosy ......
使用vite创建vue3项目
vite是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成； 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。 ......
uniapp自动引入Vue3(ref,reactive...)的API、uniapp生命周期和封装hooks
未自动导入Vue3(ref,reactive...)的API和uniapp生命周期，需要在每个页面把API和uniapp生命周期的代码都重复写一遍 <script setup> import { ref, reactive } from "vue" import { onLaunch, onShow ......
vue-router使用
vue-router使用 组件切换实现页面切换效果，需要借助vue-router来实现 1、简单使用 页面跳转，写一个页面组件 在router >index.js routes数组中加入一个路由即可 2、组件中实现页面跳转 两种方式 方式一：使用 router-link 标签，to 地址 <rout ......
vue build index直接打开静态页面
vite + vue3 打包的文件，如果使用类似于nginx或者其他的服务器打开，可以正常打开，但如果直接点击打开index.html文件，页面会白屏，打开调试工具后发现如下跨域的报错。 这是因为打包后并不支持file引用协议。这就给混合式开发等时候带来困扰，因为在这种场景下，是有需要直接打开ind ......