逻辑vue3 vue
Vue 3 中的 jsx 实践
一、起因 template 的写法不太灵活，数据和模版都放在一起，不能拼接； 如果拆太碎，每个碎片组件都得写一堆 props/emit 才能确保通信的完整性，太麻烦; 如果写在一个文件中，模版上的判断逻辑 (v-if) 又得一堆； 二、codes 碎片组件 1: <script lang="jsx" ......
Uncaught runtime errors:在IDEA中运行vue项目时出现该错误
IDEA中输入npm run serve ，出现该错误 Uncaught runtime errors: × ERROR Cannot read properties of undefined (reading 'prototype') TypeError: Cannot read properti ......
【scikit-learn基础】--『监督学习』之 逻辑回归分类
逻辑回归这个算法的名称有一定的误导性。虽然它的名称中有“回归”，当它在机器学习中不是回归算法，而是分类算法。因为采用了与回归类似的思想来解决分类问题，所以它的名称才会是逻辑回归。 逻辑回归的思想可以追溯到19世纪，由英国统计学家Francis Galton在研究豌豆遗传问题时首次提出。然而，真正将逻 ......
vue2-diff算法手写一步步增加功能
前面 vue2 diff算法尽可能复用原来的老节点(比如老节点头尾跟新节点头尾看看是不是同一个节点，是的话打个补丁(更新class什么的,然后他的子节点继续调用这个diff算法), 没有找到可复用的就重新创建)。代码行数也不多，核心函数是 updateChildren vue patch工作流程简单 ......
用逻辑降维打击 SPARQL 查询：无痛写 NOT EXISTS (7)
内容预告 在编写查询时，NOT EXISTS往往是最反直觉且难以理解的部分。 本文将分享如何清晰且轻松地掌握SPARQL中的NOT EXISTS查询方法，这些技巧同样适用于其他查询语言。 查询语言为什么设计了个这么奇怪的 NOT EXISTS? 用于表达否定：用于表达不满足某些条件的情况。例如，查询 ......
Vue高频面试题
1. 谈谈你对 Vue 的理解？ Vue 是一个渐进式的 js 框架，专注于构建用户界面。 Vue 的核心思想是数据驱动和组件化，通过将页面拆分为多个独立的组件，可以更好的管理到吗， 提高代码的复用性和可维护性。 Vue 的优势在于：简单易用，灵活性高，性能卓越和拓展性强。 Vue 的模板语法易于理 ......
vue3（三）
1、父子路由在页面局部跳转的应用 假设有一页面NewsView.vue，里面的内容要如何实现如下图所示的布局，如何实现点击页面左半部分文字，而只有页面右半部分的内容发生变化呢？ 不难想到，导航栏的内容是挂载到App.vue文件上的。稍加思索的是，要利用RouterView技术，将页面右（Detail ......
vue书写风格API
Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API。 vue2只支持选项式 API vue3支持两种 选项式 API (Options API) 在 Vue 2 中引入并继续在 Vue 3 中支持的选项式 API，是一种通过声明式选项（如 data, methods, comp ......
浏览器中代码(html+js)高亮，并显示行数 （Vue框架）
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
vue-router的使用，以及路由守卫的使用，复制直接用！
安装完路由，我们在更目录创建一个router的文件夹，然后在文件夹下面新建一个index.js文件 index.js import Vue from 'vue' // 引入VUE实例import VueRouter from 'vue-router' // 引入vue路由 Vue.use(VueRo ......
Vue2入门之超详细教程十二-列表渲染
1、简介 V-for指令: 1. 用于展示列表数据 2. 语法：v-for=”(item,index) in xxx ”:key=”yyy” 3. 可遍历：数组、对象、字符串(用的很少)、指定次数(用的很少) 学习Vue之前最后会一些HTML和CSS的基础知识，HTML基础知识 传送门，CSS基础知 ......
# vue3 插槽 slot 使用
vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl ......
vue+three旋转地球
<template> <div id="container"></div> </template> <script> import * as THREE from 'three' import { OrbitControls } from 'three/examples/jsm/controls/O ......
记录一下vue中的异步循环
刚开始是在使用文件上传的时候，多个文件上传进度进行显示，然后在多文件上传的时候发现，会一次性进行全部上传，查了一下发现是因为js是单线程的，所以会有这个问题 于是开始寻找异步循环的方法，代码如下 async submitCreateImgUrl(){//批量上传 this.submitLoading ......
vue实现h5扫码
插件 html5-qrcode npm 地址 html5-qrcode 是一个基于 JavaScript 轻量级和跨平台的扫码插件。允许用户使用摄像头扫描二维码，并且解析为文本或者 url。 支持扫描不同类型的二维码和条形码 支持不同的平台，Android、IOS、Windows、MacOs 或者 ......
vue中watch怎么深度监听数据变化？
有个原则监听谁,写谁的名字,然后是对应的执行函数,第一个参数为最新的改变值,第二个值为上一次改变的值,注意:除了监听data,也可以监听计算属性或者一个函数的计算结果 启用深度监听对象 watch:{ a:{ handler:function(val,oldval){ }, deep:true } ......
vue音频（监听播放完成）
<template> <div> <audio ref="audio" :src="audioSrc"></audio> <button @click="playAudio">播放</button> <button @click="changePlaybackRate(1.5)">加速</butto ......
[Vue warn]: onUnmounted is called when there is no active component instance to be associated with
[Vue warn]: onUnmounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during e ......
def 自定义表设置以及初步认识vue
补：基于自定义表签发token # 1 快速签发和认证# 2 定制返回格式和认证# 3 自定义登录和认证 # 4 自定义登录，自定义表 # 5 自定义认证类 路由： from django.contrib import admin from django.urls import path from ......
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. 全局引 ......
【源码系列#05】Vue3响应式原理（Ref）
proxy 只接受对象入参，所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象，内部也会调用 reactive 方法进行深层响应式转换 ......
vue图片由小放大
原生效果 <template> <div> <transition> <img :src="imageUrl" class="image" /> </transition> </div> </template> <script> import imageUrl from "../assets/bac ......
vue3 setup函数之数据
setup中定义方法： export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据，必须要返回出去，不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型： ......
vue强制横屏
<template> <div id="gyroContain">111</div> </template> <style> @media screen and (orientation: portrait) { html { width: 100vmin; height: 100vmax; } b ......
Vue3自定义一个Hooks，实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
vue+three，粒子星空
直接贴进去就可以用。 <template> <div id="container"></div> </template> <script> //引入three import * as THREE from 'three' //引入控制器 import { OrbitControls } from ' ......
14.PG逻辑复制搭建
1.准备两台服务器： 172.16.191.140 发布者 172.16.191.139 订阅者 2.在这两台服务器都安装了pg数据库 3.分别在这三台服务器上pg_hba_conf配置文件新增 host all all 172.16.191.0/0 md5 host replication all ......