组件 步骤 前端 横向
Vue-keep-alive 缓存组件 & 动态组件
动态组件： 动态组件：即组件是否展示需要根据条件判断，该组件即为动态组件 作用：多用于 tap 切换时某个板块展示对应组件内的内容 功能点：点击一级 tap 时，展示一级 tap 对应板块内容（一级组件）；点击二级 tap 时，展示二级tap对应的板块内容（二级组件） 示例图： 创建组件; 最外层包 ......
vue-echarts图表组件
封装代码： <!-- * @Descripttion：图表组件--> <template> <div class='YxkEcharts'> <VEcharts :params="echartsObj"></VEcharts> </div> </template> <script> // 图表 co ......
Vue-打印组件
组件代码： <el-button v-print="{id: 'print-content'}" icon="el-icon-printer">打印</el-button> // 插件 vue-print-nb 示例： ......
前端鉴权与后端鉴权方案
基础概念 在介绍鉴权方法之前，先要了解的是：什么是认证、授权、鉴权、权限控制以及他们之间的关系，有了他们做铺垫，那么才能做到从始至终的了解透彻 ~ 什么是认证？ 认证(Identification) 是指根据声明者所特有的识别信息，确认声明者的身份。 白话文的意思就是：需要用身份证证明自己是自己。 ......
Vue-表格组件封装
封装代码： <!-- * @Descripttion：表格组件--> <template> <div class='YxkTable'> <el-table :data="data" v-bind="tableBind" v-on="this.$listeners"> <ELTableColumn ......
Vue-搜索组件封装
组件代码： <!-- * @Descripttion：搜索组件--> <template> <div class='YxkSearch'> <el-form :model="form" :ref="$attrs.formRef" v-bind="$attrs"> <!-- 搜索项 --> <temp ......
Vue-Drag 拖拽组件
组件代码： <!-- 拖拽组件，使用说明见 README.md，--> <template> <div class='YxkDrag'> <VDraggable v-bind="dragBind(dragObj)" @start="dragStart" @end="dragEnd" v-on="th ......
0到1搭建前端监控平台
前言 前端监控是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目好比是在裸奔 文章分成以下六部分来介绍： 自研监控平台解决了哪些痛点，实现了什么亮点功能？ 相比 sentry 等监控方案，自研监控的优势有哪些？ 前端监控的设计方案、监控的目的 数据的采集方式：错误信息、性能数据、用户行 ......
前端录屏+定位源码，快速定位线上bug
前言 如何快速定位线上 bug，是多数开发者都会遇到的难题 web-see 前端监控方案，提供了 前端录屏+定位源码 方式，让 bug 无处藏身 最终效果 在监控后台，通过报错信息列表，可以查看具体报错的源码，以及报错时的录屏回放 效果演示： 录屏记录了用户的所有操作，红色的线代表了鼠标的移动轨迹 ......
Vue-表单组件
组件代码： <!-- * @Descripttion：表单组件--> <template> <div class='YxkForm'> <el-form :model="form" :ref="$attrs.formRef || 'ruleForm'" v-bind="formBind(formOb ......
基于Sentry的前端性能监控平台搭建与应用
一、Sentry 简介 Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。 这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关 ......
前端应该如何封装高扩展的axios请求库
我看了很多 axios 的封装，但是我感觉他们的封装。也不够自由，主要是写完之后，如果以后有东西需要修改的时候，还要回去拦截器进行修改。但是有一些东西拦截器可能是你以后的业务需求才需要添加的。 我就在想我能不能拦截器做成插件式的模式进行动态配置呢？例如下面的效果，点击添加一个请求缓存器，请求的时候就 ......
vue组件递归
这样的场景：渲染列表数据的时候，列表的子项还是列表。如果层级少尚且可以用几个 for 循环搞定，但是层级多或者层级不确定就有点无从下手了。 其实这就是树形结构数据，像常见的组织架构图，文件夹目录，导航菜单等都属于这种结构。很多组件库都带有树形组件，但往往样式不是想要的，改起来也非常的费劲。那么，如何 ......
vue2.0源码简读（3. 组件化）
3.1 createComponent 在分析 createElement 的实现的时候，它最终会调用 _createElement 方法，其中有一段逻辑是对参数 tag 的判断，如果是一个普通的 html 标签，上一章的例子那样是一个普通的 div，则会实例化一个普通 VNode 节点，否则通过 ......
MySQL实现主从复制(Windows)的明细操作步骤
https://blog.csdn.net/dgfdhgghd/article/details/128427294 文章目录 一、教学视频地址 二、设计思路 三、具体步骤 一、教学视频地址 视频地址：视频链接 二、设计思路 准备两个5.7版本的MySQL，一个用作主数据库，另一个用作从数据库。 把主 ......
在线CAD SDK前端库绘制规则多边形图形
前言 在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。 mxcad 是一个基于 TypeScript 的 ......
React AntD的Dropdown组件报错：React.Children.only expected to receive a single React element child.可能的n原因
React.Children.only expected to receive a single React element child. Error: React.Children.only expected to receive a single React element child. at ......
全栈工程师必须要掌握的前端Html技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
记录--alova组件使用方法（区别axios）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在我们写项目代码时，应该更加专注于业务逻辑的实现，而把定式代码交给js库或工程化自动处理，而我想说的是，请求逻辑其实也是可以继续简化的。 你可能会说，用axios或fetch api就够了啊，哪有什么请求逻辑，那可能是你还没有意识到这个问 ......
element中select组件加入滚动分页及模糊查询
element中select组件加入滚动分页及模糊查询 1.directive.js-自定义vue指令 import Vue from 'vue' export default () => { Vue.directive('loadMore', { bind (el, binding) { // 如 ......
springboot整合前端实现断点续传、大文件秒传以及多线程上传下载
前端，百度开源框架 webuploader新建upload.html webuploader官网地址： http://fex.baidu.com/webuploader/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit ......
Flutter 组件技巧 刷新数据
1. 起因 因为组件在创建后，放入widget数之后，就会调用 initState，执行一次里面的内容。 我之前的项目里， 有一个Stack，用来切换子页面，子页面有2级； 在子页面的initState里，我去获取后端的数据，看中了initState只调用一次，达到我获取一次然后拿来显示的目的 这样 ......
前端打印二维码
1、安装生成二维码的插件 vue-qr yarn add vue-qr // or npm install vue-qr --save 2、安装用于将html代码生成图片的插件 html2canvas yarn add html2canvas // or npm install html2canva ......
安防监控LiteCVR平台视频画面六分屏的开发步骤（附代码）
视频监控分屏画面技术是一种用于同时显示多个监控摄像头画面的技术。全屏显示时，单一摄像头占据整个屏幕，提供对单个区域的详细监控。多画面分屏则支持将多个摄像头的画面以网格形式分割在同一屏幕上，便于同时监控多个区域。 视频监控联网LiteCVR视频集中存储平台不仅支持1、4、9、16分屏，还能根据用户需求 ......
chromedriver 爬虫组件更新，114版本以上
1.解决问题 由于Google浏览器chrome自动更新导致python爬虫脚本无法启动，且浏览器版本大于114。 2.报错如下 selenium.common.exceptions.SessionNotCreatedException: Message: session not created: ......
iframe本身就不是动态语言，样式和脚本都需要额外导入.iFrame的本质是内联框架的缩写，它是HTML元素的一个组件
以下哪个选项的描述是错误的 A iframe是用来在网页中插入第三方页面，早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载 B iframe的创建比一般的DOM元素慢了1-2个数量级 C iframe标签会阻塞页面的的加载 D iframe本质是动 ......
vue2组件二次封装
有时候公共UI组件满足不了一些特定的需求样式，并且有较多地方使用同一个UI组件，这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点： 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......
BI 数据可视化平台建设（2）—筛选器组件升级实践
本文主要介绍了BI数据可视化平台建设中比较核心的筛选器组件， 涉及组件分类、组件库开发等升级实践经验，通过分享一些对交互和业务耦合度高的组件开发迭代的思考，希望可以给正在做组件重构解耦的读者带来启发。 ......
Ubuntu 上更换软件源的详细步骤
Ubuntu 上更换软件源的详细步骤：打开终端，输入以下命令备份原有的软件源列表： sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak打开软件源列表文件： sudo nano /etc/apt/sources.list将原有的软件源地址替换 ......