一键自动化博客发布工具,用过的人都说好(腾讯云篇)
之前说过blog-auto-publishing-tools的实现方式是连到现有的浏览器中，而不是使用内置的浏览器。
其中一个很大程度的原因是像腾讯云这种博客发布平台几乎每天都需要重新登录一次，登录还需要手机扫码。所以自动化实现起来非常复杂。
所以，我们需要一个已经登录好的浏览器，来实现自动...[2024/5/21]
聊聊 JSON Web Token (JWT) 和 jwcrypto 的使用聊聊 JSON Web Token (JWT) 和 jwcrypto 的使用
哈喽大家好，我是咸鱼。
最近写的一个 Python 项目用到了 jwcrypto 这个库，这个库是专门用来处理 JWT 的，JWT 全称是 JSON Web Token ，JSON 格式的 Token。
今天就来简单入门一下 JWT。
官方介绍：https: jwt.io/introd...[2024/5/21]
『手撕Vue-CLI』处理不同指令
前言
在上一篇『手撕Vue-CLI』添加自定义指令中，已经实现了自定义指令的添加，但是指令还是比较简单的，只是简单的打印一句话，那么在实际运用场景中，可能会有更多的需求，比如可能需要在指令中传递参数，或者需要在指令中进行一些复杂的操作，那么这个时候我们就需要对指令进行处理了。
创建指令处理文...[2024/5/21]
vue3编译优化之“静态提升”
前言
在上一篇 vue3早已具备抛弃虚拟DOM的能力了文章中讲了对于动态节点，vue做的优化是将这些动态节点收集起来，然后当响应式变量修改后进行靶向更新。那么vue对静态节点有没有做什么优化呢？答案是：当然有，对于静态节点会进行“静态提升”。这篇文章我们来看看vue是如何进行静态提升的。
什么是...[2024/5/15]
CSS布局概念与技术教程CSS布局概念与技术教程
以下是一份CSS布局学习大纲，它涵盖了基本到高级的CSS布局概念和技术
引言
欢迎来到CSS教程！如果你已经掌握了HTML的基础知识，那么你即将进入一个全新的世界，通过学习CSS（Cascading Style Sheets，层叠样式表），你将能够赋予网页丰富的视觉效果和布局。CSS是前端...[2024/5/15]
Vue3学习（二十四）- 文档页面功能开发
写在前面
这部分真的感觉超级难，其实也不能说难，主要是真的想不到这个思路应该这么做，或者说他好厉害，他怎么知道该这么设计实现。
说下难点吧，我觉得后天逻辑还好，主要是前端部分真的需要点花点时间来思考，比如布局、交互设计的实现等等。
文档页面功能开发
1、任务拆解
增加文档页面，首页点击电...[2024/5/15]
ES 2024 新特性
ECMAScript 2024 新特性
ECMAScript 2024, the 15th edition, added facilities for resizing and transferring ArrayBuffers and SharedArrayBuffers; added a ...[2024/5/13]
vue和react的相同点和不同点
Vue和React作为现代前端开发中流行的两个JavaScript框架，它们有诸多相似之处，同时也存在一些关键性的不同。以下是Vue和React的一些主要相同点和不同点：
相同点：
虚拟DOM：Vue和React都使用虚拟DOM（Virtual DOM）来提高性能，减少直接操作真实DOM的频率...[2024/5/13]
【动画进阶】极具创意的鼠标交互动画
最近，群里在讨论这么一个有趣的交互效果，来源于：vueflow.dev：
通过审查元素，发现原效果借助了 Canvas 实现。
思索了一番，觉得这个效果利用 CSS 配合部分 Javascript 代码完全也是可以做到的。
于是动手尝试了一番，最终完美的复刻了该效果：
过程中还是...[2024/5/13]
web3.js：使用eth包web3.js：使用eth包
原文在这里
简介
web3-eth包提供了一套强大的功能，可以与以太坊区块链和智能合约进行交互。在本教程中，我们将指导您如何使用web3.js版本4的web3-eth包的基础知识。我们将在整个示例中使用TypeScript。
步骤 1：配置环境
在我们开始编写和部署我们的合约之前，我们需...[2024/5/13]
Echarts设置饼状图保证你看的明明白白
简单的饼状图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-wid...[2024/5/11]
element-ui使用el-date-picker日期组件常见场景
开始
最近一直在使用 element-ui中的日期组件。
所以想对日期组件常用的做一个简单的总结；
1.处理日期组件选择的时候面板联动问题
2.限制时间范围
解除两个日期面板之间的联动
我们发现2个日期面板之间其实是有联动关系的；
开始时间面板和结束时间面板始终只能相邻；
不能出现开始时间...[2024/5/11]
Canvas简历编辑器-我的剪贴板里究竟有什么数据
Canvas图形编辑器-我的剪贴板里究竟有什么数据
在这里我们先来聊聊我们究竟应该如何操作剪贴板，也就是我们在浏览器的复制粘贴事件，并且在此基础上聊聊我们在Canvas图形编辑器中应该如何控制焦点以及如何实现复制粘贴行为。
在线编辑: https: windrunnermax.github.i...[2024/5/8]
.NET开源、功能强大、跨平台的图表库 - LiveCharts2
前言
今天大姚给大家分享一个.NET开源（MIT License）、功能强大、简单、灵活、跨平台的图表、地图和仪表库：LiveCharts2。
项目介绍
LiveCharts2是一个.NET开源、简单、灵活、交互式且功能强大的.NET图表、地图和仪表，现在几乎可以在任何地方运行如...[2024/5/6]
vue3早已具备抛弃虚拟DOM的能力了
前言
jquery时代更新视图是直接对DOM进行操作，缺点是频繁操作真实 DOM，性能差。react和vue时代引入了虚拟DOM，更新视图是对新旧虚拟DOM树进行一层层的遍历比较，然后找出需要更新的DOM节点进行更新。这样做的缺点就是如果DOM树很复杂，在进行新旧DOM树比较的时候性能就比较差了...[2024/5/6]
小伙伴说VuePress太简洁了，还有没有其他博客推荐？
写在前面
自从上一篇文章发出来之后，不少小伙伴开始用VuePre 搭建自己的个人网站。
如果小伙伴也想用VuePre 零代码零成本搭建个人网站，可以看过来
传送门????
怎么零代码零成本搭建个人网站
当然了，也有小伙伴私信问我： 还有没有其他博客框架推荐，VuePre 搭建起来的个人网...[2024/5/6]
Util 应用框架 UI 全新升级
Util UI 已经开发多年, 并在多家公司的项目使用.
不过一直以来, Util UI 存在一些缺陷, 始终未能解决.
最近几个月, Util 团队下定决心, 终于彻底解决了所有已知缺陷.
Util 应用框架 UI 介绍
Util 应用框架 UI 建立在 Angular , Ng-Zor...[2024/4/29]
『手撕Vue-CLI』添加自定义指令
前言
经上篇『手撕Vue-CLI』添加帮助和版本号的介绍之后，已经可以在控制台中输入 nue --help 来查看帮助信息了，但是在帮助信息中只有 --version，--help 这两个指令，而 vue-cli 中还有很多指令，例如 create，serve，build 等等，所以本章将继...[2024/4/29]
为什么我反对过度使用TypeScript?为什么我反对过度使用TypeScript?
前言
在2024年, TypeScript肯定算不上什么新鲜的技术. 但是经过长时间的使用, 我认为可以使用, 但是要适度.
类型跟不上业务的变化
我们知道TypeScript的类型定义是业务的体现. 但是业务的变化在很多公司都是非常快的. 在产品功能上可能更改了一点点类型定义, 但是你的类型...[2024/4/29]
Web3开发者技术选型：前端视角(next.js)
引言
在现代Web开发的世界中，Web3技术的兴起为前端开发者开辟了新的可能性。Web3技术主要指的是建立在区块链基础上的分布式网络，使用户能够通过智能合约和去中心化应用（DApps）直接交互，而无需传统的中介机构。为了有效地开发Web3应用，前端开发者需要掌握一些关键的技术和工具，其中Next...[2024/4/23]
面试官：在原生input上面使用v-model和组件上面使用有什么区别？
前言
还是上一篇面试官：来说说vue3是怎么处理内置的v-for、v-model等指令？ 文章的那个粉丝，面试官接着问了他另外一个v-model的问题。
面试官：vue3的v-model都用过吧，来讲讲。
粉丝：v-model其实就是一个语法糖，在编译时v-model会被编译成:mo...[2024/4/23]
【布局进阶】巧用 :has & drop-shadow 实现复杂布局效果
最近，群里聊到了一个很有意思的布局效果。大致效果如下所示，希望使用 CSS 实现如下所示的布局效果：
正常而言，我们的 HTML 结构大致是如下所示：
<div cla ="g-container">
<div cla ="g-nav">
...[2024/4/23]
vue3 快速入门系列 —— 其他API
其他章节请看：
vue3 快速入门 系列
他API
前面我们已经学习了 vue3 的一些基础知识，本篇将继续讲解一些常用的其他api，以及较完整的分析vue2 和 vue3 的改变。
浅层响应式数据
shallowRef
shallow 中文：“浅层的”
shallowRef：浅的 ...[2024/4/23]
简单介绍 Vue 3.0 项目创建简单介绍 Vue 3.0 项目创建
一、前期转杯
确保电脑上已安装 node.js。
可通过命令 npm --version进行查询，如果展示了版本号，则说明已安装，若提示 npm 不是有内部或外部命令，也不是可运行的程序，则说明未安装，可进入官网下载并进行安装。
确保已安装 Vue CLI。
可通过命令 vue --V 查看...[2024/4/19]
面试官：来说说vue3是怎么处理内置的v-for、v-model等指令？
前言
最近有粉丝找到我，说被面试官给问懵了。
粉丝：面试官上来就问“一个vue文件是如何渲染成浏览器上面的真实DOM？”，当时还挺窃喜这题真简单。就简单说了一下先是编译成render函数、然后根据render函数生成虚拟DOM，最后就是根据虚拟DOM生成真实DOM。按照正常套路面试官接着会...[2024/4/19]
物联网浏览器(IoTBrowser)-整合机器学习yolo框架实现车牌识别
最近一段时间在研究AI技术在.Net平台的使用，目前AI绝大部分是使用Python开发，偶然一次在头条看到一篇ML.NET的介绍，是Net平台下开放源代码的跨平台机器学习框架。ML.NET详细介绍
https: dotnet.microsoft.com/zh-cn/app machinelea...[2024/4/19]
Vue 3 进阶用法：异步组件
一、代码分割
一个大型前端应用，如果所有代码都放在单一文件，体积会特别大，下载时间长，白屏时间久，用户体验差。
代码分割是一种有效的优化方式。提前把代码切分为多个小块，只下载当前必需的部分，用到哪块下载哪块。就像吃自助餐一样，吃多少拿多少。
早期的代码分割一般通过 webpack...[2024/4/19]
Web Audio API 第5章 音频的分析与可视化
到目前为止，我们仅讨论了音频的合成与处理，但这仅是 Web Audio API 提供的一半功能。另一半功能则是音频的分析，它播放起来应该是什么样子的。它最典型的例子就是音频可视化，但其实有更多的其它应用场景，包括声调检测，节减检测，语音识别等，这些已大大超出本书范围。
对于游戏或交互式应用开发...[2024/4/19]
手动给docusaurus添加一个搜索手动给docusaurus添加一个搜索
新版博客用docusaurus重构已经有些日子了，根据docusaurus的文档上也申请了Algolia,想一劳永逸的解决博客的搜索问题。但是流水有意，落花无情。
algolia总是不给我回复，我只能对着algolia的申请页面仰天长叹。
正常情况的申请
按照docusaurus官方文档上说...[2024/4/19]
使用JSZip实现在浏览器中操作文件与文件夹使用JSZip实现在浏览器中操作文件与文件夹
1. 引言
浏览器中如何创建文件夹、写入文件呢？
答曰：可以借助JSZip这个库来实现在浏览器内存中创建文件与文件夹，最后只需下载这个.zip文件，就是最终得结果
类似的使用场景如下：
在线下载很多图片，希望这些图片能分类保存到各个文件夹并最终下载成一个zip文件
在线下载很多文档，希望这...[2024/4/19]
物联网浏览器(IoTBrowser)-Java快速对接施耐德网络IO网关物联网浏览器(IoTBrowser)-Java快速对接施耐德网络IO网关
前一段时间有个Java技术栈的朋友联系到我，需要快速对接现有的无人值守称重系统，这里的对接是指替代现有系统，而非软件层面的对接，也就是利用现有的硬件开发一套替代现有软件的自动化系统。主要设备包括地磅秤、道闸、红外对射传感器、摄像头、小票打印、LED显示屏等等，全程使用LED显...[2024/4/15]
echarts X轴类目名太长时隐藏，hover时显示全部echarts X轴类目名太长时隐藏，hover时显示全部
echarts图表X轴
在柱状图中，X轴类目名如果数据太长；
echarts会默认进行隐藏部分字段；
如果我们想让每一个类目名都显示出来，需要进行额外的处理
X轴类目名太长时,默认只显示一部分类目名
<!DOCTYPE html>
<html lang="en">
&...[2024/4/11]
Avalonia中的布局
Avalonia是一个跨平台的.NET UI框架，它允许开发者使用C#和XAML来创建丰富的桌面应用程序。在Avalonia中，Alignment、Margin和Padding是非常重要的布局属性，它们与Panel元素一起使用，可以构建出各种复杂的用户界面。
Alignment、Margin 和...[2024/4/11]
vue3 快速入门系列 —— vue3 路由vue3 快速入门系列 —— vue3 路由
vue3 快速入门系列 - vue3 路由
在vue3 基础上加入路由。
vue3 需要使用 vue-router V4，相对于 v3，大部分的 Vue Router API 都没有变化。
Tip：不了解路由的同学可以看一下笔者之前的文章：vue2 路由
参考：vue2 路由官网、vue3...[2024/4/10]
父组件明明使用了v-model，子组件竟然可以不用定义props和emit抛出事件，快来看看吧
前言
vue3.4增加了defineModel宏函数，在子组件内修改了defineModel的返回值，父组件上v-model绑定的变量就会被更新。大家都知道v-model是:modelValue和@update:modelValue的语法糖，但是你知道为什么我们在子组件内没有写任何关于props...[2024/4/8]
一款比Typora更简洁优雅的Markdown编辑器神器（完全开源免费）
前言
自从Typora收费以后经常有朋友会问有没有一个好用、简洁、免费的Markdown编辑器推荐的，今天大姚给大家分享一款比Typora更简洁优雅的、完全开源免费（MIT License）Markdown编辑器神器：MarkText。
MarkText简介
Typora的完美替换Mar...[2024/4/8]
基于vue3的Crontab组件基于vue3的Crontab组件
网上找的没有满意的，决定从若依前后端分离其前端vue2中的crontab进行转换，先上效果
若依v2版：
改v3后：
v2转v3没什么难度，其中有大量的将 this.*** 替换为 ***.value，笔者写了个正则替换，希望可以帮助...[2024/4/8]
轻松上手Jackjson（珍藏版）
写在前面
虽然现在市面上有很多优秀的json解析库，但 Spring默认采用Jackson解析Json。
本文将通过一系列通俗易懂的代码示例，带你逐步掌握 Jackson 的基础用法、进阶技巧以及在实际项目中的应用场景。
一、Jackjson简介
Jackson 是当前用的比较广泛的，用来序...[2024/4/8]
Cesium 根据飞机航线计算飞机的Heading(偏航角)、Pitch(俯仰角)、Roll(翻滚角)Cesium 根据飞机航线计算飞机的Heading(偏航角)、Pitch(俯仰角)、Roll(翻滚角)
需求
设置飞机的一些坐标位置(经纬度高度)，插值得到更多的坐标位置，然后飞机按照这些坐标集合形成的航线飞行，飞机的朝向、俯仰角以及飞机转弯时的翻转角根据坐标集合计算得出，而不需要手动设置heading、pitch、roll。
坐标插值
不知道为什么，可能是飞行速度变化太大，我用Cesium自带...[2024/4/3]
前端 Typescript 入门
前端 Typescript 入门
Ant design vue4.x 基于 vue3，示例默认是 TypeScript。比如 table 组件管理。
vue3 官网介绍也使用了 TypeScript，例如：响应式 API：核心
华为的鸿蒙OS（HarmonyOS）开发中也可以使用 TypeS...[2024/3/29]
聊聊大模型"打字机"效果的背后技术——SSE
转载请注明出处：https: www.cnblogs.com/zhiyong-ITNote
SSE：Server Sent Event；服务器发送事件。
Server-Sent Events（SSE）是一种由服务器向客户端推送实时数据的技术。它是构建基于事件的、服务器到客户端的通信的一种...[2024/3/29]
React组件封装：文字、表情评论框
1.需求描述
根据项目需求，采用Antd组件库需要封装一个评论框，具有以下功能：
支持文字输入
支持常用表情包选择
支持发布评论
支持自定义表情包
2.封装代码
./InputComment.tsx
1 import React, { useState, useRe...[2024/3/29]
Linux服务器部署Web版VSCode，在window下使用浏览器在linux环境下编写代码
最近尝试了一下在Linux服务器上部署VSCode，也就是code-server，然后在windows电脑上通过浏览器访问打开在线编辑器编写代码，以下记录一下部署过程。
1、在linux服务器上安装code-server
a、进入到home目录下
b、创建vscode目录
c、进入vsco...[2024/3/29]
可视化学习：实现Canvas图片局部放大镜可视化学习：实现Canvas图片局部放大镜
前言
最近我在可视化课程中学习了如何在Canvas中利用像素处理来实现滤镜效果，在这节课程的结尾留了一道局部放大镜的题目，提示我们用像素处理的方式去实现这个效果，最终实现随着鼠标移动将图片局部放大，本着把学到的内容落地实践的想法，我就去思考了一番，但很不幸，我思考了好几天也没思考出结果，因为刚开...[2024/3/29]
Fastjson反序列化分析
依赖
先研究1.2.24版本的，版本高了就有waf了，不过也能绕，高版本以后再说
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artif...[2024/3/29]
Ant Design Vue Tree 选中子节点同时半选中父级节点
需要实现的效果：
1、子菜单如果不是全部选中，一级菜单半选。
2、子菜单全选，一级菜单选中。
3、一级菜单选择，二级菜单全选。
4、没有二级菜单，则只控制一级菜单。
主要用到的属性是checked和halfCheckedKeys，通过手动控制那些菜单选中，那些半选中实现功能。
**页面截...[2024/3/29]
无人不识又无人不迷糊的this
本文分享自华为云社区《3月阅读周·你不知道的JavaScript | 无人不识又无人不迷糊的this》，作者： 叶一一。
关于this
this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。
为什么要用this
随着开发者的使用模式越...[2024/3/27]
WPF实现html中的table控件
前言
相信很多做WPF开发的小伙伴都遇到过表格类的需求，虽然现有的Grid控件也能实现，但是使用起来的体验感并不好，比如要实现一个Excel中的表格效果，估计你能想到的第一个方法就是套Border控件，用这种方法你需要控制每个Border的边框，并且在一堆Bordr中找到Grid.Row，...[2024/3/27]
AntvG6-graph图谱工具
1 快速上手
1.1 在项目中使用 npm 包引入
Step 1: 使用命令行在项目目录下执行以下命令
npm install --save @antv/g6
Step 2: 在需要用的 G6 的 JS 文件中导入
import G6 from ''@antv/g6'';
1.2 在 ...[2024/3/27]
面试官：只知道v-model是:modelValue和@onUpdate语法糖，那你可以走了
前言
我们每天都在用v-model，并且大家都知道在vue3中v-model是:modelValue和@update:modelValue的语法糖。那你知道v-model指令是如何变成组件上的modelValue属性和@update:modelValue事件呢？将v-model指令转换为mode...[2024/3/26]
经验首页