前端 文件
Linux 硬盘存储和文件系统介绍
一：硬盘存储 1、存储类型 根据存储的特性不同，可以将存储分为内存和外存两类。 内存：又叫做主存储器，计算机中所有程序的运行都是在内存中进行。 外存：又叫做辅助存储器，因为内存容量小且断电会丢失所有数据。所以磁盘来实现数据的持久化存储。例如：硬盘，U盘，软盘，光盘 2、硬盘和磁盘： 磁盘是一个广泛的 ......
发布新版博客备份功能：生成 sqlite 数据库文件，vscode 插件可查看
大家好，最近我们重新开发了园子的博客备份功能，今天发布第一个预览版，欢迎大家试用。园子的 vscode 插件也集成了博客备份功能，不仅可以查看通过博客后台下载的备份文件，而且可以直接在 vscode 插件中直接操作博客备份的创建、下载、查看。 ......
从0搭建Vue3组件库(六):前端流程化控制工具gulp的使用
前言 随着前端诸如webpack，rollup，vite的发展，gulp感觉似乎好像被取代了。其实并没有，只不过它从台前退居到了幕后。我们仍然可以在很多项目中看到它的身影，比如elementplus、vant等。现在gulp更多的是做流程化的控制。 比如我们要把一个大象放进冰箱里就需要 打开冰箱门- ......
前端性能优化——启用文本压缩
前端性能优化——启用文本压缩 一、发现性能问题 1、通过 Google Chrome 打开需要进行性能优化的站点 2、打开 Chrome 开发者工具 Lighthouse 面板： 3、在 Lighthouse 面板中根据自己的需求自定义分析项和分析配置，点击”分析网页加载情况“对页面进行性能等方面的 ......
前端性能优化——采用高效的缓存策略提供静态资源
前端性能优化——采用高效的缓存策略提供静态资源 一、发现性能问题 通过 Chrome 开发者工具的 Lighthouse 工具对目标站点的某个页面进行分析，其生成的报告如图所示： 由分析报告可知，该目标站点存在多项待优化的性能问题，如减少未使用的 JavaScript 和采用高效的缓存策略提供静态资 ......
MySql生成ER【StarUML】文件
1. 背景 要画ER图，一个个打费时费力，StarUML文件打开是json。那么就有可能自动生成。 2. 效果 把表结构生成好，自己只要维护关系即可。 3. 代码 import lombok.Data; import java.io.FileWriter; import java.io.IOExce ......
FAQ docker运行tomcat提示找不到文件
docker运行tomcat提示找不到文件 问题描述 docker课程中，老师是用tomcat镜像来演示docker的一些操作 但同样的操作有的同学是ok的，有的同学就会遇到如下错误 核心信息 Exited(1) Cannot find /usr/local/tomcat/bin/setclassp ......
前端随笔0：URL与状态的双向绑定
这篇要讨论的这个概念，应该也不是我发明的新词，叫 URL 与状态的双向绑定，字面意思来说，在刷新页面或跳转页面时解析 URL 并对应更新组件的状态，在组件状态更新时同步更新 URL，为什么要引入这种机制嘞？ ......
前端性能精进之浏览器（三）——图像
HTTP Archive 在 2022 年关于多媒体的报告中指出，目前大概有 99.9% 的网站或多或少都会包含点图像。 并且高达 70% 的移动页面和 80% 的桌面页面的 LCP 指标会受图像的影响。 通过这些数据可知，图像在网页中占据着举足轻重的地位，优化图像，对于网页性能可以达到立竿见影的效 ......
前端性能精进之浏览器（四）——呈现
现如今，在呈现一个页面时，在浏览器中会打开众多进程，包括浏览器、渲染、插件、GPU、网络等进程。 浏览器进程负责存储、界面、下载等管理。在渲染进程中，运行着熟知的主线程、合成线程、JavaScript 解释器、排版引擎等。 而呈现一个页面大致可分为 4 个步骤： 浏览器进程处理用户在地址栏的输入，然 ......
在Windows 环境下使用 Nginx 搭建 HTTP文件服务器 实现文件下载 全步骤（详细）
HOW TO USE NGINX TO BUILD A FILE SERVER WHAT IS THE NGINX ? “Nginx 是一款轻量级的 HTTP 服务器，采用事件驱动的异步非阻塞处理方式框架，这让其具有极好的 IO 性能，时常用于服务端的反向代理和负载均衡。 它是由俄罗斯人 伊戈尔·赛 ......
gRPC之.Net6中的客户端和服务端共用proto协议文件
1、🍕说明 在上一篇文章gRPC之.Net6中的初步使用介绍中，我们简单的介绍了gRPC在服务端、客户端以及Web项目中的使用。 有一个问题，不知道大家发现没有，就是不管在服务端项目还是客户端项目中，我们都需要创建相同的proto协议文件，这样就会显得很麻烦，有没有一种办法只创建一次proto协议 ......
基于NUXT.JS搭建一款VUE版SSR前端框架（解决SPA应用的SEO优化优化问题）
本文档是从官网文档中摘录的一些重点内容，以及加入了自己的一些调整和对官网内容的理解和解释。适合新手学习，有一定技术水平的宝子，建议直接查看 [NUXT英文官网] ......
设计模式与前端工程师
前端要不要学习设计模式 始终认为每个行业都有自己的特点，各自的专业性。一个开发工程师如果不知道电脑是哪些基本硬件组成，那么我们大概率都会认为这个人非常不专业。那么前端要不要学设计模式呢？设计模式跟前端有多大关系呢？ 前端工程师首先是一个工程师，既然是一个软件工程师，那么类似设计模式、数据结构、网络相 ......
前端老赵一次给你讲透“微前端”架构
一、引言： 随着Web应用程序的规模和复杂度的不断增加，前端技术也在不断发展和演进。微前端是近年来兴起的一种前端架构模式，通过将大型Web应用程序拆分为小型、可独立开发和部署的模块，从而降低开发和维护的难度，同时提高Web应用程序的可扩展性和可维护性。微前端的发展也得到了业界的广泛关注和支持，成为了 ......
实践，制作一个高扩展、可视化低代码前端，详实、完整
RxEditor是一款开源企业级可视化低代码前端，目标是可以编辑所有 HTML 基础的组件。比如支持 React、VUE、小程序等，目前仅实现了 React 版。 RxEditor运行快照： 项目地址：https://github.com/rxdrag/rxeditor 演示地址（ Vercel 部 ......
c# 递归应用 完成js文件自动引用
背景： 两张表，分别是 ：sys_tbl,和 sys_field,其中：sys_tbl 是系统所有表的信息，包含两个字段 ：code（表名）,name（表描述信息）；sys_fld 是记录第张表中的字段 的名称（field)和描述信息（table) , 截图如下： sys_tbl 其中，字段 名称包 ......
Linux的文件权限管理
Linux文件权限管理介绍 一：Ubuntu 简介 1 、什么是Ubuntu Ubuntu是基于Debian开发的一个开源的Linux操作系统，Ubuntu这个名字名称来⾃⾮洲南部某种语言的一个词语，Ubuntu每6个月会发布⼀个新版本，每隔两年，在四月份的时候，会推出⼀个⻓期⽀持版本（LTS）。其 ......
Python 3 os.walk读取指定文件路径后，打印路径参数为空
今天有时间自己尝试了一下os.walk的小实验，结果出现了一个小问题：在交互模式下，运行我的python脚本，没有打印任何内容 返回去看一下test.py内容 返回去看一下文件路径是否正确： 看着好像没有任何问题。。。 然后仔细想了想发现，可能是运行的脚本test.py与想要访问的目录中的test2 ......
前端必须知道的调试工具
1949年9月9日，天气非常炎热，有一只娥死在了70号继电器里面，造成电路不通，机器死机，经过近一天的检查，Grace Hopper（格蕾斯哈珀）终于找到了真凶，原来正是被光吸引过来的娥造成了机器宕机，在这儿之后，在计算机科学中，Bug就从虫子变成了程序的缺陷，一只虫子就这样被载入了计算机史册。 ......
前端程序员需要了解的MySQL
数据库的基本概念 数据库（database）是用来组织、存储和管理数据的仓库。对数据库中的数据可以进行增删改查操作。市面上常见的数据库有： MySQL（使用最广泛。流行度最高的开源免费数据库 Community+Enterprise） Oracle（收费） SQL Server（收费） Mongod ......
ABP微服务系列学习-对接前端界面
前面我们把后端的微服务架子基本搭建完成并成功启动了，现在我们可以对接前端界面了。这里我们直接用ABP模板里面的Angular的前端界面。 创建应用程序模板 使用ABPCli创建一个应用程序模板，前端选择Angular，选择参数--separate-identity-server，分离身份认证和API ......
Git 小技巧：忽略某些文件的更改
作为一枚合格的代码贡献者，时常需要跟踪自己或者团队代码的变更，那么就很有必要了解并掌握一些软件代码版本管理工具或者系统，比如 Git、SVN、CVS、VSS等。 ......
Python实战项目-10文件存储/支付宝支付/支付成功回调接口
文件存储 视频文件存储在某个位置,如果放在自己服务器上 放在项目的media文件夹 服务器上线后,用户既要访问接口,又需要看视频,都是使用一个域名和端口 分开:问价你单独放在文件服务器上,文件服务器带宽比较高 # 文件服务器：专门存储文件的服务器 -第三方： -阿里云：对象存储 oss -腾讯对象存 ......
容灾备份 | 看我使用Powershell操作FTP进行数据文件自动上传备份
在运维过程中会将服务器上数据文件备份在共享磁盘或者FTP服务器中，此处由于作者环境是在Windows系统上，且在业务上需要同步文件到FTP服务器中，遂有了此文，帮助各位看友了解，如何在Windows上使用Powershell脚本将数据备份文件自动上传的FTP服务器上? ......
java代码审计-文件操作
0x01 任意文件读取 @GetMapping("/path_traversal/vul") public String getImage(String filepath) throws IOException { return getImgBase64(filepath); } 这里的路由对应的方 ......
拥抱下一代前端工具链-Vue老项目迁移Vite探索
随着项目的不断维护，代码越来越多，项目越来越大，决定将老项目迁移至vite。本文介绍了Vue老项目像Vite迁移的过程、遇到的问题以及经验总结。 ......
node使用multer进行文件上传
开场白 在平时的业务中，我们很多使用都会有文件上传这个功能。 今天分享一下使用 node+element-ui实现一下文件上传。 请个人大佬指点一番~~~。批评的时候稍微轻一点。 毕竟我心里承受能力弱地一批，一不高兴就喜欢.... 使用 element-ui库el-upload组件fil类型上传 前 ......
立即执行函数在前端国际化方案中的应用
说起国际化，开发过跨区域网页的小伙伴应该都遇到过。我们的网页需要配置多套语言，方便用户进行切换。 本文就以 React 为例，介绍其中一种实现方案，并学习一下其中的知识点。 一种国际化方案 方案是这样的： 为多套语言创建对应的 object，并 export 出去 通过 js 立即执行函数，加载选定 ......