前端 布局 教程demo
前端性能优化的方法
前端性能优化主要有七种方法，包括减少请求数量、减少资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和webpack优化 1、减少请求数量 1.1 图片处理 1.1.1 雪碧图 雪碧图是根据css sprite音译过来的，就是将很多小图标放在一张图片上就称之为雪碧图，可以减少网 ......
DownKyi哔哩下载姬 V1.5.7安装使用教程
DownKyi哔哩下载姬 V1.5.7 使用教程 哔哩下载姬是一个简单易用的哔哩哔哩视频下载工具，具有简洁的界面，流畅的操作逻辑。 支持批量下载哔哩哔哩视频 支持批量下载bilibili视频。 哔哩下载姬可以下载几乎所有的B站视频，并输出mp4格式的文件；采用Aria下载器多线程下载，采用FFmpe ......
[Git/SVN] Gitee使用教程
1 Gitee Gitee 提供免费的 Git 仓库，还集成了代码质量检测、项目演示等功能。 对于团队协作开发，Gitee 还提供了项目管理、代码托管、文档管理的服务，5 人以下小团队免费。 CASE1 在IDEA中拉取Gitee仓库代码 Step1 前期准备 Step1.1 本地电脑安装Git h ......
前端学习_基础认知
网页组成： 文字、图片、音频、视频、超链接 代码转换为网页的软件：浏览器 渲染引擎 渲染引擎：浏览器中专门对代码进行解析渲染的部分。（是浏览器的内核） 浏览器 内核 备注 IE Trindent IE、360极速、百度 FireFox Gecko 火狐浏览器内核 Safari Webkit Appl ......
值得分享和收藏的Bootstrap学习教程
值得分享和收藏的Bootstrap学习教程 https://www.jb51.net/Special/334.htm 这里还有一个bootstrap 学习教程 更新时间：2016年05月12日 16:29:34 投稿：lijiao 这绝对是一套值得分享和大家收藏的Bootstrap学习教程，完整的知 ......
前端计算机网络
http常见状态码： 200 OK：非常常见，资源请求成功。 201 Created：资源创建成功 多见post请求 不常见。 301 永久重定向 ： http->https 如B站 掘金 换域名 。 302 临时重定向 ：请求后返回Location头部指示了新的URL，客户端会根据Location ......
git使用教程
git介绍：分布式版本控制器 https://git-scm.com/ SSH免密登录 分布式版本控制器相比集中式版本控制器的优点： 服务器断网的情况下也可以进行开发(因为版本控制是在本地进行的) 每个客户端保存的也都是整个完整的项目(包含历史记录、更加安全) git常用命令 |命令名称|作用| | ......
Vue2入门之超详细教程五-el和data的两种写法
1、简介 Data与el的2中写法： el有两种写法 (1) new Vue时配置el属性 (2) 先创建Vue实例，随后在通过vm.$mount(‘#root’)指定el的值 Data也有两种写法 (1) 对象式 (2) 函数式，搭配组件时，data必须使用函数式 一个重要的原则 由Vue管理的函 ......
Linux简易DDNS配置教程
DDNS与其在Linux系统上的应用 1.1 DDNS是什么，其作用是什么 DDNS（Dynamic Domain Name System，动态域名系统）是一种网络服务，它可以将动态 IP 地址映射到一个静态域名上。它的作用是，让你在没有静态 IP 地址的情况下，也能够通过一个固定的域名来访问你 ......
前端打包部署
打包部署 拉代码 git pull origin develop_dev 运行是否正确 npm run dev/serve 打包 npm run build:prod/stage 当你花掉钱不愁的时候是因为你有能力再去挣钱，就不愁花钱。钱花了就没了来源了，就会慌张。 开源节流。努力开源很重要。努力提 ......
Halcon学习教程一之提取十字线中心 图像分割
原文作者：aircraft 原文链接：https://www.cnblogs.com/DOMLX/p/17266405.html 废话不多说，因为毕业后工作原因比较忙，好久没更新博客了，直接上图。。。 上图有个十字线，我们要提取出十字线的中心（Ｈｈｈｈ这个线是我随手画的 没画直！！） 第一步：肯定是 ......
jpa转换枚举、转换以及入库数据、状态值发生变化可以不影响前端
import com.peony.common.enums.PlanStatus; import org.apache.poi.ss.formula.functions.T; import javax.persistence.AttributeConverter; import javax.pers ......
面包板使用教程 All In One
面包板使用教程 All In One (🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章！ 面包板 导通图解 揭开面包板背面的双面胶贴纸 ✅ https://youtu.be/spOV ......
JavaScript实现文件上传demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
JDK的安装教程
Java三大版本 javaSE: 标准版（桌面程序，控制台开发...） javaME：嵌入式开发（小家电，手机..） javaEE：E企业级开发（wed端，服务器开发..） 卸载JDK 删除java的安装目录 删除JAVA_HOME 删除path下关于Java的目录 java -version 安装 ......
CSS3-页面布局基础二——Box Model、边距折叠、内联与块标签
一、盒子模型（Box Model） 盒子模型也有人称为框模型，HTML中的多数元素都会在浏览器中生成一个矩形的区域，每个区域包含四个组成部分，从外向内依次是：外边距（Margin）、边框（Border）、内边距（Padding）和内容（Content），其实盒子模型有两种，分别是 ie 盒子模型和标 ......
基于Admin.NET框架的前端的一些改进和代码生成处理（1）
Admin.NET 是一套基于Furion/.NET 6实现的通用管理平台，模块插件式开发，框架包含了常规的权限管理、字典等管理模块，以及一些Vue3的Demo案例，框架前后端分离。后端基于基于Furion/.NET 6实现，底层集成SqlSugar；前端则是采用Vue-Next-Admin的前端框... ......
RabbitMq安装教程（超详细）
RabbitMq安装教程RabbitMq简介安装准备工具安装步骤（图文）RabbitMq简介1.1消息队列中间件简介消息队列中间件是分布式系统中重要的组件，主要解决应用耦合，异步消息，流量削锋等问题实现高性能，高可用，可伸缩和最终一致性[架构] 使用较多的消息队列有 ActiveMQ（安全），Rab ......
微前端框架single-spa子应用加载解析
本文主要通过对微前端框架single-spa的基座应用加载子应用的single-spa-vue函数库进行分析，通过代码维度分析让大家了解在single-spa加载子应用的时候都做了哪些事情。如何通过优化single-spa-vue函数库保持子应用的状态。 ......
V3.0（R2_2302） 前端上下文改造, 定位修改文件
-- iuap_yonbuilder_service库 -- 查询包含'AppContext'关键字的函数文件 SELECT e.description, e.source_flag, e.file_name, c.file_content, LOCATE( 'AppContext', c.file ......
基于 vue3 + vite + typeScript + Element-Plus + pinia + mock ... 从 0 到 1 搭建后台管理系统完整教程
项目说明 代码仓库地址 https://github.com/caix-1987/vue3-vite-typescript-elementplus-pinia 项目预览地址 https://caix-1987.github.io/vue3-vite-typescript-elementplus-pi ......
第二篇 前端安全 - 【 跨站请求伪造 CSRF + 点击劫持 ClickJacking 】
前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe 跨站请求伪造 - CSRF 1、跨站脚本伪造 - C ......
第三篇 前端安全 - 【 CDN劫持 + Iframe威胁 + 安全沙箱 - Sandbox 】
前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe CDN 劫持 1、什么是 CDN ？ CDN Con ......
CSS3-页面布局基础一
一、CSS概要 web前端开发者最最注的内容是三个：HTML、CSS与JavaScript，他们分别在不同方面发挥自己的作用，HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。当然内容与用户资源也是不能忽视的。尽量不要跨职责范围使用，有点“SRP单一职 ......
consul安装教程（linux系统）
consul安装教程（linux系统） 1.下载consul安装源 官网地址：https://www.consul.io/downloads 2.解压安装包 unzip consul_1.9.0_linux_amd64.zip 解压出的文件是一个可以执行的文件 consul 3.查看consul版本 ......
Redhat8 Apache 内网安装教程
一·依赖包以及下载地址 本文使用到的离线包： apr-1.7.0.tar.gz apr-util-1.6.1.tar.gz pcre2-10.40.tar.gz expat-2.1.0-14.el7_9.x86_64.rpm expat-devel-2.1.0-14.el7_9.x86_64.rpm ......
DXF解析成运动控制指令DEMO源代码，运动控制软件必备模块
DXF解析成运动控制指令DEMO源代码，运动控制软件必备模块。 支持比例缩放 支持按图层解析，各图层可按加工速度、加工参数等分开控制，各图层可选择加工或不加工 支持点、直线、圆、圆弧、多段线解析。 暂不支持椭圆、样条曲线、文字、填充内容解析。 支持任何运动控制平台，接口已预留好，只需增加派生类补充对 ......
第九篇 css - css3 新特性总结 - 【选择器 + 新样式 + 颜色渐变 + 动画 + 布局】
选择器 属性选择器 1、[attr]：选择包含 attr 属性的标签 2、[attr=value]：选择 attr 属性值为 value 的标签 3、[attr^=value]：选择 attr 属性值以 value 开头的标签 4、[attr*=value]：选择 attr 属性值包含 value ......
第八篇 css - 布局 - 【 浮动布局 + 定位布局 + flex 伸缩盒布局 + grid 网格布局 】
普通流 文档流 流式布局 分为 1、普通流 2、定位流 3、浮动流 不同流内的 块级元素 和 行内元素 的 布局方式 不同 布局方式用 FC 格式化上下文 来命名 1、块级格式化上下文 【 BFC 】 2、内联格式化上下文 3、层叠格式化上下文 4、灵活格式化上下文 块级格式化上下文 BFC 什么是 ......
微前端架构的业务价值：实现独立部署、快速迭代和按需加载
随着互联网应用的不断发展和迭代，传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求，微服务和微前端架构成为了近年来的热门话题。其中，微前端架构作为前端开发的新兴架构模式，不仅可以提高开发效率、迭代速度和用户体验，还可以提高团队的协作效率和代码复用率，具有很高的业... ......