前端 仓库nexus vue
前端安全问题——暴破登录
暴力破解登录是一种常见的前端安全问题，攻击者尝试使用不同的用户名和密码组合来登录到受害者的账户，直到找到正确的用户名和密码组合为止。攻击者可以使用自动化工具，如字典攻击、暴力攻击等来加快攻击速度。 ......
阿里云OSS前端直传+net core后端签名
OSS前端直传+后端签名 一、服务端签名后前端直传 首先安装阿里云SDK Aliyun.OSS.SDK.NetCore public static string accessKeyId = "你的accessKeyId"; public static string accessKeySecret = ......
vue2升级vue3：vue-i18n国际化异步按需加载
vue2异步加载之前说过，vue3还是之前的方法，只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍： 为什么需要异步加载语言包 主要还是缩小提代码包，没有按需加载前，语言包内容太多 好几屏幕全部是，虽然从webpa ......
在Vue3+TypeScript 前端项目中使用事件总线Mitt
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。 ......
前端性能精进之浏览器（五）——JavaScript
JavaScript 是一种通过解释执行的高级编程语言，同时也是一门动态、弱类型的直译脚本语言，适合面向对象（基于原型）和函数式的编程风格。 直译语言可以直接在解释器中运行，而与直译语言相对应的编译语言（例如 C++），要先将代码编译为机器码，然后才能运行。 不过直译语言有一个弱点，就是如果有一条不 ......
前端设计模式——模板方法模式
模板方法模式（Template Method Pattern）：定义一个行为的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个行为的结构即可重定义该行为的某些特定步骤。 这些步骤被称为“具体操作”（Concrete Operations），而整个行为的结构和顺序则被称为“模板方法”（T ......
前端设计模式——桥接模式
桥接模式（Bridge Pattern）是一种结构型设计模式，用于将一个大类或一系列紧密相关的类拆分为抽象和实现两个独立的层次结构，从而能够更好地组合和扩展这些类。 在前端开发中，桥接模式通常用于处理 UI 组件的复杂性，将组件的抽象与实现分离，使得它们能够独立地变化。通过桥接模式，我们可以让组件的 ......
前端设计模式——过滤器模式
前端设计模式中的过滤器模式（Filter Pattern）是一种结构型设计模式，它允许我们使用不同的条件来过滤一组对象，并返回符合条件的对象列表。 在过滤器模式中，我们有一个包含多个对象的列表，需要根据一些条件来筛选出符合条件的对象。通常情况下，可以使用多个过滤器来实现这个功能。每个过滤器都是一个独 ......
maui BlazorWebView+本地html (vue、uniapp等都可以) 接入支付宝sdk 进行支付宝支付 开发 Android app
首先添加支付宝sdk的绑定库 nuget 包：Chi.MauiBinding.Android.AliPay 项目地址：https://github.com/realZhangChi/MauiBinding 新建maui Blazor应用，在根目录创建一个静态类PublicMethods.cs （类名 ......
屎上最全vue-pdf+Springboot与aspose-words整合，开箱即用
前言 ⏲️本文阅读时长：约10分钟 🎯主要目标： 1.实现Springboot与aspose-words整合，填充word模板并转化PDF; 2.前端vue整合vue-pdf实现PDF预览及下载 word模板重点(详见图示) 1.单属性赋值 2.List循环赋值 3.图片插入 4.对勾特殊符号插入 ......
万字血书Vue—Vue语法
模板语法 插值语法 Mustache插值采用{{ }}，用于解析标签体内容，将Vue实例中的数据插入DOM中 <h1>Hello {{name}}</h1> 指令语法 指令用于解析标签，是vue为开发者提供的一套模板语法，辅助开发者渲染页面的基本结构。 （指令是vue开发中最基础、最常用、最简单的知 ......
万字血书Vue—路由
多个路由通过路由器进行管理。 前端路由的概念和原理 (编程中的)路由（router）就是一组key-value对应关系，分为：后端路由和前端路由 后端路由指的是：请求方式、请求地址和function处理函数之间的对应关系 在SPA程序中，所有组件的展示和切换都在这唯一的一个页面内完成，此时，不同组件 ......
详解uniapp和vue在路由方面的不同和联系
Uniapp 和 Vue 在路由方面有相似之处，因为 Uniapp 是基于 Vue 的。Uniapp 的路由系统是通过 Vue Router 实现的，因此两者有许多相同的概念和 API。 相同点： 都支持基于 URL 的路由； 都可以使用嵌套路由来管理多个页面之间的关系； 都支持路由参数和查询参数的 ......
从0搭建Vue3组件库(六):前端流程化控制工具gulp的使用
前言 随着前端诸如webpack，rollup，vite的发展，gulp感觉似乎好像被取代了。其实并没有，只不过它从台前退居到了幕后。我们仍然可以在很多项目中看到它的身影，比如elementplus、vant等。现在gulp更多的是做流程化的控制。 比如我们要把一个大象放进冰箱里就需要 打开冰箱门- ......
从0搭建Vue3组件库(四): 如何开发一个组件
本篇文章将介绍如何在组件库中开发一个组件,其中包括 如何本地实时调试组件 如何让组件库支持全局引入 如何在 setup 语法糖下给组件命名 如何开发一个组件 目录结构 在packages目录下新建components和utils两个包,其中components就是我们组件存放的位置,而utils包则 ......
从0搭建Vue3组件库(五): 如何使用Vite打包组件库
本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安装 vite 以及@vitejs/plugin-vue pnpm add vite @vitejs/ ......
前端性能优化——启用文本压缩
前端性能优化——启用文本压缩 一、发现性能问题 1、通过 Google Chrome 打开需要进行性能优化的站点 2、打开 Chrome 开发者工具 Lighthouse 面板： 3、在 Lighthouse 面板中根据自己的需求自定义分析项和分析配置，点击”分析网页加载情况“对页面进行性能等方面的 ......
前端性能优化——采用高效的缓存策略提供静态资源
前端性能优化——采用高效的缓存策略提供静态资源 一、发现性能问题 通过 Chrome 开发者工具的 Lighthouse 工具对目标站点的某个页面进行分析，其生成的报告如图所示： 由分析报告可知，该目标站点存在多项待优化的性能问题，如减少未使用的 JavaScript 和采用高效的缓存策略提供静态资 ......
从0搭建Vue3组件库(二):Monorepo项目搭建
本篇文章是从0搭建Vue3组件库系列文章第二篇,本篇文章将带领大家使用pnpm搭建一个简单的Monorepo项目,并完成包的关联与测试 什么是 Monorepo 其实很简单,就是一个代码库里包含很多的项目,而这些项目虽然是相关联的,但是在逻辑上是独立的,可以由不同人或者团队来维护 为什么要用 pnp ......
从0搭建Vue3组件库(三): 组件库的环境配置
本篇文章将在项目中引入 typescript,以及手动搭建一个用于测试组件库组件 Vue3 项目 因为我们是使用 Vite+Ts 开发的是 Vue3 组件库,所以我们需要安装 typescript、vue3,同时项目将采用 Less 进行组件库样式的管理 pnpm add vue@next type ......
Git仓库迁移实操（附批量迁移脚本）
最近公司组织架构调整，整个组换到新部门，需要将原来组内的项目代码，全部迁移到新的 group 中去(公司用的 gitlab 服务器)，要求保留所有的提交记录、分支和标签。我当然知道 Gitlab 本身是支持创建仓库时通过链接导入的，但前提是管理员开启相关功能。我们此处只讲命令迁移方案。 ......
vue项目PC端如何适配不同分辨率屏幕
闲聊： 年前小颖第一家公司同事问我有做过pc端适配的项目吗，我给妹纸说了下，结果发现没说完，自己当时也没想起来，今天干脆总结下，方便自己和大家日后查看 第一步： 安装postcss-px2rem、px2rem-loader 打开命令行工具，输入以下指令安装插件 npm install postcss ......
ve-plus：基于 vue3.x 桌面端UI组件库|vue3组件库
VE-Plus 自研轻量级 vue3.js 桌面pc端UI组件库 经过一个多月的筹划及开发，今天给大家带来一款全新的Vue3桌面端UI组件库VEPlus。新增了35+常用的组件，采用vue3 setup语法糖开发，在使用上和element-ui比较类似，极易快速上手。 ve-plus 致力数据驱动视 ......
前端随笔0：URL与状态的双向绑定
这篇要讨论的这个概念，应该也不是我发明的新词，叫 URL 与状态的双向绑定，字面意思来说，在刷新页面或跳转页面时解析 URL 并对应更新组件的状态，在组件状态更新时同步更新 URL，为什么要引入这种机制嘞？ ......
前端性能精进之浏览器（三）——图像
HTTP Archive 在 2022 年关于多媒体的报告中指出，目前大概有 99.9% 的网站或多或少都会包含点图像。 并且高达 70% 的移动页面和 80% 的桌面页面的 LCP 指标会受图像的影响。 通过这些数据可知，图像在网页中占据着举足轻重的地位，优化图像，对于网页性能可以达到立竿见影的效 ......
前端性能精进之浏览器（四）——呈现
现如今，在呈现一个页面时，在浏览器中会打开众多进程，包括浏览器、渲染、插件、GPU、网络等进程。 浏览器进程负责存储、界面、下载等管理。在渲染进程中，运行着熟知的主线程、合成线程、JavaScript 解释器、排版引擎等。 而呈现一个页面大致可分为 4 个步骤： 浏览器进程处理用户在地址栏的输入，然 ......
基于NUXT.JS搭建一款VUE版SSR前端框架（解决SPA应用的SEO优化优化问题）
本文档是从官网文档中摘录的一些重点内容，以及加入了自己的一些调整和对官网内容的理解和解释。适合新手学习，有一定技术水平的宝子，建议直接查看 [NUXT英文官网] ......
【django-vue】封装logger 封装全局异常 封装response 数据库配置 用户表继承AbstractUser配置
上节回顾 这是一个django-Vue前后端分离的项目（视频网站） # 1 企业软件类型 -商城类 -公司内部： -业务 -RBAC权限管理 # 2 软件开发流程 -你的工作流程 # 3 pip换源 ：国内镜像 -命令行中 -pycharm中 # 4 虚拟环境： -每个项目有自己的环境 -虚拟环境： ......