组件 步骤 前端 横向
js实现界面文字无缝横向滚动(轮播、跑马灯)
效果图： 1、HTML <div class="t3"> <div id="wrapper" class="wrapper"> <div id="marquee"> <span id="marqueeContent"></span> </div> </div> </div> 2、CSS .t3 { ......
Vue2组件插槽的使用笔记
Vue2插槽使用组件MyComponent.vue： <template> <div> <slot name="name1" :userName="'zhagnsan'"></slot> </div> </template> 复制 使用组件： <my-component> <template slo ......
前端领域驱动设计的一些思考
小结：1 因为前端框架其实本质上是高策略层级的，每个前端框架的一般都是来解决以下问题： 定义状态 （data、state） 状态变化检测 （Object.defineProperty、Proxy、React reconcilliation） 对状态更改做出反应 （Observable、hooks、单 ......
后端返回文件流前端下载PDF
getDownloadApi(value).then(res=>{ let blob=new Blob([res],{type:'application/pdf;chartset=UTF-8'}) const url = window.URL.createObjectURL(blob); const ......
前端ast
什么是抽象语法树 抽象语法树 Abstract Syntax Tree 简称AST，是源代码语法结构的一种抽象表示。 比如 const a = 123; ，用ast可以表示为 ast json表示为 { "type": "Program", "start": 0, "end": 14, "body" ......
n1. 组件自定义事件
组件自定义事件 组件自定义事件是一种组件间通信的方式，适用于：子组件 > 父组件 使用 使用场景 A是父组件，B是子组件，B想给A传数据。 1. 使用@或v-on 在这之前，我们是使用通过A给B传递函数类型的props实现B给A传数据。 //父组件 <School :getSchoolName="g ......
基于Admin.NET框架的前端的一些改进和代码生成处理（2）
在上篇随笔《基于Admin.NET框架的前端的一些改进和代码生成处理（1）》中大致介绍了一些关于对Admin.NET框架的前端的改造工作，主要目的就是希望能够增加代码的简洁和可读性，以及利用代码生成工具来快速生成相关的代码，从而减少开发过程中的繁琐问题。本篇随笔继续探讨一下，对其中一些模块功能进行一... ......
这5个汽车组件单元最易遭到网络攻击
报告数据显示：在过去5年中，全球汽车行业因为网络化攻击造成的损失超过5000亿美元，而近70%的汽车安全威胁由远距离的网络攻击引发。攻击者不需要在车辆附近，只要能够连接到车辆的网络系统，就可以发起攻击。 ......
vue动态切换组件
多个组件挂在到同一个组件上，通过参数进行动态切换 一、实现方式 <component :is="componentName"></component> 二、示例 import Page1 from './Page1' import Page2 from './Page2' import Page3 ......
界面控件DevExtreme Tree List组件——高性能的客户端树视图
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序，该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。 De ......
前端设计模式——享元模式
享元模式（Flyweight Pattern）：是一种用于优化对象创建和管理的设计模式。它旨在减少内存消耗和提高性能，通过共享具有相同状态的对象来实现这一目标。 具体来说，享元模式涉及两个主要的对象：享元工厂和具有共享状态的享元对象。享元工厂负责创建和管理共享对象，以确保每个对象只被创建一次。享元对 ......
第十五篇 vue - 基础 - 组件基础
组件基础 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑 Vue 同样也能很好地配合原生 Web C ......
前端性能优化的七大手段
前言 性能优化是我们前端的必备知识，可以说是每个人必须会的知识了，不仅平时会用到，连面试都会问到。那如何优化前端的性能呢？总共有七大手段 七大手段包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 如果不进行文件合并，有如 ......
Web前端入门html
1、初识HTML 1. HTML是什么 2. 列表、表格与媒体元素 3. 表单 1.1、什么是HTML？ Hyper Text Markup Language（超文本标记语言） 超文本包括：文字，图片，音频，视频，动画，超链接等 1.2、发展史 1.3、HTML5的优势 · 世界知名浏览器厂商对HT ......
前端性能优化的方法
前端性能优化主要有七种方法，包括减少请求数量、减少资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和webpack优化 1、减少请求数量 1.1 图片处理 1.1.1 雪碧图 雪碧图是根据css sprite音译过来的，就是将很多小图标放在一张图片上就称之为雪碧图，可以减少网 ......
威联通 Docker 创建Redis并完成配置的步骤，版本7.0.10
威联通 Docker 创建Redis并完成配置的步骤。 1、下载Redis配置文件，下载地址为（这里为7.0.1版本，与安装版本大版本号相近就行）：https://github.com/redis/redis/blob/7.0.10/redis.conf 。 2、修改配置文件教程：https://b ......
前端学习_基础认知
网页组成： 文字、图片、音频、视频、超链接 代码转换为网页的软件：浏览器 渲染引擎 渲染引擎：浏览器中专门对代码进行解析渲染的部分。（是浏览器的内核） 浏览器 内核 备注 IE Trindent IE、360极速、百度 FireFox Gecko 火狐浏览器内核 Safari Webkit Appl ......
前端计算机网络
http常见状态码： 200 OK：非常常见，资源请求成功。 201 Created：资源创建成功 多见post请求 不常见。 301 永久重定向 ： http->https 如B站 掘金 换域名 。 302 临时重定向 ：请求后返回Location头部指示了新的URL，客户端会根据Location ......
DataX和DataX-WEB 安装步骤
##一.安装DataX ###1. 简介 DataX 是阿里云 DataWorks数据集成 的开源版本，在阿里巴巴集团内被广泛使用的离线数据同步工具/平台。DataX 实现了包括 MySQL、Oracle、OceanBase、SqlServer、Postgre、HDFS、Hive、ADS、HBase ......
前端打包部署
打包部署 拉代码 git pull origin develop_dev 运行是否正确 npm run dev/serve 打包 npm run build:prod/stage 当你花掉钱不愁的时候是因为你有能力再去挣钱，就不愁花钱。钱花了就没了来源了，就会慌张。 开源节流。努力开源很重要。努力提 ......
vue 软键盘组件封装
场景和需求 1 软键盘固定 2 多输入框共用一个组件，聚焦切换时操作对象自动切换 3 根据光标在输入框的位置进行相应的输入和删除操作 4 点击软键盘时保存输入框光标活跃 5 输入框和键盘在一个弹窗组件中，弹窗打开时对其中一个输入框默认聚焦 6 样式方面，按键宽度自适应，可以给特定按键特定样式。 7 ......
jpa转换枚举、转换以及入库数据、状态值发生变化可以不影响前端
import com.peony.common.enums.PlanStatus; import org.apache.poi.ss.formula.functions.T; import javax.persistence.AttributeConverter; import javax.pers ......
第四部分：Spdlog日志库的核心组件分析-logger
Spdlog是一个快速且可扩展的C++日志库，它支持多线程和异步日志记录。在本文中，我们将分析Spdlog日志库的核心代码，探究其实现原理和代码结构。 Spdlog的基本架构 上一篇文章介绍了spdlog的五个主要组件，其中最重要是Logger、Sink和Formatter其中，Logger负责日志 ......
基于Admin.NET框架的前端的一些改进和代码生成处理（1）
Admin.NET 是一套基于Furion/.NET 6实现的通用管理平台，模块插件式开发，框架包含了常规的权限管理、字典等管理模块，以及一些Vue3的Demo案例，框架前后端分离。后端基于基于Furion/.NET 6实现，底层集成SqlSugar；前端则是采用Vue-Next-Admin的前端框... ......
Android开发-Android常用组件-Button按钮
4.3 Button(按钮) Button控件继承TextView ，拥有TextView的属性。 StateListDrawable简介 StateListDrawable是Drawable资源的一种，可以根据不同的状态，设置不同的图片效果，关键节点<selector>，我们只需要将Button的 ......
微前端框架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 ......
Vue子组件向父组件传值（this.$emit()方法）
子组件使用this.$emit()向父组件传值 首先必须在父组件中引用子组件，然后实现传值 第一步在父组件中引入子组件 import UnitByPurchaseAddOrUpdate from '@views/modules/matter/UnitByPurchaseAddOrUpdate' 声明 ......
第二篇 前端安全 - 【 跨站请求伪造 CSRF + 点击劫持 ClickJacking 】
前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe 跨站请求伪造 - CSRF 1、跨站脚本伪造 - C ......