组件 步骤 前端 横向
FastCFS：FastDir-server、FastStore-server等服务器组件中的【[server-$id]】的多网卡多ip、单网卡不同port的精细配置
如题！ 之所以专门记录在此，是因为，作者官方的相关文档语焉不详、或无法轻易查找的到资料，让无经验的人不知如何配置（注：yuqing莫怪！） 其实，这些配置项，可以通过仔细研读程序启动的日志信息或提示获取到。 当然，如果你有功底，完全可以通过阅读源码获取到。 此处以FastDir-server的相关c ......
k8s前端js、css等资源文件CDN加速
序言：用户访问网站，网站的加载速度直接影响着用户体验问题；前端js、css等文件资源需要加速访问处理； 方案一：js、css、png等资源打包到文件服务器，文件服务器抛出连接，工程项目打包的时候publicpath使用文件服务器访问链接； 如图： 需要购买文件服务器，把资源文件推送到文件服务器上，由 ......
前端设计模式——MVVM模式
MVVM模式（Model-View-ViewModel）：它的目标是将用户界面（UI）的逻辑与业务逻辑分离。该模式的核心思想是将UI分为视图（View）和视图模型（ViewModel），并通过数据绑定实现二者之间的通信。 在MVVM模式中，视图（View）表示用户界面的呈现部分，视图模型（ViewM ......
使用vue2从零开始搭建自己的组件库（完整版）
前言 在前端开发中，除了常用的UI组件库以外，我们还会涉及到基于公司业务，需要定制化开发一些业务组件，还有随着项目的增多，开发人员的增多，为了提高工作效率，我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库，因为涉及到一些公司的业务，我们只能发布到私服的npm上。下面几点是我们 ......
谷歌浏览器插件：FeHelper（WEB前端助手）
背景 在现在的互联网时代，前端开发已经成为一个非常重要的领域。为了提高开发效率和质量，许多前端开发人员都喜欢使用一些相关工具来辅助他们的工作。而谷歌浏览器插件：WEB前端助手（FeHelper）就是其中一个非常受欢迎的选择。 FeHelper 是什么？ FeHelper 是一个谷歌浏览器插件，它提供 ......
Angular 复习与进阶系列 – Component 组件 の Angular Component vs Shadow DOM (CSS Isolation)
CSS Global Effect CSS style 是全局影响的. 假设我们有 2 个组件, AppComponent 和 TestComponent app html <div class="container"> <h1>Outside Hello World</h1> <app-test> ......
Web前端开发必看的100道大厂面试题
1. 说说gulp和webpack的区别 开放式题目 Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让Gulp执行这些task，从而构建项目的整个前端开发流程。通俗一点来说， ......
uni-app 滚动通知组件的实现
uni-app 滚动通知组件的实现 一、实现思路 二、使用scroll-view 组件实现 <template> <view class="notice"> <scroll-view class="notice-scroll" :scroll-y="true" :scroll-with-animat ......
2023.04.06 - vue组件中动态指定监听的值
业务场景：高拍仪给出的视频信息API回调里会不断返回图像数据。因为有主副摄像图像信息，并且两个图像信息会二选一展示在DOM容器里。所以就是二对一的关系。 // 主摄像数据 let priPic:string = ''; // 副摄像数据 let subPic:string = ''; // 展示在容 ......
Angular 复习与进阶系列 – Component 组件 の Pipe
介绍 Pipe 类似于 Template Syntax, 它的用途是 transform value for display. 参考: Docs – Understanding Pipes DatePipe 一个简单的例子, 我有一个 JavaScript 的 Date value, 我要 disp ......
Angular 复习与进阶系列 – Component 组件 の Template Binding Syntax
前言 这篇介绍一些基本的 Angular 模板语法. 参考 Docs – Understanding binding Render, Event Listening and DOM Manipulation Angular 作为一个 MVVM 框架, 有两个任务是一定要处理好的 1. First R ......
云计算时代前端如何保证开源代码的安全性
云技术和我们的生活息息相关，日常生活中访问的网页，刷的短视频，用的云盘等都是云计算提供的服务。那在云计算时代，前端可以做什么呢？ ......
vue前端实现上传文件,vue 上传文件
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
封装表单组件，如果通过计算属性来解决打破单项数据流问题
平常当我们封装表单组件时候，子组件修改了内容，会通过emit的方式触发父组件来修改数据或者使用发布订阅方式 ，从而保证单项数据流不被打破。 那如何 用computed 计算属性来简化该方式呢 form页面 <el-input v-model='model.keyword'> <el-select v ......
可视化组件g2之分组箱型图、柱形图、散点图简单使用
<!-- 引入 G2 文件 --> <script src="./plugins/g2.v5.min.js"></script> <style> .container { display: flex; } .div { height: 500px; } </style> <!-- 创建图表容器 -- ......
关于修改前端请求原生request加锁问题
1 正常情况后端获取前端的request请求：（原生已加锁，修改失效 校验） Map<String, String[]> parameterMap = req.getParameterMap(); ...... 报错：错误：java.lang.IllegalStateException: No mo ......
二次封装ui组件，如何做到属性，作用域插槽以及 实例方法的穿透使用
A页面： 在使用二次封装的组件 <MyInput ref='inputRef' v-model='data' placeholder='xxxx'> <template #prepend> ...... </template> <template #append> ...... </template ......
CAD命令行怎么恢复到初始状态？CAD命令行窗口恢复步骤
CAD制图过程中，为了提高绘图效率经常会用到各种命令，很多命令信息及操作提示会在CAD命令行中显示。可当不小心改变了命令行的状态时，该怎么办呢？下面就和小编来了解一下CAD命令行怎么恢复到初始状态吧！ CAD命令行窗口恢复初始步骤： 1、启动浩辰CAD软件后，调用OP命令，即可打开【选项】对话框。 ......
CAD如何测量连续线段长度？CAD测量连续线段长度步骤
在CAD绘图过程中，经常会绘制一些连续的线段，如果想要知道这些连续线段长度的话，该怎么操作吗？CAD如何测量连续线段长度？下面小编就以浩辰CAD软件为例来给大家分享一下CAD测量连续线段长度的具体操作步骤吧！ CAD测量连续线段长度步骤： 浩辰CAD软件中已经考虑到了这种需求，在CAD测量命令（DI ......
2023.04.06 - 使用mixin动态混入，对vue组件中的数据做兼容经验总结(xp)
业务场景：在一个高拍仪的硬件设备中，厂家给了两套不同的API，分别支持win XP 和 winXP以上版本的系统，而这两套API的实现方式截然不同，一套使用的是http通信，一套是使用scoket通信，方法的调用自然也是不同。 我需要在同一组件兼容这两套代码。这种需求下很明显，我除了修改组件里的函数 ......
直播平台软件开发，简单易修改的弹框组件
直播平台软件开发，简单易修改的弹框组件 弹窗组件 适用框架 vue, uniapp 使用再uniapp 框架中可简单修改标签与尺寸单位后使用 px与rpx <!-- vue --><template><div v-show="ishide" @touchmove.stop.prevent><!-- ......
SpringBoot中如何编写一个优雅的限流组件？
很早以前，我曾写过两篇介绍如何在SpringBoot中使用Guava和Redis实现接口限流的文章。具体包括： 使用Guava实现单机令牌桶限流 使用Redis实现分布式限流 现在，一个问题摆在我们面前：如何将这两种限流机制整合到同一个组件中，以便用户随时切换呢？ 显然，我们需要定义一个通用的限流组 ......
前端常见面试题笔记
/** * 防抖 * 一段时间内触发重新计时 */ function debounce (func, delay) { let timer = null; return function(){ if(timer) clearTimeout(timer) timer = setTimeout(() = ......
微前端架构：将应用拆分为多个小型模块，实现模块化设计
随着技术的不断发展和应用场景的不断变化，微前端架构也将不断演化和完善，成为更加成熟和稳定的前端架构模式，为开发者和企业带来更多的价值和机会。互联网应用的不断发展和迭代，传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求，微服务和微前端架构成为了近年来的热门话题。 ......
前端设计模式——MVC模式
MVC模式（Model-View-Controller）：是一种前端和后端都广泛应用的设计模式。它将应用程序的业务逻辑、数据表示和用户界面分离，使得开发人员可以独立地修改各部分而不影响其他部分。MVC设计模式有助于提高代码的可读性、可维护性和可重用性。 MVC是Model-View-Controll ......
将前端图片转为base64存储至本地服务器，并返回URL存入数据库。Vue、Element-UI、axios、node.js
核心步骤：将base64转为buffer并用fs.write()存入.png文件中，即可得到一张可展示的图片，将其路径写入数据库即可。非二进制或blob对象 第一：获取图片文件，将其转为base64，通过axios发送至后台node.js服务器 HTML： methods中： getBase64(f ......
centos8 postgresql14主服务器：192.168.80.128 从服务器：192.168.80.133 做主从复制，有哪些步骤，具体的命令是什么，从数据库需要初始化吗
centos8 postgresql14主服务器：192.168.80.128 从服务器：192.168.80.133 做主从复制，有哪些步骤，具体的命令是什么，从数据库需要初始化吗 为了进行主从复制，您需要在 PostgreSQL 主服务器和从服务器上执行以下步骤： 在主服务器上配置 Postgr ......
用python的pywinauto组件控制微信Windows版
使用pywinauto组件可以比较容易的操纵微信Windows版进行信息发送和接受 前提如下 1、已经安装有关python组件。 2、微信已经打开和登录，下面的代码不负责登录操作。 3、微信版本3.9.2.23 具体实现有两个类 1、帮助类Helper import datetime class H ......