实时更新 前端 实时 标签
现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用
图片资源，在我们的业务中可谓是占据了非常大头的一环，尤其是其对带宽的消耗是十分巨大的。 对图片的性能优化及体验优化在今天就显得尤为重要。本文，就将从各个方面阐述，在各种新特性满头飞的今天，我们可以如何尽可能的对我们的图片资源，进行性能优化及体验优化。 图片类型的选取及 Picture 标签的使用 首 ......
前端算法之二分查找
在数组中查找指定元素,如果存在就返回它的位置,如果不存在,就返回-1。 这是一道非常经典的算法题，考的就是二分查找算法，首先分析二分查找的思路： 假设一个数组为 [3,5,19,22,25,33,45,47,57,66,71,78]（已经从小到大排好序），要求找出数值80的位置，如图： ps: g ......
如何提高前端性能——字体篇
前言 有时候前端开发需要使用到一些特殊字体，但宿主机上一般都没有安装相应的字体，所以需要将字体文件与前端代码一起打包以及用 CSS 定义使用。本文主要是想回答一个问题：在性能方面，我们可以怎么去优化前端需要加载的字体？ 一般优化的思路主要是两方面： 缩小字体文件 优化字体加载的方式 缩小字体文件 字 ......
Excelize 2.7.0 发布, 2023 年首个更新
Excelize 是 Go 语言编写的用于操作 Office Excel 文档基础库，支持 XLAM / XLSM / XLSX / XLTM / XLTX 等多种文档格式。2023年1月9日，社区正式发布了 2.7.0 版本，该版本包含了多项新增功能、错误修复和兼容性提升优化。 ......
【原创】linux实时应用如何printf输出不影响实时性？
本文介绍为什么linux实时任务不能直接调用printf，首先简单介绍一下printf终端输出原理，然后就如何实现终端输出不影响实时任务实时性问题给出一个方案，最后介绍xenomai中是如何做到完美`printf()`的。 ......
如何优雅地校验后端接口数据，不做前端背锅侠
背景 最近新接手了一批项目，还没来得及接新需求，一大堆bug就接踵而至，仔细一看，应该返回数组的字段返回了 null，或者没有返回，甚至返回了字符串 "null"？？？ 这我能忍？我立刻截图发到群里，用红框加大加粗重点标出。后端同学也积极响应，答应改正。 第二天，同样的事情又在其他的项目上演，我只是 ......
Redux与前端表格施展“组合拳”，实现大屏展示应用的交互增强
Redux 是 JavaScript 状态容器，提供可预测化的状态管理。它可以用在 react、angular、vue 等项目中, 但与 react 配合使用更加方便一些。 Redux 原理图如下，可以看到store仓库是Redux的核心，通过维护一个store仓库管理 state。state 是只 ......
表格集算表高性能原理——怎样实现纯前端百万行数据秒级响应
集算表 （Table Sheet）是一个具备高性能渲染、数据绑定功能、公式计算能力的数据表格，通过全新构建的关系型数据管理器结合结构化公式，在高性能表格的基础上提供排序、筛选、样式、行列冻结、自动更新、单元格更新等功能。 什么是集算表（Table Sheet）? 集算表是一个具有网络状行为和电子表格 ......
Jasypt与Apollo一起使用造成Apollo热更新失效问题分析
背景 近日业务同学反映在Apollo界面更改配置后, 服务中对应变量的值却没有改变 相关配置key定义如下: @ApolloJsonValue("${apollo.config.map:{}}") private Map<String, List<String>> apolloConfigMap; ......
.Net开发的系统安装或更新时如何避免覆盖用户自定义的配置
我们开发的系统，有时候会包含一些配置信息，需要用户在系统安装后自己去设置，例如我们有一个GPExSettings.xml文件，内容如下。 <GPExSettings ArcPythonPath="C:\Python27\ArcGIS10.8\python.exe" IsUseArcPython="F ......
你知道，前端工程部署有哪些方式嘛？
你知道，前端工程部署有哪些方式嘛？ 本文原文地址; 此文章是回答知乎问题总结而来。 我将其分为四个阶段：手动部署、命令工具部署、docker镜像部署、平台化部署。 这几个阶段，越往后越复杂，越往后越友好，毕竟平台化部署有备份还可回退，那是相当安全的。 手动部署 // 打包文件，生产dist目标文件 ......
【前端调试】- 借助Performance分析并优化性能
欢迎阅读本系列其他文章 【前端调试】- 更好的调试方式 VSCode Debugger 【前端调试】- 断点调试的正确打开方式 介绍 首先简单过一下Performance的使用，打开网页点击控制台Performance,录制5s的数据 其中 Main 这部分就是网页的主线程，也就是执行 Event ......
转义字符在前端开发中的详细介绍
说起转义字符，大家最先想到的肯定是使用反斜杠，这也是我们最常见的，很多编程语言都支持。 转义字符从字面上讲，就是能够转变字符原本的意义，得到新的字符。常用在特殊字符的显示以及特定的编码环境中。 除了反斜杠以外，在前端开发中，还有其他几种转义字符，也是较常见的，本文将对这些做一个总结。 字符串中的转义 ......
Bootstrap Blazor Viewer 图片浏览器 组件更新
支持流转图片(ImageFromStream), 用于本地项目例如 MAUI Blazor,Blazor hybrid 示例: https://blazor.app1.es/viewer 使用方法: 1.nuget包 BootstrapBlazor.Viewer 2._Imports.razor 文 ......
基于WebSocket的实时消息传递设计
概述 web管理系统中可以对业务数据执行新增和删除，现在需要当业务数据发生新增或删除操作后，尽可能实时的反应到WPF客户端上面。 web管理系统用VUE编写，后端服务为SpringBoot，WPF客户端基于.Netframework4.8编写。 整体架构 sequenceDiagram title: ......
前端Linux部署命令与流程记录
以前写过一篇在Linux上从零开始部署前后端分离的Vue+Spring boot项目，但那时候是部署自己的个人项目，磕磕绊绊地把问题解决了，后来在公司有了几次应用到实际生产环境的经验，发现还有很多可以补充的地方，很多指令和下载地址每次用到的时候再找就相对麻烦，通过这篇文章可以做一个记录。 另外，之前 ......
【Redis场景2】缓存更新策略(双写一致)
【Redis场景2】缓存更新策略(双写一致)，涉及缓存更新策略，数据库缓存不一致方案，异步重试等；每1~2周学习整理redis中的知识点和场景实现，希望有所输入输出，每天进步一点点。 ......
vivo 实时计算平台建设实践
vivo 实时计算平台是 vivo 实时团队基于 Apache Flink 计算引擎自研的覆盖实时流数据接入、开发、部署、运维和运营全流程的一站式数据建设与治理平台。 ......
前端使用工具规范commit信息
前言 通过工具规范git提交信息也是工程化的一部分，在前端领域有一些工具为我们提供了相关功能，在这里做一下使用总结。 commitlint commitlint是什么？ 就像eslint用来检查js代码是否标准，commitlint用来检查提交信息是否满足固定格式的工具。 同样，commitlint ......
用Echarts实现前端表格引用从属关系可视化
在金融行业，我们经常会有审计审查的需求，对某个计算结果进行审查，但是这个计算结果可能依赖多个单元格，而且会有会有多级依赖的情况，如果让我们的从业人员靠眼睛找，工作量巨大，而且准确性存疑，基本上死路一条，因此让整个审查过程可视化，迫在眉睫，现在我们利用纯前端表格和Echarts将审计审查过程可视化 一 ......
【前端调试】- 断点调试的正确打开方式
我们有时候会不知道断点打在什么地方，比如想知道dom什么时候被修改的，网络请求在哪里 ，什么情况才断点。类似情况有很多，需要对应使用不同的打断点方式才可以提高效率,本文演示已VSCode Debugger为主，其实跟chrome是大同小异，不过更加直观方便。可以参考该文章 【前端调试】- 更好的调试 ......
Safari浏览器对SVG中的<foreignObject>标签支持不友好，渲染容易错位
在 svg 中需要写一个 markdown 编辑器，需要用到 <foreignObject> 绘制来html，编辑器选择了 simplemde。大致html部分结构如下，<markdown-editor> 组件为定制封装好的 simplemde 编辑器。 <template> <svg> <g> < ......
详解前端缓存，解决前端换包之后环境中仍会出现旧版效果
前端项目修改了很多东西：比如bug啊，样式啊。当你把前端项目打包之后满心欢喜的在 Nginx（测试环境）换上它，然后在 Jira 上修改bug状态@测试人员复测。然后测试人员开始找你battle了，你的bug怎么还是没修改啊，但是你明明换上了最新的版本，中间到底出现了什么问题。打开控制台的 netw ......
一款简单易用的远程日志查看器，可实时查看云服务器上的日志数据
本文主要内容 介绍一款开发者工具（远程日志查看器）的使用说明和技术实现思路 源码地址：https://github.com/HackyleShawe/RemoteLogViewer 前置知识 SpringBoot基础知识 SSH：Secure Shell Web前端基础：HTML、CSS、JavaS ......
重新捋一捋React源码之更新渲染流程
前言 前些天在看Dan Abramov个人博客（推荐阅读，站在React开发者的角度去解读一些API的设计初衷和最佳实践）里的一篇文章，其重点部分的思想就是即使不使用Memo()，也可以通过组合的方式来减少组不必要的渲染。 作者在放出代码讲述结论的时候并没有细说原理只是一笔带过，所以笔者自己想着从R ......
前端工程化筑基-Node/npm/babel/polyfill/webpack
前端搬砖框架：开发 ⇨ 构建 ⇨ 部署上线 ⇨ 摸鱼。本文对前端工程中的基本组件，如Node.js，npm，babel，polyfill，webpack等框架用图形化、简洁的语言进行了简单的介绍。 ......
TypeScript 前端工程最佳实践
作者：王春雨 前言 随着前端工程化的快速发展， TypeScript 变得越来越受欢迎，它已经成为前端开发人员必备技能。 TypeScript 最初是由微软开发并开源的一种编程语言，自2012年10月发布首个公开版本以来，它已得到了人们的广泛认可。TypeScript 发展至今，已经成为很多大型项目 ......
怎么开发前端才更优雅
本文主要讲述对命名规范、工具、插件的一些建议，具体内容参见【参见】字样的超链接 本文将带你调整开发姿势，先来看以下几点 让公司给你配备三台显示器，第一台用来看浏览器效果，第二台用来写代码，第三台用来看开发者工具 让公司给你配备电竞椅，要可以躺下的那种，方便中午睡午觉 让公司给你配备独立办公室，并且可 ......
【博学谷学习记录】超强总结，用心分享|前端CSS总结（一）
CSS总结（一） shift+alt,选中多行 外链式 <link rel="stylesheet" href="./my.css"> 1 选择器 1.1 标签选择器 结构：标签名 1.2 类选择器 结构：.类名{ } 1.3 id选择器 结构：#id属性值{ } 作用：通过id属性值，找到页面中带 ......