工具 前端 工具箱 实时
【前端调试】- 断点调试的正确打开方式
我们有时候会不知道断点打在什么地方，比如想知道dom什么时候被修改的，网络请求在哪里 ，什么情况才断点。类似情况有很多，需要对应使用不同的打断点方式才可以提高效率,本文演示已VSCode Debugger为主，其实跟chrome是大同小异，不过更加直观方便。可以参考该文章 【前端调试】- 更好的调试 ......
详解JAVA线程问题诊断工具Thread Dump
摘要：Thread Dump是非常有用的诊断Java应用问题的工具。 本文分享自华为云社区《调试排错 - Java 线程分析之线程Dump分析》，作者：龙哥手记。 Thread Dump是非常有用的诊断Java应用问题的工具。每一个Java虚拟机都有及时生成所有线程在某一点状态的thread-dum ......
比Sqoop功能更加强大开源数据同步工具DataX实战
前面两篇连续介绍两个数据同步组件后，好事应有三，大满贯收场，本篇介绍主流的异构数据源离线同步工具DataX的框架设计和执行流程，将其与大名鼎鼎大数据同步组件Sqoop做对比，部署安装并通过配置基于MySQL和HDFS互为读写的实例场景和关键配置说明。 ......
详解前端缓存，解决前端换包之后环境中仍会出现旧版效果
前端项目修改了很多东西：比如bug啊，样式啊。当你把前端项目打包之后满心欢喜的在 Nginx（测试环境）换上它，然后在 Jira 上修改bug状态@测试人员复测。然后测试人员开始找你battle了，你的bug怎么还是没修改啊，但是你明明换上了最新的版本，中间到底出现了什么问题。打开控制台的 netw ......
一款简单易用的远程日志查看器，可实时查看云服务器上的日志数据
本文主要内容 介绍一款开发者工具（远程日志查看器）的使用说明和技术实现思路 源码地址：https://github.com/HackyleShawe/RemoteLogViewer 前置知识 SpringBoot基础知识 SSH：Secure Shell Web前端基础：HTML、CSS、JavaS ......
【开源】基于.net6+gtksharp实现的Linux下的图形界面串口调试工具
背景 22年初从上家互联网公司离职以后，充分认识到互联网行业的风险，公司在没有自身稳定产品的情况下，互联网行业就是一个烧钱的行业，支出远远大于收入来源，上家公司就是如此，12年的公司转瞬间轰然倒地，1000多号人面临失业，不幸的是本人也在其中。经过深思熟虑以后本人决定找个有自身稳定收入的企业，因此便 ......
前端工程化筑基-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属性值，找到页面中带 ......
前端程序员学python（爬虫向）(一文修到筑基期) （本文不含知识诅咒）
我踏马来辣 还有一件事： 本教程配合c语言中文网 python爬虫 教程 食用 本教程不适用于未成年人 一定要刷牙 本教程不存在知识诅咒 学完本教程即可进入筑基期 js 基础和本教程学习效率成正比 不要笑 暂时不要驾驶你的行李箱 本教程是针对前端程序员制定的 vscode是IDE大王，什么？你说vs ......
golang在win10安装、环境配置 和 goland开发工具golang配置 及Terminal的git配置
前言 本人在使用goland软件开发go时，对于goland软件配置网上资料少，为了方便自己遗忘、也为了希望和我一样的小白能够更好的使用，所以就写下这篇博客，废话不多说开搞。 一、查看自己电脑系统版本 （1）这里本人放一种查看，如果不适用还请大家自行百度 如何查看win系统版本 （2）处理器 上图中 ......
mitmproxy抓包工具
中文官网 https://ptorch.com/docs/10/mitmproxy-concepts-options 之前写过一篇博客介绍fiddler的 https://www.cnblogs.com/zichliang/p/16067941.html 今天来说说mitmproxy 也是一款不错的 ......
高级前端进阶（七）
最近行程码下线了，核酸检测也取消了，但是新冠病毒仍然存在，加上也是流感爆发时期，大家注意防护！！！ 阳性无症状，你可能并没有真的感染新冠，新冠病毒是比普通流感病毒要厉害的，会导致发烧的，而且传染性极强。 新冠病毒一旦入侵你的免疫系统，会疯狂繁殖，免疫系统会杀不过来的，那咋办？摆烂，启动终极保护系统（ ......
源码解读之TypeScript类型覆盖检测工具type-coverage
因为团队内部开启了一个持续的前端代码质量改进计划，其中一个专项就是TS类型覆盖率，期间用到了type-coverage这个仓库，所以借这篇文章分享一下这个工具，并顺便从源码阅读的角度来分析一下该工具的源码，我自己fork了一个仓库，完成了中文版本的ReadMe文件并对核心代码添加了关键注释，需要的同 ......
微前端中实现沙箱环境的方案调研
前言 在微前端实践过程中有一个必然会遇到的问题：全局作用域变量的污染问题，具体来说就是window对象挂载数据会被主子应用获取和修改导致数据相互污染问题，这时候如果能在应用之间做个数据隔离，最好能实现一个沙箱环境，对解决问题很有帮助。 iframe方案 说到沙箱隔离，首先想到的是iframe，自带数 ......
利用云服务提供商的免费证书，在服务器上发布https前端应用和WebAPI的应用
我们如果要在服务器上发布https前端应用和WebAPI的应用，那么我们就需要用到https证书了。我们一般发布的应用的云服务器上，都会提供一定量的相关的免费证书（一般为20个）供我们使用，每个一年期限，到期再续即可，一般情况下基本上满足要求了，本篇随笔介绍如何基于云服务提供商的免费证书，在服务器上... ......
实时采集MySQL数据之轻量工具Maxwell实操
一个用于企业应用支持实时增量采集和全量采集MySQL数据开源框架Maxwell，功能强于Canal，比Flink CDC更易用。本篇先了解其定义和原理，然后通过安装和环境准备，了解其启动的两种方式，最后实操演示几个maxwell在企业中常用的场景示例。 ......
Linux NTP工具的基本使用
NTP 时间同步 NTP（Network Time Protocol）协议，网络时间协议。利用ntp协议可以实现网络中的计算机时间同步。 实现NTP协议的工具： ntpdate：只能同步一次时间 ntp：持久同步时间 chrony：持久同步时间，精度比上面的ntp更好，速度更快。 使用ntpdate ......
如何优化大场景实时渲染？HMS Core 3D Engine这么做
在先前举办的华为开发者大会2022（HDC）上，华为通过3D数字溪村展示了自有3D引擎“HMS Core 3D Engine”（以下简称3D Engine）的强大能力。作为一款高性能、高画质、高扩展性的3D引擎，3D Engine不仅能通过实时光追、水体渲染、体积云雾、多维GPU粒子系统等技术还原真 ......
.Net执行SQL/存储过程之易用轻量工具
支持.Net/.Net Core/.Net Framework，可以部署在Docker, Windows, Linux, Mac。 由于该工具近来被广东省数个公司2B项目采用，且表现稳定，得到良好验证，故在此推荐出来。 此工具在IDataAccess接口中提供。 IDataAccess所在的命名空间 ......
五年经验的前端社招被问：CPU 和 GPU 到底有啥区别？
首先来看 CPU 和 GPU 的百科解释： CPU（Central ProcessingUnit，中央处理器）：功能主要是解释计算机指令以及处理计算机软件中的数据 GPU（Graphics ProcessingUnit，图形处理器；又称显示核心、显卡、视觉处理器、显示芯片或绘图芯片）：GPU 不同于 ......
【敏捷研发系列】前端DevOps流水线实践
作者：胡骏 一、背景现状 软件开发从传统的瀑布流方式到敏捷开发，将软件交付过程中开发和测试形成快速的迭代交付，但在软件交付客户之前或者使用过程中，还包括集成、部署、运维等环节需要进一步优化交付效率。因此Devops的产生将敏捷的相关理念扩展到运维侧，从而将产品、设计、开发、测试、运维团队更紧密的结合 ......
推荐一款采用 .NET 编写的 反编译到源码工具 Reko
今天给大家介绍的是一款名叫Reko的开源反编译工具，该工具采用C#开发，广大研究人员可利用Reko来对机器码进行反编译处理。我们知道.NET 7 有了NativeAOT 的支持，采用NativeAOT 编译的.NET程序 无法通过ILSpy 之类的传统工具得到源码，这款Reko 可能是唯一一款可以把 ......
简单的股票行情展示演示（一） - 实时标的数据
原文链接：简单的股票行情演示（一） - 实时标的数据 一、概述 很长一段时间都有一个想法，使用QCP去做一个行情展示小事例，一直没有着手开发的原因主要是行情数据源的问题，毕竟稳定的数据才是核心，加上今年5月份有了小宝宝也一直比较忙。 最近得空研究了下用C++实现股票行情展示相关内容，主要策略是通过拉 ......
前端学习 linux —— 软件安装(Ubuntu)
软件安装(Ubuntu) 本篇主要讲解 ubuntu 中软件的安装、apt 的源、内网部署案例（graylog 为例），最后是 python 开发准备。 apt 和 rpm 在linux 第一篇我们知道如果机器是 ubuntu 则可用 apt-get/dpkg 安装软件，如果是centos 则可用 ......
Chrome 103支持使用本地字体，纯前端导出PDF优化
在前端导出PDF，解决中文乱码一直是一个头疼的问题。要解决这个问题，需要将ttf等字体文件内容注册到页面PDF生成器中。但是之前网页是没有权限直接获取客户机器字体文件，这时就需要从服务器下载字体文件或者提示用户选择字体文件上传到页面。对于动辄数十兆（M）的中文字体文件，网络不好时并不是一个好的解决方 ......
MySQL 性能压测工具-sysbench，从入门到自定义测试项
sysbench是一个开源的、基于LuaJIT（LuaJIT 是 Lua 的即时编译器，可将代码直接翻译成机器码，性能比原生 lua 要高） 的、可自定义脚本的多线程基准测试工具，也是目前用得最多的 MySQL 性能压测工具。 基于 sysbench，我们可以对比 MySQL 在不同版本、不同硬件配 ......
TreeUtils工具类一行代码实现列表转树【第三版优化】 三级菜单 三级分类 附视频
一、序言 在日常一线开发过程中，总有列表转树的需求，几乎是项目的标配，比方说做多级菜单、多级目录、多级分类等，有没有一种通用且跨项目的解决方式呢？帮助广大技术朋友给业务瘦身，提高开发效率。 本文将基于Java8的Lambda 表达式和Stream等知识，使用TreeUtils工具类实现一行代码完成列 ......
EluxJS-让你像切蛋糕一样拆解前端巨石应用
大家好，EluxJS是一套基于“微模块”和“模型驱动”的跨平台、跨框架『同构方案』，欢迎了解... 可怕的巨石怪 工作中最可怕的是什么？是遇到业务复杂且乱作一团的巨石应用。改一发而动全身，无法渐进式重构，也没人敢对历史包袱进行优化，欠下的代码债只能像滚雪球一样越积越多，终于到某天玩不下去，大佬选择了 ......