Web Audio API 第2章 完美的播放时机控制
Web Audio API 第2章 完美的播放时机控制
相较于 标签, Web Audio API 拥有低延迟精确定时模型。
低延时对于游戏或交互式应用来说非常重要,因为交互操作时要快速响应给用户的听觉。如果响应的不及时,用户就会察觉到延时,这种体验相当不好。
在实践中,由于人类听觉的不完...[2024/3/25]
15 分钟带你感受 CSS :has() 选择器的强大 - xingba-coder15 分钟带你感受 CSS :has() 选择器的强大 - xingba-coder
最近看到了许多关于 :has() 选择器的知识点,在此总结下来。
MDN 对 :has() 选择器 的解释是这样的:
CSS 函数式伪类 :has() 表示一个元素,如果作为参数传递的任何相对选择器在锚定到该元素时,至少匹配一个元素。这个伪类通过把可容错相对选择器列...[2024/3/25]
AMD、request.js,生词太多,傻傻搞不清
前言
之前在公司用JS写前端页面,本来自己是一个写后端的,但是奈何人少,只能自己也去写了。但是自己对前端基本不懂,基本就是照着前人写的照着抄,反正大体意思是明白的,但是出现问题了,基本上也是吭哧吭哧好几天,也能解决,但是由于自己对前端这一套是一点都不懂,导致效率很低,而且经常返工。后来稍微学习了...[2024/3/25]
计算机网络-Keep Alive计算机网络-Keep Alive
问题背景
介绍两个经典的网络问题,
问题1: 访问位于Azure Application Gateway之后的nodejs server, 偶尔会触发502
问题2: 请求一个Azure App Service, 如果在230s之内请求没有返回,必定timeout
问题1分析
首先来分析问...[2024/3/25]
使用JMeter从JSON响应的URL参数中提取特定值
在使用Apache JMeter进行API测试时,我们经常需要从JSON格式的响应中提取特定字段的值。这可以通过使用JMeter内置的JSON提取器和正则表达式提取器来完成。以下是一个具体的例子,展示了如何从一个JSON响应中提取rowId的值,同时处理字符串终止符。
假设我们有以下JSON响...[2024/3/22]
前端优化 之 preload
为了优化我们公司网站的性能,我最近引入了浏览器预加载技术(Preload)。
这项技术可以显著减少级联情况,提高资源加载的并行度,从而加速网站的加载速度。
Preload的原理
Preload的原理是在浏览器解析HTML文档时,提前加载页面所需的关键资源,如样式表、脚本文件和字体等。
通过...[2024/3/22]
JSON Web Token 入门教程JSON Web Token 入门教程
本文收录于 Github.com/niumoo/JavaNotes,Java 系列文档,数据结构与算法!
本文收录于网站:https: www.wdbyte.com/,我的公众号:程序猿阿朗
JSON Web Token(JWT)是一种可以在多方之间安全共享数据的开放标准,JWT 数据经...[2024/3/20]
说JS作用域,就不得不说说自执行函数
一个兜兜转转,从“北深”回到三线城市的小码农,热爱生活,热爱技术,在这里和大家分享一个技术人员的点点滴滴。欢迎大家关注我的微信公众号:果冻想
前言
不得不吐槽,学个JS,这个概念也太多了,但是这些概念你不懂吧,代码你都看不懂,你都寸步难行。好吧,这又遇到了作用域方面的知识盲区,然后发现,又...[2024/3/18]
前后端分离之Ajax入门前后端分离之Ajax入门
前后端分离之Ajax入门
一、概念
Ajax(Asynchronous Javascript And XML),即是异步的JavaScript和XML,Ajax其实就是浏览器与服务器之间的一种异步通信方式。它可以异步地向服务器发送请求,在等待响应的过程中,不会阻塞当前页面,在这种情况下,浏览器可...[2024/3/15]
C# 中使对象序列化/反序列化 Json 支持使用派生类型以及泛型的方式
C# 中使对象序列化/反序列化 Json 支持使用派生类型以及泛型方式
废话
前言
为啥想写这个博客
最近自己写的框架有用到这个
类似工作流,支持节点编码自定义,动态运行自定义.
尽量减少动态解析这就需要确定类型.
有什么好的奇思妙想可以一起来讨论噢 (现在还是毛坯,测试...[2024/3/13]
第143篇:手写vue-router,实现router-view第143篇:手写vue-router,实现router-view
好家伙,
今天来手写我们的老伙计vue-router,
1.替换router
新开一个项目,并使用我们手写的router
2.大致结构
let Vue; 保存vue的构造函数
cla VueRouter {
constru...[2024/3/13]
为什么defineProps宏函数不需要从vue中import导入?
前言
我们每天写vue代码时都在用defineProps,但是你有没有思考过下面这些问题。为什么defineProps不需要import导入?为什么不能在非setup顶层使用defineProps?defineProps是如何将声明的 props 自动暴露给模板?
举几个例子
我们来看几个例子...[2024/3/13]
通过debug搞清楚.vue文件怎么变成.js文件
前言
我们每天写的vue代码都是写在vue文件中,但是浏览器却只认识html、c 、js等文件类型。所以这个时候就需要一个工具将vue文件转换为浏览器能够认识的js文件,想必你第一时间就想到了webpack或者vite。但是webpack和vite本身是没有能力处理vue文件的,其实实际背后生效...[2024/3/7]
WPF 应用迁移到 Electron 框架过程记录
前一段时间我用 WPF 开发了一个查看 emoji 表情的小工具 https: github.com/he55/EmojiViewer ,由于最近我使用 macOS 系统比较多,我想能在 macOS 系统上也能使用这个工具。于是我尝试将 WPF 应用迁移到 Electron 框架,感觉这个框架很...[2024/3/7]
Asp .Net Core 系列:Asp .Net Core 集成 Newtonsoft.Json
简介
Newtonsoft.Json是一个在.NET环境下开源的JSON格式序列化和反序列化的类库。它可以将.NET对象转换为JSON格式的字符串,也可以将JSON格式的字符串转换为.NET对象。这个类库在.NET开发中被广泛使用,因为它功能强大、易于使用,并且有良好的性能。
使用Newton...[2024/3/7]
现代 CSS 解决方案:accent-color 强调色现代 CSS 解决方案:accent-color 强调色
accent-color 是从 Chrome 93 开始被得到支持的一个不算太新属性。之前一直没有好好介绍一下这个属性。直到最近在给一些系统整体切换主题色的时候,更深入的了解了一下这个属性。
简单而言,CSS accent-color 支持使用几行简单的 CSS 为表单元素着色,是的,只需几行...[2024/3/1]
答应我,在vue中不要滥用watch好吗?答应我,在vue中不要滥用watch好吗?
前言
上周五晚上8点,开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求,并且维护这一块业务的同事已经下班走了,所以只有我来做。虽然内心一万头草泥马在狂奔,但是嘴里还是一口答应没问题。由于这一块业务很复杂并且我也不熟悉,加上还饿着肚子,在梳理代码逻辑的时候我差点崩溃了。需要...[2024/3/1]
优雅使用前端枚举Enum,符合国标的那种!优雅使用前端枚举Enum,符合国标的那种!
01、什么是枚举Enum?
枚举Enum是在多种语言中都有的一种数据类型,用于表示一组特定相关的常量数据集合,如性别(男、女)、数据状态(可用、禁用)、垂直对齐(顶端、居中、底部)、星期等。特点是数据值固定,不会变,存储和显示的内容不同。
然而在JavaScript中并没有枚举Enum类型...[2024/2/28]
前端树形Tree数据结构使用-🤸🏻?♂?各种姿势总结前端树形Tree数据结构使用-🤸🏻?♂?各种姿势总结
01、树形结构数据
前端开发中会经常用到树形结构数据,如多级菜单、商品的多级分类等。数据库的设计和存储都是扁平结构,就会用到各种Tree树结构的转换操作,本文就尝试全面总结一下。
如下示例数据,关键字段id为唯一标识,pid为父级id,用来标识父级节点,实现任意多级树形结构。"pid":...[2024/2/26]
Vue 3 的 setup语法糖到底是什么东西?Vue 3 的 setup语法糖到底是什么东西?
前言
我们每天写vue3项目的时候都会使用setup语法糖,但是你有没有思考过下面几个问题。setup语法糖经过编译后是什么样子的?为什么在setup顶层定义的变量可以在template中可以直接使用?为什么import一个组件后就可以直接使用,无需使用components 选项来显式...[2024/2/26]
如何基于three.js(webgl)引擎架构,实现3D密集架库房,3D档案室(3d机器人取档、机器人盘点、人工查档、设备巡检)
前言:
这是最好的时代,也是最坏的时代;是充满挑战的时代,也是充满机遇的时代。是科技飞速的时代,也是无限可能的时代。
近年来,人工智能(AI)技术的飞速发展已经席卷了全球,不断突破着技术边界,为各行各业带来前所未有的变革。作为引领未来的核心技术之一,AI正在深刻地改变着我...[2024/2/23]
测试也能开发 - 点击二级分类实现自动筛选功能
写在前面
怎么来诠释下现在的心情呢?
算是比较复杂吧,我也想过关于自己个人问题的事,始终是无解的状态。
35岁,变成了一个没有胆量、小心翼翼的年纪,甚至说慎重到说话都要反复思考的程度,先不说内耗问题了,真的就是负能量爆棚了,我有那么一阵极度怀疑自己丧失了和人沟通的能力。
今天,我cod...[2024/2/23]
vue3的宏到底是什么东西?
前言
从vue3开始vue引入了宏,比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setup顶层中使用这些宏?
vue 文件如何渲染到浏览器上
要...[2024/2/21]
玩转 CMS2
玩转 CMS2
上篇研究了样式、请求、evn、mock,感觉对效率的提升没有太明显作用。
比如某个工作需要2天,现在1天可以干完,这就是很大的提升。
提高效率的方法有代码复用、模块化、低代码工具。
目前可以考虑从代码复用方面下手,即使最低级的代码复制也可以。
要快速提高效率,需要对本地项...[2024/2/21]
初探富文本之文档diff算法初探富文本之文档diff算法
初探富文本之文档diff算法
当我们实现在线文档的系统时,通常需要考虑到文档的版本控制与审核能力,并且这是这是整个文档管理流程中的重要环节,那么在这个环节中通常就需要文档的diff能力,这样我们就可以知道文档的变更情况,例如文档草稿与线上文档的差异、私有化版本A与版本B之间的差异等等,本文就以Q...[2024/2/21]
零基础入门Vue之影分身之术——列表渲染&渲染原理浅析零基础入门Vue之影分身之术——列表渲染&渲染原理浅析
听我说
从 条件渲染 那一篇,我学习到了如何用Vue对dom节点根据条件显示
但单单有条件还不够啊,有时候数据是一大坨一大坨的数据,如果Vue不提供咱要么使用“v-html” 要么就没办法实现
v-html又感觉太low了,Vue提供了另外的指令更好的实现,那便是:列表渲染
列表渲染:v...[2024/2/7]
.NET中使用BootstrapBlazor组件库Table实操篇
前言
Table表格在后台管理应用中使用的是相当频繁的,因此找一个功能齐全的前端框架对于我们而言是非常必要的,因为封装完善的前端框架能够大大提升我们的工作对接效率。今天我们主要来讲解一下在.NET中使用BootstrapBlazor组件库的Table表格组件(本章使用的数据都是程序自动生成的模拟...[2024/2/7]
零基础入门Vue之画龙点睛——再探监测数据
追忆
上一节:零基础入门Vue之影分身之术——列表渲染&渲染原理浅析
虽然我深知,大佬告诉我”先学应用层在了解底层,以应用层去理解底层“,但Vue的数据如何检测的我不得不去学
否则,在写代码的时候,可能会出现我难以解释的bug
对此,本篇文章,将记录我对Vue检测数据的理解
...[2024/2/7]
常用TS总结
自己常用的 TS 写法总结,应该会一直更新。可使用 TS在线编译 校验 TS 语法。
基本用法
普通
const num: number = 10
const isStop: boolean = false
const title: string = ''常用TS总结''
const cu...[2024/2/7]
物联网浏览器(IoTBrowser)-MQTT协议集成和测试物联网浏览器(IoTBrowser)-MQTT协议集成和测试
一、简介
MQTT(消息队列遥测传输)是ISO 标准(ISO/IEC PRF 20922)下基于发布/订阅范式的消息协议。它工作在 TCP/IP协议族上,是为硬件性能低下的远程设备以及网络状况糟糕的情况下而设计的发布/订阅型消息协议,为此,它需要一个消息中间件 。
MQTT是一个基于客户端-...[2024/2/5]
一文搞懂 Vue3 defineModel 双向绑定:告别繁琐代码!一文搞懂 Vue3 defineModel 双向绑定:告别繁琐代码!
前言
随着vue3.4版本的发布,defineModel也正式转正了。它可以简化父子组件之间的双向绑定,是目前官方推荐的双向绑定实现方式。
vue3.4以前如何实现双向绑定
大家应该都知道v-model只是一个语法糖,实际就是给组件定义了modelValue属性和监听update:modelV...[2024/2/5]
Promise, async, await实现异步编程,代码详解
写在开头
一点题外话
其实最近在不断的更新Java的知识,从基础到进阶,以及计算机基础、网络、WEB、数据库、数据结构、Linux、分布式等等内容,预期写成一个既可以学习提升又可以面试找工作的《Java成长之路》!算是对自己学习的总结(笔记),也算是一种程序猿的记忆,现在大环境那么差,万一哪天转...[2024/2/5]
定制你的清爽Mac版Edge浏览器
浏览器每次打开都有个烦人的提示要获取将来的 microsoft edge 更新,需要 macos 10.15 或更高版本,找了很久也没有解决办法,有 windows 端的解决方案,有禁止更新的解决方案,就是没有 Mac 上如何避免这个告警的方案,于是走上 Edge 定制化之旅。
省流
直接...[2024/2/5]
零基础入门Vue之To be or not to be——条件渲染零基础入门Vue之To be or not to be——条件渲染
温故
上一节:零基础入门Vue之皇帝的新衣——样式绑定
在前面的内容能了解到,Vue不仅仅能进行数据渲染还可以对样式进行绑定
并且他能随意的切换样式,但Vue的初衷就是尽量少让使用者操作dom节点
加入你要让指定dom显示或者不显示,该怎么办呢?以目前的东西来说,不拿到dom节点还是做不到...[2024/2/5]
物联网浏览器(IoTBrowser)-Modbus协议集成和测试物联网浏览器(IoTBrowser)-Modbus协议集成和测试
Modbus协议在应用中一般用来与PLC或者其他硬件设备通讯,Modbus集成到IoTBrowser使用串口插件模式开发,不同的是采用命令函数,具体可以参考前面几篇文章。目前示例实现了Modbus-Rtu和Modbus-Tcp两种,通过js可以与Modbus进行通讯控制。
...[2024/2/2]
你想要的龙年特效来了
废话不多说,龙年腾云特效送给大家
预览
在线预览 龙年腾云
源码
龙是使用的 svg,你也可以替换成其他样式的龙,而云是图片转化成的 base64 编码,所以整个文件就是一个 html。
<!DOCTYPE html>
<html lang="en">
&...[2024/2/2]
从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架
项目代码以上传至码云,项目地址:https: gitee.com/breezefaith/vue-ts-scaffold
目录前言脚手架技术栈简介vue3TypeScriptPiniaTailwind CSSElement Plusvite详细步骤Node.js安装创建以 typescri...[2024/2/2]
uni-app+vue3会遇到哪些问题
已经用 uni-app+vue3+ts 开发了一段时间,记录一下日常遇见的问题和解决办法
uni-app 中的单端代码
uni-app 是支持多端,如果你想让你的代码,只在部分平台使用,那么就需要用的它的单端处理语法 #ifdef 和 #ifndef 等。
1. #ifdef xxx...[2024/2/2]
[西湖论剑 2022]web部分题解(更新中ing)
[西湖论剑 2022]Node Magical Login
环境!启动!(ノへ ̄、)
这么一看好像弱口令啊,(不过西湖论剑题目怎么会这么简单,当时真的傻),那就bp抓包试一下(这里就不展示了,因为是展示自己思路,这里就写了一下当时的NC思路,其实是不对的┭┮﹏┭┮)
不是BP弱口令?那好...[2024/1/29]
『Echarts』简介
目录一、前言二、『Echarts』简介1. 什么是『Echarts』三、数据可视化四、『Echarts』1.『Echarts』的作用2.『Echarts』能绘制哪些图表3.『Echarts』显示图表的原理五、总结
一、前言
本篇文章是『Echarts』系列文章的第 1 篇,主要介绍『E...[2024/1/29]
物联网浏览器(IoTBrowser)-电子秤模块及二次驱动开发
本章介绍电子秤模块的示例功能以及二次开发称重驱动的代码,二次开发以顶尖OS2型号驱动为示例,实现方式与物联网浏览器(IoTBrowser)-顶尖OS2电子秤协议实现类似,不同的是电子秤只需要采集重量不需要写入串口数据,实现一个称重抽象类即可。
一、电子秤示例功能
示例代码文件:\src\ap...[2024/1/29]
基于CefSharp开发浏览器(十)CefSharp.Wpf中文输入法偏移处理
一、前言
两年多来未曾更新博客,最近一位朋友向我咨询中文输入法问题。具体而言,他在使用CefSharp WPF版本时遇到了一个问题,即输入法突然出现在屏幕的左上角。在这里记录下处理这个问题的过程,希望能够帮助到其他遇到类似问题的开发者。让我们一起来探讨如何解决能更好的处理CefSharp WPF...[2024/1/26]
Concat、Push、Spread syntax性能差异对比
今天在力扣上做了一道数组扁平化的题,按理来说,应该熟能生巧了,但是在使用concat时候超出了时间限制,使用push可以通过,代码如下:
/**
* @describe 使用concat,超出时间限制
* @param {Array} arr
* @param {number} dept...[2024/1/26]
物联网浏览器(IoTBrowser)-顶尖OS2电子秤协议实现
本教程基于 物联网浏览器(IoTBrowser)-Web串口自定义开发 ,详细的过程可以翻看之前的文章。
本篇以实现顶尖OS2系列电子秤协议对接,并集成到IoTBrowser平台。由于没有找到OS2协议的官方文档,用串口助手抓包分析了一下,简单封装了一下实现代码...[2024/1/26]
WebAssembly入门笔记[2]:利用Memory传递字节数据WebAssembly入门笔记[2]:利用Memory传递字节数据
利用灵活的“导入”和“导出”机制,WebA embly与承载的JavaScript应用之间可以很便利地“互通有无”。《与JavaScript的交互》着重演示了如何利用函数的导入和导出实现功能的共享,接下来我们主要关注数据的传递或者共享。宗地来说,WebA embly与宿主程序之间的数据传递主要有...[2024/1/26]
没有虚拟DOM版本的vue(Vue Vapor)没有虚拟DOM版本的vue(Vue Vapor)
前言
随着Svelte和SolidJS的流行,无虚拟DOM模式逐渐开始火了起来。vue也推出了无虚拟DOM模式的版本,就是我们今天要讲的Vue Vapor。
什么是Vue Vapor
Vue Vapor是一个无虚拟DOM模式版本的vue。这个仓库是2023年11月9日基于vuej core仓库...[2024/1/26]
使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(37, 41, 51, 1) }
.markdown-body h1, .markdown-...[2024/1/26]
这一次,弄明白JS中的文件相关(二):HTTP请求头和响应头
(一)前置知识
开始前,我们先来复习一下HTTP的基础知识。
HTTP请求分为:请求行、请求头、空行、请求体(也叫正文、请求实体、请求主体)。
HTTP响应分为:状态行(也叫响应行)、响应头、空行、响应体(也叫正文、响应实体、响应主体)。
在HTTP请求中,最常见的GET请求是没有请求体...[2024/1/24]
Vue3 Diff算法之最长递增子序列,学不会来砍我!
专栏分享:vue2源码专栏,vue3源码专栏,vue router源码专栏,玩具项目专栏,硬核??推荐??
欢迎各位ITer关注点赞收藏??????
Vue2 Diff算法可以参考【Vue2.x源码系列08】Diff算法原理
Vue3 Diff算法可以参考【Vue3.x源码系列06】D...[2024/1/19]
Vue.js 原理分析Vue.js 原理分析
本文内容提炼于《Vue.js设计与实现》,全书共 501 页,对 Vue.js 的设计原理从 0 到 1,循序渐进的讲解。
篇幅比较长,需要花些时间慢慢阅读,在合适的位置会给出在线示例以供调试。
一、概览
Vue.js 是一款声明式框架,注重结果;早年间流行的 jQuery 是典...[2024/1/10]