项目vue3 vue
可观测性平台夜莺开源项目发布V6正式版！
夜莺开源项目在2023.7月底发布了V6版本，这个版本开始，项目目标不止于做一款开源监控系统，而是要做一款开源可观测性平台，不过路漫漫其修远兮，初期只是把日志数据源引入并完成了基本的可视化，后续会着力打通指标和日志的数据串联以及数据特征提取。欢迎小伙伴一起参与共建。 ......
vscode项目开发中如何统一代码风格
##1、在项目根目录中加入此文件 https://files.cnblogs.com/files/huihuihero/.prettierrc.js ![](https://img2023.cnblogs.com/blog/1669868/202308/1669868-202308071907030 ......
vue2笔记完整版
VUE闲来无事 VUE闲来无事一、vue核心的相关学习一，搭建vue开发环境1.下载vue.js2.下载扩展工具二，hello world案例三，helloworld项目扩展四，模板语法五，数据绑定六，el和data的两种写法发七，理解MVVM模型八，数据代理1.Object.definePrope ......
微信公众号授权回调 vue网址中带#号的处理
1、改变vue模式为history，小编没有试 2、通过配置nginx实现 A、替换跳转网址中的#为其他字符串，例如我的 const url = this._getUrl( "https://open.weixin.qq.com/connect/oauth2/authorize", { appid: ......
vue-router 添加动态路由
需要解决以下几个问题： 1. 如何添加？（请求后台接口，拿到路由数据后进行处理后添加） （ 图1-1 ） （ 图1-2 ） 2. 添加的时机？（a. 各种登录接口返回成功时， b.登录成功后刷新页面 ） （ 图2-1 ） 登录成功后，刷新页面时 （ 图2-2 ） 3. 其他问题 3.1 如果当前停留 ......
Vue中使用quill-editor(富文本编辑器)
## 一、安装quill-editor富文本编辑器 ``` npm install vue-quill-editor --save ``` ## 二、引入 ### 1.全局引入 在main.js中引入（示例）： ```js // 文件：main.js import VueQuillEditor fr ......
React与VUE究竟谁会取代谁?
最近在许多技术社区,很多人在讨论React会不会被VUE取代的问题, 就我过去的个人经验而言, 两者各有优势, 不存在谁被谁取代的问题. vue就是一个js库，并且无依赖别的js库，直接引入一个js文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架表示开发者可以由简单组件写起，渐渐 ......
Django博客开发教程:创建项目
我们对需求和数据库都进行分析了之后，我们就开始来创建我们的项目。教程是在windows10操作系统下，用的Python3.6和django2.1.1，开发工具为pycharm。 打开我们的Pycharm，新建一个项目。 说明： 1为项目保存路径，myblog为项目名。 2为选择使用的虚拟环境软件，这 ......
react + electron项目的一些小知识
1、在终端输入 webpack -v 是到全局查找webpack 2、index.html里的代码要换成线下代码，不然修改不生效 3、要运行 webpack --watch 启动热加载，不然修改的代码不会重新打包 4、再打开一个终端运行 npm start ......
2、Django博客开发教程:项目需求分析
当我们要开发一个项目的时候，首先需要了解我们项目的具体需求，根据需求类型划分网站功能，并详细了解这些需求的业务流程。然后更具需求和业务流程进行数据库设计。本教程以一个Blog为例进行介绍，Blog演示站地址如下：http://demo.django.cn/ blog的功能相对比较简单，主要以文章为主 ......
kubernetes-发布netcore项目
一，安装k8s环境 参考：https://www.yuque.com/fairy-era/yg511q/lmy7gc 二，通过Dockerfile文件将本地项目打包成镜像。发送到本地仓库或者阿里云(https://promotion.aliyun.com/ntms/act/kubernetes.ht ......
vue图片压缩插件
图片压缩插件 1.安装插件 npm i js-image-compressor 2.引入 import ImageCompressor from 'js-image-compressor' 3.使用 compressionImage (file) { return new Promise((reso ......
vue通过style切换背景图片，出现闪屏现象
1.情况：通过监控swiper的index修改背景图片，出现闪屏情况 2.解决：尝试过多种方法例如v-clock，提前定义路径变量等都无法解决问题，最终使用提前定义好类名，通过修改类名动态更改类解决，在浏览器网络中可发现只请求过一次，不再是滑动时每次重新请求图片，因此不会出现闪屏现象 ......
node14 升级 node16 后 vue2 项目中 sass 报错问题
起因 不知道因为个什么手贱把之前的 node14 版本卸载了去官网重新下载安装了一下 node，最近版本升级到了 node16，以为应该不会有什么问题吧，结果把项目一跑，我勒个去，一堆飘红的，看控制台提示主要是这个 node-sass 报的错。 # 卸载 npm uninstall node-sas ......
jQuery项目的小技巧
1.返回顶部按钮 你可以利用 animate 和 scrollTop 来实现返回顶部的动画，而不需要使用其他插件。 // Back to top // Back to top $('a.top').click(function () { $(document.body).animate({scrol ......
在开源项目中看到一个改良版的雪花算法，现在它是你的了。
你好呀，我是歪歪。 在 Seata 的官网上看到一篇叫做“关于新版雪花算法的答疑”的文章。 http://seata.io/zh-cn/blog/seata-snowflake-explain.html 看明白之后，我觉得还是有点意思的，结合自己的理解和代码，加上画几张图，给你拆解一下 Seata ......
vue报错 Multiple assets emit different content to the same filename index.html
vue-cli版本:@vue/cli@5.0.8 报错现象:想把css和script全部内嵌到html文件中,就用了"HtmlInlineScriptPlugin"插件,打包后js代码被嵌到了head里,导致代码提前执行找不到#app,再配置HtmlWebpackPlugin插件通过inject: ......
Vue的升级与降级命令
# vue2.0–>3.0 npm uninstall vue-cli -g (全局卸载vue2.0) npm install @vue/cli -g (全局安装vue3.0) npm install @vue/cli-init -g （如果还想使用vue2.0可以安装这个桥接工具） vue ini ......
Autofac在项目中应用的体会一个接口多个实现的情况
在本人接触的项目中Autofac应用的比较多一些，我理解的他的工作原理就是 注册类并映射到接口，通过注入后返回相应实例化的类！ 下面说说我在项目中的实际应用 先来简单介绍下Autofac的使用 1、通过Nuget或代码安装autofac 安装autofac :install-package auto ......
vue中axios多次相同请求取消上一个请求
api import axios from 'axios'; export function getDataFlowGraph(id, that) { return request({ requestBase, url: `/workflowMetadata/getDataFlowGraph/${i ......
linux(centos版本)下docker部署.netcore项目
准备： 1.要在Linux系统上使用Docker部署系统，你需要安装Docker引擎以及一些其他相关的软件。以下是安装步骤：安装Docker引擎： 对于Ubuntu系统，可以使用以下命令安装Docker： sudo apt-get update sudo apt-get install docker ......
拖拽宫格vue-grid-layout详细应用及案例
[toc] # 1、前言 vue-grid-layout是一个适用于vue的拖拽栅格布局库，功能齐全，适用于拖拽+高度/宽度自由调节的布局需求。本文将讲述一些常用参数和事件，以及做一个同步拖拽的Demo。效果动态图如下：  # 前言 开源这件事情在软件开发领域一直是一个高频话题，我们工作中不管是使用到的工具还是第三方库都离不开开源的支持。 近期由于工作的原因，我需要经常和 `Apache P ......
前端 Vue 应该知道的一些东西，个人笔记 2021-11-26
## 前端代码编写规范及es6常用语法 1. 命名规范 ``` 文件夹名称，文件名称，组件名称，统一使用大驼峰或者 小横线方式命名； 组件文件名: list-item.vue.或者ListItem.vue; 基础的无状态的通用组件加V Base App前缀 BaseButton AppButton ......
【Vue笔记链接总结】
# 【Vue笔记链接总结】 # 【一】前端发展史 - [【1.0】前端的发展史 - Chimengmeng - 博客园 (cnblogs.com)](https://www.cnblogs.com/dream-ze/p/17610231.html) # 【二】Vue之介绍及引入 - [【2.0】Vu ......
【Vue大回顾】
# 【Vue大回顾】 # 【一】Vue入门 ## 【1】MVVM（Model-View-ViewModel）架构 - MVVM（Model-View-ViewModel）是一种软件架构模式，用于将用户界面（View）与应用程序逻辑（Model）之间的关系进行解耦。 - 在MVVM中，ViewMode ......
【13.0】Vue3之引入
# 【一】Vue3介绍 ## 1.性能的提升 - 打包大小减少41%： - Vue3采用了一种新的编译器，它能够生成更精简的代码，从而减小了打包后的文件大小。 - 初次渲染快55%, 更新渲染快133%： - Vue3对渲染过程做了优化，提高了首次渲染和更新渲染的速度。 - 内存减少54%： - V ......