前端 终端 实战vue
解决微前端子应用下拉时位置偏移的问题
在main.js文件中引入 start 增加主子应用的样式隔离 import { start } from 'qiankun' // 增加子应用样式隔离属性 start({ singular: false, sandbox: false, prefetch: false, strictStyleIs ......
程序员下班做什么副业好？实战方法新手小白可上手！1000多字总结
以前我就是个程序员，所以，现在有做副业的想法是很不错的，可以多点收入，而且以下方法即使不是程序员，新手小白也可以干。 我来分享一下做副业的经验和看法；现在我已经往运营方向发展了。 作为一个网站开发工程师，我在上家公司干了3年的活，做过java web ,前端html、js、css ，asp.net ......
ZR.Admin小改和VUE3版本体验
阿峰从事编程二十年了，虽然没有成为架构师，却也用过很多种架构。几年前开始研究JAVA企业级快速开发框架若依，后来发现了它的.net 版本实现-ZR.Admin。从此一发不可收拾，崇拜的五体投地。对它作了些改动，记录下来。 ......
前端 - 解决el-table 无限拉伸问题
解决el-table 无限拉伸问题 设置表格的max-height <el-table border :data="tableData" max-height="500px"> 上一步设置成功后，在浏览器缩放条件下仍然存在无限拉伸的问题，这时需要做自适应 ::v-deep .el-table{ wi ......
使用vue3创建后台管理项目
最后案例： 一：创建一个 Vue 应用 打开控制台： npm init vue@latest 输入你需要创建的项目名称，一路回车 下载需要的包，如下： "dependencies": { "@element-plus/icons-vue": "^2.1.0", "axios": "^1.3.5", ......
前端之路 | 1.HTML基础必备知识学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
全栈之前端 | 2.HTML根部头部主体标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
前端案例分析
CommonAside <el-menu default-active="1-4-1" class="el-menu-vertical-demo" backgroundColor='#545c64' textColor="#fff" active-text-color="#ffd04b" @open ......
Ruoyi-vue 左侧菜单栏默认保持收缩
在项目的 src\store\modules\app.js 路径下 sidebar: { opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : false, // 如果不想这个读cookie，那么就直接设置为 ......
vue创建项目
###cmd（以管理员身份运行） vue ui 新建 选择路径 创建选项 选择手动配置 下一步 router vuex开 formatter关 下一步 历史记录能开就开 ###Vscode（以管理员身份运行） 新建Terminal输入 npm run serve 即可由浏览器访问 ####如果要使用 ......
前端工程化实战：React 模块化开发、性能优化和组件化实践
前端工程化实战是指通过组织工作流程、使用工具和技术来提高前端开发效率和质量的一种方法。常见的前端工程化实践包括模块化开发、自动化构建、代码检查和测试、性能优化等。下面将简要介绍模块化开发、性能优化和组件化实践。 ......
Linux的3种特殊权限场景实战：SUID、SGID、SBIT
3种特殊权限 在Linux系统中，有3种特殊权限，它们分别是Setuid(SUID)、Setgid（SGID） 和 Sticky Bit。 Setuid权限：通过Setuid权限，普通用户可以在执行某些特定程序时，拥有与程序所有者相同的权限。也就是说，该程序在执行时，会自动获取其所有者的权限，而不是 ......
实战：用“廉价”的NFS作为K8S后端存储
K8S后端存储：NFS 大家都知道，NFS是一种基于网络的文件系统协议，允许在不同的机器之间共享文件系统资源。在K8S中，可以使用NFS作为后端存储，以提供持久化存储和共享存储卷。但是否适合在生产环境使用NFS作为后端存储，这取决于具体的应用程序和使用场景。如果应用程序对性能和可靠性要求比较高，可能 ......
15.4折半查找原理及实战
#include<stdio.h> #include<stdlib.h> #include<time.h> typedef int ElemType; typedef struct { ElemType* elem; //整型指针 int TableLen; //存储动态数组里边元素的个数 }SST ......
前端三件套--盒子模型和布局
前端三件套--读书笔记（三）盒子模型和布局 一、盒子模型概述 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)、外边距(margin)。 在盒子结构中，元素内容被包含在边框中，边框也是具有一定 ......
在vue中为vuecal组件中的一个按钮添加点击事件
现在需要为一个按钮添加点击事件 由于vuecal文档中没有该按钮的点击事件，所以考虑使用原生dom为其添加点击事件 使用原生dom添加 使用this.$nextTick+.onclick this.$nextTick(() => { // 获取对应的 dom元素 var otest = docume ......
前端三件套--盒子模型和布局
前端三件套--读书笔记（三）盒子模型和布局 一、盒子模型概述 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)、外边距(margin)。 在盒子结构中，元素内容被包含在边框中，边框也是具有一定 ......
15.3顺序查找及实战
#include<stdio.h> #include<stdlib.h> #include<time.h> typedef int ElemType; typedef struct { ElemType *elem; //整型指针,申请的堆空间的起始地址存入elem int TableLen; // ......
前端学习 node 快速入门 系列 —— 项目版权格式化
其他章节请看： 前端学习 node 快速入门 系列 项目版权格式化 需求 替换整个项目的版权信息，替换文件为 .c 和 .h 结尾。 分析 版权信息通常都在文件开头，通过是否有 copyright 来判断是替换版权还是新增版权 实现 通过 node 读取文件，过滤出 .c、.h 文件，然后用正则判断 ......
vue2源码-二、对象响应式原理
// 循环对象进行一次劫持 class Observer{ constructor(value){ this.walk() } walk(data) { // 重新定义属性 Object.keys(data).forEach((key) => defineReactive(data, key, da ......
vue项目打包不起：FATAL ERROR: Zone Allocation failed - process out of memory
背景：vue3 + ts 的项目，admin plus框架 ，打包不起node 版本 v16.13.1 网上搜索了，解决方法 1.设置环境变量NODE_OPTIONS--max-old-space-size=4000 ！！！！设置这个会导致阿里云oss浏览器无法打开 2. 在package.json ......
Vue3定义响应式变量
ref和shallowRef ref 深层次 shallowRef 浅层次的响应 ref 和 shallowRef 是不能一块写的，不然 会影响shallowRef 造成视图的更新 ref和reactive ref 支持所有类型 reactive 支持引用类型 (Array Object Map S ......
vue iview table实现动态自定义表头
一、前言 众所周知，iview中有一个表格组件Table，用于展示多条结构类似的数据。之前遇到过一个需求，要手动控制table的表头显示。就是假如table表格一共有10列数据，可以通过设置勾选，决定显示多少列 二、代码 为了代码的复用性，将配置页面单独抽成了组件，所以代码中会有组件之间传值父组件（ ......
Vue笔记
1. 邂逅Vuejs 1.1 简单认识一下Vuejs Vue是一个渐进式的框架，什么是渐进式呢？ 渐进式意味着你可以将Vue作为应用的一部分嵌入其中，带来更丰富的交互体验 或者你希望将更多的业务逻辑使用Vue实现，那么Vue核心库以及其生态系统。 比如Core+Vue-router-Vuex，也可以 ......
Vue启用报错 RangeError: Invalid typed array length: -4095
近期开发的前端项目项目启用失败，记录下修复过程 RangeError: Invalid typed array length: -4095 错误原因：node版本问题，安装10.x.x 即可 重新安装： 1.将原来的nvm,node卸载 2.安装nvm 如果显示上面内容即安装成功 3. 在nvm上安 ......
vue全局公共方法调用
1.在assets文件夹下，新建文件夹，创建common.js 2.在main.js中引用 import common from "@/assets/common/common.js"; Vue.prototype.common = common; 3.在页面中使用 this.common.iCel ......
前端怎么实现web端上传超大文件
ASP.NET上传文件用FileUpLoad就可以，但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计：TextBox和Button按钮。 编辑 TextBox中需要自己受到输入文件夹 ......
vue3 封装组件中使用 pinia 报错
报错信息： Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia ......
从0到1构建基于自身业务的前端工具库
在实际项目开发中无论 M 端、PC 端，或多或少都有一个 utils 文件目录去管理项目中用到的一些常用的工具方法，比如：时间处理、价格处理、解析url参数、加载脚本等，其中很多是重复、基础、或基于某种业务场景的工具，存在项目间冗余的痛点以及工具方法规范不统一的问题 ......