three vue js
vue3 ts 父子 组件小例子
<project-tab ref="projectTabRef" v-model="form.projectVO" :data="parentToChild" @update="updateHandler"></project-tab> //引用组件 const ProjectTab = defin ......
ant design vue 1.x 和 3.x 自定义表单示例
以下是项目中用到的自定义表单的写法，vue2 vue3 各记录一个。 1.x(For vue2) 自定义表单的示例 实现如下图的控件 代码如下： import { Component, Prop, Vue, Watch } from 'vue-property-decorator' import { ......
记从polyhaven下载贴图文件应用到three.js的问题
下载到的贴图文件 在three.js中主要用到了rubber_tiles_ao_1k.jpg、rubber_tiles_diff_1k.jpg、rubber_tiles_disp_1k.png这三张贴图。 后缀为arm的贴图尚未使用。(ARM即 Albedo(反照率)、Rougness(粗糙度)、M ......
vue实现会议室拖拽布局排座
会议室拖拽布局排座是vue-draggable结合vue-draggable-resizable-gorkys进行开发 vue-draggable是拖拽组件，可以在组件里拖动排序，也可以多个组件之间拖动排序 vue-draggable-resizable-gorkys是一更强大的拖拽组件，可以随意拖 ......
解放VSCode+Vue的完整组件库智能提示（包括ant-design-vue、element-plus等）
解放VSCode+Vue的完整组件库智能提示 最近因为一些原因从WebStrom转回VS Code，首先感受到的就是组件库没有智能提示了： 这能忍吗？根本不可能！接下来，我带你花三分钟找回遗失的智能提示～ 首先，本篇文章适用于通过unplugin-vue-components自动引入组件的项目；也就 ......
vue3路由重定向失效
页面刷新时遇到路由重定向无效的问题，可能是因为路由重定向是在客户端进行的，而页面刷新会重新加载整个应用程序，导致重定向逻辑丢失。 为了解决这个问题，你可以使用服务器端的重定向来确保在页面刷新时也能正确地重定向到指定的路由。以下是一种常见的解决方案： 在服务器端配置，确保所有请求都返回应用程序的入口页 ......
如何解决js地址栏中传递中文乱码的问题
首先，地址栏传中文是很不明智的，因为不同的浏览器对与中文的解析存在不同的方法。所以，建议如果能不用尽量不要用。 当然，很多时候奇葩需求要求我们必须解决这个办法。 下面，是解决个别奇葩需求的方法。 在中文参数加入到地址栏之前进行转码。（注意，简单转码是不可以的，浏览器会根据编码方式对已经编码的部分进行 ......
vue3_Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
今天的开发中发现了这个问题 Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders frag ......
SpringBoot + vue2.0查询所用功能
导入数据库文件 CREATE DATABASE `springboot` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci */ /*!80016 DEFAULT ENCRYPTION='N' */ CREATE TA ......
2023 CSP-JS 游记
2023 CSP-JS 游记 考点在南航，去的时候穿着和 NFLS 几乎一样的校服，成功地蛊惑了不少人。 普及 早早的起床，不得不说确实挺冷。在南航的门口遇到了 wst，打过招呼就进校门去集合点集合了，wst 还在校门口等人。集合点环顾四周并没有认识的人。 到处都是南外的人，校服非常显眼。Splay ......
手撕Vue-Router-提取路由信息
前言 好了经过上一篇的学习，我们已经知道了如何监听 Hash 的变化，如何监听路径的一个变化，本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢，在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou ......
vue自定义指令按enter键触发事件
directives: { enter: { bind(el, binding) { document.addEventListener('keyup', (event) => { if (event.keyCode 13) { binding.value() } }) } } }, v-enter ......
Ubuntu更新源文件报错：E: 仓库 “http://ppa.launchpad.net/chris-lea/node.js/ubuntu bionic Release” 没有 Release 文件。
E: 仓库 “http://ppa.launchpad.net/chris-lea/node.js/ubuntu bionic Release” 没有 Release 文件。 一条命令解决 sudo add-apt-repository --remove ppa:chris-lea/node.js ......
Vue自定义创建项目
基于VueCli 自定义创建项目 顺序： 安装脚手架 vue create 项目名 选择自定义 Babel/Router/CSS/Linter Vue2.x VueRouter hash模式 CSS预处理 ESlint：Standard & Lint on Save 配置文件 dedicated c ......
使用cmake-js 构建node addon
cmake-js 是nodejs 包装的cmake，可以用来方便的进行nodejs native 项目的构建，以下是一个试用 简单项目 项目结构 ├── CMakeLists.txt ├── hello_world.cc ├── index.d.ts ├── lib │ ├── binding.d. ......
nvm--node.js的多版本管理
背景 接触的项目有点多，其中有些项目对node的版本有一定的要求。 比如有个项目没有用npm或者yarn，而是用了pnpm。 而pnpm8要求的node必须是大于等于v16.14，而且node v17+目前是不兼容webpack v4， 该项用用的是webpack v4，所以node的版本只能是大于 ......
第六章、Vue3高级
目录二十四、项目实战细节（二）1、组件设置name属性 二十四、项目实战细节（二） 1、组件设置name属性 <script setup> // Vue3.3后支持 defineOptions({ name: '组件名', inheritAttrs: false }) </script> ......
Vue公共loading升级版（处理并发异步差时响应）
公共loading是项目系统中很常见的场景，处理方式也不外乎三个步骤： 1.通过全局状态管理定义状态值（vuex、pinia等）。 2.在程序主入口监听状态值变化，从而展示/隐藏laoding动画。 3.在请求和相应拦截器中变更状态值。 第一二步骤处理大同小异，但在第三步中，网上很多博文分享的方法是 ......
使用Node.js 常见的问题
"command not found" 错误 * 解决方法: * 在命令行中输入以下命令: bash sudo yum install nodejs sudo yum install npm 使用btoa()和atob()函数处理字符串 * 解决方案: * 使用`Buffer.from()`和`.t ......
vue 创建项目流程
1、首先在文件下打开cmd运行 cd 到你的目录下面 2、npm init vue@latest 命令创建项目 默认都选否，具体需要，后面自行添加 2、根据提示完成下三步操作 这是运行npm install 由于卡住了，就需要进行下一步，手动打开刚刚的目录文件 并且在该目录下，运行cmd，并输入，n ......
用Electron+vue+ffmpeg开发一个视频处理的工具
前端时间用electron+ffmpeg开发了一个视频压缩软件，然后越熟悉ffmpeg越觉得它的牛叉，以前觉得视频处理需要高深莫测的技术，ffmpeg为我解开了视频处理的神秘面纱。然后决定做一个视频处理的工具，包括视频压缩、视频剪切、视频合并、视频格式转换、视频添加水印，先上效果图。 上一篇文章介绍 ......
Vue中的路由
概念 1）理解： 一个路由（route）就是一组映射关系（key-value)，多个路由需要路由器（router）进行管理 2）前端路由：key是路径，value是组件 3）作用：设定访问路径，并将路径和组件映射起来（就是用于局部刷新页面，不需要请求服务器来切换页面） Route（路由） Route ......
js深拷贝function
js拷贝函数怎么操作 使用bind()方法 JavaScript的函数提供了bind()方法，可以用来创建一个新函数，该函数与原函数具有相同的代码，但其上下文和部分参数可以绑定。通过使用空的上下文和参数，可以实现函数的拷贝。 function originalFunction() { console ......
原生JS使用window.location进行传参
页面一 发送 location.href='./addUpdate.html?pageName=添加' 页面二 接受 console.log(decodeURI(location.search.split('=')[1])); ......
uniapp vue可以通过mixins混入代码，可以通过下面方法混入template
vue全局混入template方法：在根目录vue.config.js（没有就新增）里添加一下代码 //红色部分是混入的自定义vue组件module.exports = { chainWebpack: config => { config.module.rule('vue').use('vue-lo ......
安装install的项目的报错sass npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Fail ......
vue2+element+vue-quill-editor实现富文本框组件（使用链接引入视频+上传本地视频+上传本地图片）
参考文档：https://www.duidaima.com/Group/Topic/Vue/12272 前提不赘述，npm引入插件并全局导入 components文件夹下创建ArticleEditor.vue： <template> <div class=""> <!-- 富文本框 --> <qui ......
Node.js精进（12）——ElasticSearch
ElasticSearch（简称 ES）是一款基于 Lucene 的分布式、可扩展、RESTful 风格的全文检索和数据分析引擎，擅长实时处理 PB 级别的数据。 一、基本概念 1）Lucene Lucene 是一款开源免费、成熟权威、高性能的全文检索库，是 ES 实现全文检索的核心基础，而检索的关 ......
selenium用js删除元素后，在进行定位
一个自动化项目，里面有200多个相同元素，着200多个元素，就文本不同。我就想着用文本定位就好了，但是Xpath没有办法定位到下面的元素。这是下面所遇到的问题： 我就用了 //*[contains(text(),'金湾分公司')] 去定位，但这么写没办法定位到，因为前面有注解<! >(但我当时一直不 ......