组件vue3 vue
Vue急速入门-5
vue-cli创建项目 前端工程化，项目>>>(vue-cli)，创建处vue项目,单页面应用(spa) vue-cli创建项目开发，在项目中开发，最后上线，一定要编译 '纯粹的html，js，css' vue-cli工具由于是nodejs编写的，所以我们需要node安装环境1.下载node解释器 ......
Vue学习：实现用户没有登陆时，访问后自动跳转登录页面
设计思路 定义路由的时候配置属性，这里使用needLogin标记访问页面是否需要登录 设置路由守卫，每个页面在跳转之前都要经过验证，校验用户信息是否存在，不存在跳转到登录页 用户登录后将用户信息存储在localStorage 退出登录后，将用户信息清空 代码实现 1、router文件夹的index. ......
基于Vue3+TS的Monorepo前端项目架构设计与实现
写在前面 你好，我是前端程序员鼓励师岩家兴！去年在另一个项目https://juejin.cn/post/7121736546000044046中，我向读者朋友们介绍了结合npm包管理工具yarn作vue3项目的monorepo架构设计。今天，在这个风和日丽阳光明媚的钱塘江畔，我心情很好，我打算再写 ......
如何优化 Vue.js 应用程序
单页面应用（SPAs）当处理实时、异步数据时，可以提供丰富的、可交互的用户体验。但它们也可能很重，很臃肿，而且性能很差。在这篇文章中，我们将介绍一些前端优化技巧，以保持我们的Vue应用程序相对精简，并且只在需要的时候提供必需的JS。 注意：这里假设你对Vue和Composition API有一定的熟 ......
Vue前后端交互、生命周期、组件化开发
Vue前后端交互、生命周期、组件化开发 一、Vue用axios与后端交互 如果用jQuery与后端交互的话，我们用Ajax发请求，那么用Vue做前端，需要做前后端分离，与后端做交互。这个时候Vue也提供了独立的方法叫Axios,其实Ajax也是没问题的但是同时使用两个框架写前端项目，有点大材小用 ......
vue＋.net入门级书签项目
vu3＋.net6 webApi 书签管理项目 本项目已接入ChatGpt 前言 Gitee项目地址：https://gitee.com/zyplj/book-marks Github项目地址：https://github.com/ZyPLJ/BookMarks 作为一个bug程序员，保存了很多书签 ......
Vue基础02、过滤案例、购物车案例
Vue基础02、过滤案例、购物车案例 一、v-for能循环的类型 数组、带索引 对象、默认value值、也可以是key值 字符串、带索引 数字、带索引 二、js的几种循环方式 js的循环基于索引的循环 js的in循环拿到的是索引 es6语法 of循环 数组的方法 forEach循环 jQuery的循 ......
ASP.NET Core知识之RabbitMQ组件使用（二）
近期，业务调整，需要内网读取数据后存入到外网，同时，其他服务器也需要读取数据,于是我又盯上了RabbitMQ。在展开业务代码前，先看下RabbitMQ整体架构，可以看到Exchange和队列是多对多关系。 下面，我们详细说说RabbitMQ的队列模式：简单队列、工作队列、发布订阅模式、路由模式、主题 ......
vue的两种服务器端渲染方案
关于服务器端渲染方案，之前只接触了基于react的Next.js，最近业务开发vue用的比较多，所以调研了一下vue的服务器端渲染方案。本文着重介绍两种渲染方案。 ......
vue原理：diff、模板编译、渲染过程等
一、虚拟DOM： 因为DOM操作非常消耗性能，在操作DOM时，会出现DOM的回流（Reflow：元素大小或者位置发生改变）与重绘（元素样式的改变）使DOM重新渲染。 现在的框架Vue和React很少直接操作DOM，因为两者都是数据驱动视图，只会对数据进行增删改的操作 因此，二者使用虚拟DOM（vdo ......
Vue/ React/ Angular 前端项目在 Web 服务器上的部署配置
Web 服务器是一种用于存储，处理和传输 Web 内容的软件。它是一种特殊类型的服务器，具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言，如 PHP，JavaScript，Ruby，Python 等，并且支持动态生成 Web 页面。常见的 Web 服 ......
Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下
上文创建了一堆 utils、component-info，并实现了新组件模块相关目录和文件的创建。本文继续实现后面的内容。 1 组件样式文件并导入 在 src/service 目录中创建 init-scss.ts 文件，该文件导出 initScss 函数。 由于 .vue 类型的组件的样式就直接写在 ......
Vue3 企业级优雅实战 - 组件库框架 - 11 组件库的打包构建和发布
回顾第一篇文章中谈到的组件库的几个方面，只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。 1 组件库构建 组件库的入口是 packages/yyg-demo-ui，构建组件库有两个步骤： 添加 TypeScript 的配置文件： tsconfig.json 添加 vite.conf ......
千姿百态,瞬息万变,Win11系统NeoVim打造全能/全栈编辑器(前端/Css/Js/Vue/Golang/Ruby/ChatGpt)
我曾经多次向人推荐Vim，其热情程度有些类似现在卖保险的，有的时候，人们会因为一些弥足珍贵的美好暗暗渴望一个巨大的负面，比如因为想重温手动挡的快乐而渴望买下一辆二十万公里的老爷车，比如因为所谓完美的音质而舍不得一个老旧的有线耳机，比如因为一个铜炉火锅而期待北京那漫长而寒冷的冬天。 ......
腾讯出品小程序自动化测试框架【Minium】系列（六）常见组件的处理
写在前面 我发现一件神奇的事，当你学一门新技术或者新的知识点遇到不会的时候，真的可以先放一放，第二天再去学习，也许说不定也就会了。 为什么这么说？ 昨天文章断断续续的写了近一天，有一个组件不认识，自然也不知道该怎么处理，真的憋得脑子疼，后来一合计算了，事已至此，还是先吃饭吧，就扔一边了。 结果今天再 ......
Django框架之drf：7、认证组件，权限组件，频率组件，过滤的多种用法，排序，分页
Django框架之drf 一、认证组件 简介： 登录认证的限制 认证组件是drf框架给我们提供的认证接口，它能够在请求进入视图函数/类前进验证（例如：认证用户是否登录），对不符合认证的请求进行拦截并返回校验失败的信息 1、认证组件使用步骤 模块地址： from rest_framework. ......
Django框架之drf：5、反序列化器校验部分源码分析，断言，drf之请求与响应，视图组件介绍及两个视图基类，代码部分实战
Django框架之drf 一、反序列化类校验部分源码解析 反序列化校验什么时候开始执行校验？ 剖析流程一：在视图中使用反序列化器实例化的对象调用is_valid()的时候就会进行校验，通贩校验返回True，反之False class BookView(APIView): # 新增 def post( ......
Blazor入门100天 : 身份验证和授权 (2) - 角色/组件/特性/过程逻辑
目录
1. **建立默认带身份验证 Blazor 程序**
2. 角色/组件/特性/过程逻辑
3. DB 改 Sqlite
4. 将自定义字段添加到用户表
5. 脚手架拉取IDS文件,本地化资源
6. freesql 生成实体类,freesql 管理ids数据表
7. 初始化 Roles,free... ......
写完这款工作流组件，我的发际线又高了...
前段时间因业务需要完成了一个工作流组件的编码工作。借着这个机会跟大家分享一下整个创作过程，希望大家喜欢，组件暂且命名为"easyFlowable"。
接下来的文章我将从什么是工作流、为什么要自研这个工作流组件、架构设计三个维度跟大家来做个整体介绍。 ......
【大型软件开发】浅谈大型Qt软件开发（四）动态链接库的宏冲突问题、COM组件开发的常见问题
最近工作的时候有一个链接库的对接工作，在对接时发生了一些小问题，这篇FAQ是办公室写这个库的工程师戴工写的，这里记录一下： 一、编译工程时报链接错误“不允许dllimport静态数据成员的定义” 1.错误截图 2.错误原因分析 此错误是Q_OBJECT和Q_DECL_IMPORT宏共同作用时产生的结 ......
Vue 中 Promise 的then方法异步使用及async/await 异步使用总结
转载请注明出处： 1.Promise 的 then 方法使用 then 方法是 Promise 中 处理的是异步调用，异步调用是非阻塞式的，在调用的时候并不知道它什么时候结束，也就不会等到他返回一个有效数据之后再进行下一步处理； 想了解 Promise 的使用，可以看这篇文章： ES6 中 Prom ......
vue3实现一个抽奖小项目
前言 在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。 浏览链接：http://xisite.top/original/luck-draw/index.html 项目链接：https://gitee.com/xi1213/luck-draw (欢迎star!) 项目截图： 实现 ......
云间玉兔,自出机抒,从零开始制作Web插件网页特效小兔子组件(小挂件widget),基于原生CSS/NPM
著意登楼瞻玉兔，何人张幕遮银阙？又到了一年一度的网页小挂件环节，以往我们都是集成别人开源的组件，但所谓熟读唐诗三百首，不会做诗也会吟，熟读了别人的东西，做几首打油诗也是可以的，但若不能自出机抒，却也成不了大事，所以本次我们从零开始制作属于自己的网页小挂件，博君一晒。 玉兔主题元素绘制 成本最低的绘制 ......
Vue + Element 自定义上传封面组件
前一段时间做项目，频繁使用到上传图片组件，而且只上传一个封面，于是想着自定义一个图片封面上传组件。先来看一下效果： 第一张图片是上传之前，第二张图片是上传成功后，第3张图片是鼠标放上去之后的效果！ 首先整理需求，图片上传我们使用照片墙的方式，只能上传一张图片，图片上传成功后不能继续上传，如果想要更换 ......
element上传图片组件使用方法|图片回显|格式转换base64
upload上传组件的使用方法 上传图片后自动上传（也可以手动上传），图片上传成功后由后端返回特定图片地址，在表单提交后将表单数据同图片地址一并返回即可完成图片上传功能。 组件HTML <!-- 上传图片 --> <div style="margin: 4px 0">图片上传（仅支持jpg、png格 ......
从面试题入手，畅谈 Vue 3 性能优化
前言 今年又是一个非常寒冷的冬天，很多公司都开始人员精简。市场从来不缺前端，但对高级前端的需求还是特别强烈的。一些大厂的面试官为了区分候选人对前端领域能力的深度，经常会在面试过程中考察一些前端框架的源码性知识点。Vuejs 作为世界顶尖的框架之一，几乎在所有的面试场景中或多或少都会被提及。 笔者之前 ......
【Vue3.0】关于 script setup 语法糖的用法
script setup - 简介 先来看一看官网关于 <script setup> 的介绍: 要彻底的了解 setup 语法糖，你必须先明确 setup() 这个 组合式API 官网中对于这一api的介绍是—— 在 setup() 函数中返回的对象会暴露给模板和组件实例。其它的选项也可以通过组件实 ......
Spring Cloud服务发现组件Eureka
简介 Netflix Eureka是微服务系统中最常用的服务发现组件之一，非常简单易用。当客户端注册到Eureka后，客户端可以知道彼此的hostname和端口等，这样就可以建立连接，不需要配置。 Eureka 服务端 添加Maven依赖： <dependency> <groupId>org.spr ......
Vue+echart 展示后端获取的数据
最近在合作做一个前后端分离项目时，为了测试我写的后端部分获取数据的效果，自己也学了一下 vue 的知识，在获取 json 信息这里也踩了很多坑。 这里列举下我返回的 json 部分信息： { "house_basic": [ { "HOUSE_ID": "00001", "HOUSE_NAME": ......
如何在现有的Vue项目中嵌入 Blazor项目？
目前官方只提供了angular和react俩种示例,所以本教程将来讲解如何在Vue的现有项目中使用，上期已经做好了react的教材！ 准备流程 Vue 项目创建流程 使用Vue创建一个Demo项目 全部选择默认No即可 然后项目名称就用demo了 npm init vue@latest cd dem ......