前端 仓库nexus vue
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
Vue3 读取Hdr 文件转Image显示
import { decodeRGBE } from '@derschmale/io-rgbe'; //引入io-rgbe //读取Hdr文件 const ReadHdrFile = (buffer: ArrayBufferLike & { BYTES_PER_ELEMENT?: undefined ......
maven构建指定模块，并发布到远程仓库
mvn clean deploy -pl tes-demo,test-demo -am -Dmaven.test.skip=true -DaltDeploymentRepository=snapshots::default::远程仓库地址url -U -e -X -B -pl:指定构建的模块，多个用 ......
富文本里解析vue、react组件
react 封装的渲染富文本的组件： RenderRtf.tsx import { useState, useEffect, useRef } from "react"; import parse from "html-react-parser"; import ReactDOM from "rea ......
前端技术探秘 - Nodejs 的 CommonJS 规范实现原理 | 京东物流技术团队
前端技术探秘 - Nodejs 的 CommonJS 规范实现原理 | 京东物流技术团队 京东云 已认证账号 关注 你经常看 TA 的内容 了解 Node.js Node.js 是一个基于 ChromeV8 引擎的 JavaScript 运行环境，使用了一个事件驱动、非阻塞式 I/O 模型，让 ......
[Vue] vue学习笔记(5): 过滤器
关于过滤器 注册过滤器：Vue.filter(name, callback) 或 new Vue({filters: {...}}) 使用过滤器：{{xxx | filter_name}} 或 v-bind:www="xxx | filter_name" 过滤器可以接受除过滤对象以外的其他参数，也可 ......
setTimeout 函数在前端延迟搜索实现中的作用
看这段代码： SmartFilterBar.prototype._regularTriggerSearch = function (iDelay) { if (this.getSuppressSelection()) { return; } this._clearDelayedSearch(); t ......
[Vue] 案例：收集表单数据
创建一个表单，利用vue完成所有逻辑 准备一个容器 <div id="root"> <! @submit 指定提交行为， prevent阻止默认的刷新页面行为 > <form @submit.prevent="submitForm"> username: <input type="text" v-m ......
什么是前端 Web 应用响应式页面布局里的 Breakpoint 概念
在 Web 前端开发中，响应式设计是一个非常重要的概念，它允许网页 UI 根据不同的设备屏幕大小进行适当的调整以优化用户体验。在这种设计中，breakpoint 是一个关键的概念。 我们可以把 breakpoint 理解为屏幕宽度的一种临界点，当屏幕宽度达到这个点时，我们会调整页面布局以适应这个新的 ......
前端学习-JavaScript学习-js基础-API02-轮播图案例
自己写的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
本地代码保存到git远程仓库上
1.在gitee上创建一个空的仓库 2.在本地文件夹中使用git init初始化git配置 3.这一步看情况，如果设置了全局配置，也能使用全局配置提交就不用做了 git config user.name git confg user.email git config user.name "xxx" ......
Vue3 + TS 搭建组件库
开始 在编写组件库之前，我们首先要对整个代码项目的解构有一个清晰的划分，以及用到的大多数规范，和代码风格有一个约定，这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具，用pnpm workspace来实现monorepo。可以看下面 ......
vue 富文本编辑器 wangeditor 自定义上传图片 以及 解决 复制粘贴 word 没有图片的情况
本人比较喜欢用这一款编辑器，官方文档：(用于 Vue React | wangEditor)，很详细。我主要来说说怎么使用customPaste 自定义粘贴的，怎么解决 复制粘贴 word ，没有图片的情况。 主要是关于 wangeditor 在 vue2 的使用 效果图： 先把完整代码放这里： < ......
vue3使用富文本编辑器wangEditor 5，增加自定义下拉框，并动态改变下拉框内容
官方资料 wangEditor 官网 效果展示 准备工作 这里按照 wangEditor 官网提供的 Vue3 Demo 操作就行，下面的内容可以直接跳过 安装 yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --sav ......
什么是前端开发中的 SVG Sprites 技术
SVG Sprites 在前端 Web UI 渲染中的应用 在前端Web应用开发中，图标的使用是非常常见的需求，而SVG（可缩放矢量图形）是一种灵活而强大的图形格式，常被用于在Web界面中呈现图标。SVG提供了可伸缩性、可定制性和清晰度，但当页面上包含大量图标时，每个图标都作为单独的HTTP请求加载 ......
Vue源码学习(十七):实现computed计算属性
好家伙，本章我们尝试实现computed属性 0.完整代码已开源 https://github.com/Fattiger4399/analytic-vue.git 1.分析 1.1computed的常见使用方法 1. 计算依赖数据：当某个数据发生变化时，computed属性可以自动更新，并返回计算结 ......
[Vue] vue如何监控数据的
vue会监测data属性下所有层次的数据变化 监控对象中的数据 通过setter监控，在新建vue实例时就要传入要监控的数据 对象中含有的，之后追加的属性，vue默认不做响应式处理，即没有对应的getter/setter 如果需要响应式处理，要利用对应的API Vue.set(target, pro ......
【管理信息系统】04. 数据库与数据仓库技术
现代企业处理信息的方式 联机事务处理 OLTP：以联机事务处理形式处理信息。采用联机收集和处理信息，然后再对收集到的经过处理的信息加以利用，并且不断更新已有的信息。 联机分析处理 OLAP：以联机分析处理形式处理信息，并利用信息帮助决策。是一种为支持决策而进行的处理信息的方式。而数据仓库是一种新的数 ......
记录--原来前端部署这么简单
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 有个朋友说前端技能大家大部分都会，就是部署项目这一块经验都比较稀缺，一直很想学一下。所以在这里写一篇简单的从零开始部署前端项目的全过程，感兴趣的掘友们或者想自己搭建项目部署的可以看一下这篇。 环境搭建 首先我们需要进行环境搭建主要就 ......
关于Vue3中调试APP触发异常：exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2309:15)解决方案
bug：reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->at us ......
vue3+vite项目优化静态资源使用云存储
项目中的问题 1. 当我们在维护自己的博客或者自己的网站的时候没有特别好的服务器就会响应特别的慢 2. 当我们项目特别大的时候也会首屏加载特别慢而且 vue项目打包后的js文件特别的庞大 还要加载各种资源就会特别的卡顿 3.当我们项目中用到了一些3D效果各种3D资源部特别的大的时候根本加载不出来 解 ......
vue2+element 表单内使用el-rate组件时，校验失败后重新校验通过了，但校验提示信息未消除
问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。 问题复现： 1.打开表单，直接点确定 2.填写完所有的选项后，仍未消除提示 解决：首先排除了v-model是否绑定正确，单词有无错误，校验有 ......
vue-router中的编程式导航api
常用的导航api有： this.$router.push('hash地址') 跳转到指定hash地址，并增加一条历史记录 this.$router.replace('hash地址') 跳转到指定hash地址，并替换到当前的历史记录 this.$router.go(数值n) 历史记录的前进和后退，数值 ......
去掉原仓库git地址和清除原项目的git版本信息
1.去掉原仓库git地址 git remote remove origin 2.清除原项目的git版本信息 rm -rf .git 点击项目文件夹，右键选择Git Bash Here,在弹出的面板里面输入指令即可 ......
js vue中pdf与img互转
需要 npm install vue-pdf 和 npm install pdfjs-dist，新建js文件 pdtToImg.js： import pdf from "vue-pdf"; import JsPDF from 'pdfjs-dist'; const PDFJS = require(' ......
关于解决vue报错"Problems loading reference 'https://schemastore.azurewebsites.net/schemas/json/package.json': Unable to load schema from...
打开setting时会看到有一条三角形的警告信息 看问题描述：无法从该网站加载 解决方法： 打开设置，找到扩展下的json项 设置之后可以在settings.json文件中看到新增加一项 "json.schemaDownload.enable": false 可以直接在界面上设置： "json.sc ......
Vue3中的Pinia
什么是Pinia 官方文档：https://pinia.vuejs.org/zh/introduction.html Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话，你可能会认为可以通过一行简单的 export const state = re ......
直播系统源代码，vue二种方式根据条件判断显示不同样式
直播系统源代码，vue二种方式根据条件判断显示不同样式 1.v-if-v-else/v-show的方式，只显示其中之一 #v-if v-else <div class="blue" v-if="item.num == '0'">{{ item.num }}</div><div class="oran ......
vue3 之 ArcoPro 后台管理系统
一、资料链接 Arco Design 的官网：https://arco.design/ Arco Design开箱的管理系统预览：https://vue-pro.arco.design/login vue3 项目创建的指南：https://arco.design/vue/docs/pro/start ......
vue报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'
直接使用npm install vue-router -save安装的路由，运行报错 经排查后发现是安装的vue-router版本太高 使用 npm uninstall vue-router 卸载之前安装的路由 使用 npm i vue-router@3.5.2 安装低版本的路由 问题解决！！！ ......