前端 路由 动态
前端 - 解决el-table 无限拉伸问题
解决el-table 无限拉伸问题 设置表格的max-height <el-table border :data="tableData" max-height="500px"> 上一步设置成功后，在浏览器缩放条件下仍然存在无限拉伸的问题，这时需要做自适应 ::v-deep .el-table{ wi ......
前端之路 | 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 ......
动态库、静态库
函数库： 库是将源代码转换为二进制格式的源代码，别人可以使用库，但不能看到库中的内容。 静态函数库： 在程序在编译的时候就加入到目标程序中 优点： 1. 静态库被编译到程序中，加载速度快； 2. 发布程序时无需提供静态库，因为已经包含在程序中，所以移植方便 缺点： 1. 链接时全部拷贝到了程序中，多 ......
前端工程化实战：React 模块化开发、性能优化和组件化实践
前端工程化实战是指通过组织工作流程、使用工具和技术来提高前端开发效率和质量的一种方法。常见的前端工程化实践包括模块化开发、自动化构建、代码检查和测试、性能优化等。下面将简要介绍模块化开发、性能优化和组件化实践。 ......
前端三件套--盒子模型和布局
前端三件套--读书笔记（三）盒子模型和布局 一、盒子模型概述 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)、外边距(margin)。 在盒子结构中，元素内容被包含在边框中，边框也是具有一定 ......
前端三件套--盒子模型和布局
前端三件套--读书笔记（三）盒子模型和布局 一、盒子模型概述 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)、外边距(margin)。 在盒子结构中，元素内容被包含在边框中，边框也是具有一定 ......
前端学习 node 快速入门 系列 —— 项目版权格式化
其他章节请看： 前端学习 node 快速入门 系列 项目版权格式化 需求 替换整个项目的版权信息，替换文件为 .c 和 .h 结尾。 分析 版权信息通常都在文件开头，通过是否有 copyright 来判断是替换版权还是新增版权 实现 通过 node 读取文件，过滤出 .c、.h 文件，然后用正则判断 ......
spring boot单库动态分表实现【增删查】（含源码）
一.背景 现实场景中当个别业务数据量过大时会影响系统功能性能，当整个业务还没有达到分库的级别时，动态分表也是一个的选择，基本思想是按照一定维度将数据分表存储动态查询。本次实现的是基于springboot的单表动态增删查，首先分表的规则根据一个格式生产，包含时间在其中，每一条数据都可以解析其数据存在的 ......
使用eNSP模拟器配置单臂路由
知识点延伸：什么是单臂路由？ 答：单臂路由（router-on-a-stick）是指在路由器的一个接口上通过配置子接口或逻辑接口，并不存在真正物理接口的方式，实现原来相互隔离的不同VLAN、不同网段之间的通信。 本次配置使用设备：华为AR1220系列路由器一台，S5700系列二层交换机一台，PC两台 ......
vue iview table实现动态自定义表头
一、前言 众所周知，iview中有一个表格组件Table，用于展示多条结构类似的数据。之前遇到过一个需求，要手动控制table的表头显示。就是假如table表格一共有10列数据，可以通过设置勾选，决定显示多少列 二、代码 为了代码的复用性，将配置页面单独抽成了组件，所以代码中会有组件之间传值父组件（ ......
任何自定义动态右键菜单组件
如果自定义动态右键菜单组件，模块与模块之间互不影， 细节样式可以后续补充 注意点：Teleport解决定位问题，Transition解决动画问题 contextMenu组件 <template> <div ref="continerRef"> <slot></slot> <Teleport to=" ......
前端怎么实现web端上传超大文件
ASP.NET上传文件用FileUpLoad就可以，但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计：TextBox和Button按钮。 编辑 TextBox中需要自己受到输入文件夹 ......
从0到1构建基于自身业务的前端工具库
在实际项目开发中无论 M 端、PC 端，或多或少都有一个 utils 文件目录去管理项目中用到的一些常用的工具方法，比如：时间处理、价格处理、解析url参数、加载脚本等，其中很多是重复、基础、或基于某种业务场景的工具，存在项目间冗余的痛点以及工具方法规范不统一的问题 ......
vue实现路由懒加载（异步加载）及组件懒加载（异步加载）的方式
##转自：槐序之夏： https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的 ......
web前端样式绑定
#外联绑定 1.对象绑定： v-bind:class="classobject" 2数组绑定： v-bind:class="[class1,class2]" #内联绑定 <p v-bind:style="fontWeight:weight,color:color"> #非内联 <p v-bind:s ......
Java代理之jdk动态代理+应用场景实战
本文将先介绍jdk动态代理的基本用法，并对其原理和注意事项予以说明。之后将以两个最常见的应用场景为例，进行代码实操。这两个应用场景分别是拦截器和声明性接口，它们在许多开发框架中广泛使用。比如在spring和mybatis中均使用了拦截器模式，在mybatis中还利用动态代理来实现声明性接口的功能。因 ......
前端经典三栏布局
浮动实现 前面放置的两个div进行浮动，后面一个让其margin auto 居中 <style> /* 浮动三栏 */ .father div { width: 200px; height: 200px; } .left { background-color: red; float: left; } ......
3、动态数组
在这里，我们新创建一个数组类，对 Java 语言中的原始数组进行封装，使得它可以动态的扩容和缩容 Java 语言中也有类似的实现，叫 ArrayList，我们创建的数据类是它的简化版本，下面是代码实现 public class Array<E> { private E[] data; private ......
前端--学习笔记
1.HTML是什么？ 是超文本标语语言。 是一种标记语言。 2.为什么要学HTML？学HTML是学什么？ 学HTML是为了给文档加了标记， 3.加标记为了什么？ 为了弄样式。 4.举例来讲HTML？ 5.所以学HTML是学什么？ 就是学各种加标签的方式， 学做记号，为了以后找。（找是为了加样式，变得 ......
第5章 使用路由将URL映射到Razor Pages（ASP.NET Core in Action, 2nd Edition）
本章包括（请点击这里阅读其他章节） 将 URL 映射到 Razor 页面 使用约束和默认值匹配 URL 从路由参数生成 URL 在第 4 章中，您了解了 MVC 设计模式，以及 ASP.NET Core 如何使用它为使用 Razor Pages 的应用程序生成UI。Razor Pages 包含类似小 ......
实现态展示数字（从0动态涨到指定数字）vue2与vue3
vue2 1 安装插件npm install vue-animate-number 2 在MAIN.JS中引入import Vue from 'vue'import VueAnimateNumber from 'vue-animate-number'Vue.use(VueAnimateNumber) ......
动态权限批量申请
@RequiresApi(api = Build.VERSION_CODES.M)@Overrideprotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentV ......
前端格式化时间
getTime(time) { var y = time.getFullYear() var m = time.getMonth() + 1 m = m < 10 ? '0' + m : m var d = time.getDate() d = d < 10 ? '0' + d : d var h ......
建立fragment（动态静态）
fragment建立 一：静态建立 StaticFragmentActivity：//建立StaticFragmentActivity来承载fragment public class StaticFragmentActivity extends AppCompatActivity { @Overri ......
Elsa Activity 下拉框值动态获取
前提条件 必须继承 Activity 功能属性上标注为 动态下拉框值指定 自定义的activity必须继承 IActivityPropertyOptionsProvider ， IRuntimeSelectListProvider 实现 IActivityPropertyOptionsProvide ......