杂记web js

【桥接设计模式详解】Java/JS/Go/Python/TS不同语言实现 简介 桥接模式（Bridge Pattern）是一种结构型设计模式，它将一个大类或一系列紧密相关的类拆分为抽象和实现两个独立的层次结构，来实现二者的解耦。参与桥接的接口是稳定的，用户可以扩展和修改桥接中的类，但是不能改变接口。 ......

简介 建造者模式（Builder Pattern），也叫生成器模式，属于创建型模式。它使用多个简单的对象一步一步构建成一个复杂的对象。它允许你使用相同的创建代码生成不同类型和形式的对象。 当你希望使用代码创建不同形式的产品 （例如各种商品和订单） 时， 一些基本部件不会变，而其组合经常变化的时候，就 ......

背景： 两张表，分别是 ：sys_tbl,和 sys_field,其中：sys_tbl 是系统所有表的信息，包含两个字段 ：code（表名）,name（表描述信息）；sys_fld 是记录第张表中的字段 的名称（field)和描述信息（table) , 截图如下： sys_tbl 其中，字段 名称包 ......

前言 本文内容基于《Web应用安全入门》公开课。 Prompt:下面是一篇课程音频转录后的文本，请把它转成老师和学生对话形式的文本，要求遵循原文结构，语言衔接流畅，保持 Markdown 结构。 New Bing: 你好，这是Bing。我可以帮你把课程音频转录后的文本转成老师和学生对话形式的中文文本 ......

写在前面 模块化开发是我们日常工作潜移默化中用到的基本技能，发展至今非常地简洁方便，但开发者们（指我自己）却很少能清晰透彻地说出它的发展背景， 发展过程以及各个规范之间的区别。故笔者决定一探乾坤，深入浅出学习一下什么是前端模块化。 通过本文，笔者希望各位能够收获到： 前端模块化发展的大致历史背景 � ......

〇、简介 MD5 是哈希算法（散列算法）的一种应用。Hash 算法虽然被称为算法，但实际上它更像是一种思想。Hash 算法没有一个固定的公式，只要符合散列思想的算法都可以被称为是 Hash 算法。 算法目的就是，把任意长度的输入（又叫做预映射 pre-image），通过散列算法变换成固定长度的输出， ......

一、通用的操作示例 1、查询 根据 id 查询（结果为单个对象） // 原生 js 写法 var elementobj = document.getElementById("elementid"); // 原生 js 链式查询写法（注意：被查询的对象需为单个唯一对象，若为 list 则返回失败） v ......

javaEE Web(Tomcat)深度理解 和 Servlet的本质 每博一文案 我所有的进步，只为更接近你。 上天没有给予人们公平的人生，有人拥有出奇的才能，便有人只能不辞辛苦的攀登阶梯，我默默地守望着一缕光芒，小心翼翼，如掬如束，可若长久凝望，一点会让自己，也受烫灼。 平凡的人生或是悲惨的际遇 ......

Node.js 是一种非常有前途的后端技术，它具有高性能、高可扩展性和轻量级等优点。Node.js 还可以用来开发命令行工具和跨平台桌面应用程序等，具有非常广泛的应用场景。 ......

音频数字信号处理 Audio DSP (Digital Signal Processing) 是一个复杂又专业的话题，本文介绍的是如何从音频中实时分析和识别出特定频率信号的一种方法，对应的代码为可运行在浏览器中的html5网页版（可移植）；可用于识别环境中特定频率的声音、或噪声、乐器弹奏的音调。 在 ......

前言 JavaScript 原型是该语言中一个非常重要的概念。理解原型是理解 JavaScript 的关键。在本篇技术博客中，我们将深入探讨 JavaScript 的原型概念，并介绍常用的操作对象原型的方法。(欢迎点评,欢迎指正!) 什么是原型？ 在 JavaScript 中，每个对象都有一个原型（ ......

前言 在 JavaScript 中，apply、bind 和 call 是三个重要的函数，它们都是 Function.prototype 的方法。这些函数可以让我们动态地改变函数的 this 值，或者传递参数来执行函数。本篇博客将详细介绍 apply、bind 和 call 的使用方法以及它们之间的 ......

设计 c++ web 框架时候，想要一个框架缓存类，很多通用缓存类是用字符保存，作为框架内置就不要序列和反序列了，因为框架内部使用。 想给自己的paozhu c++ web 框架添加缓存类，参考了springboot 于是确定用单例设计模式缓存类模板。 c++11后静态变量已经统一为线程安全了，网络 ......

首先我们知道JavaScript引擎包括一个调用栈和堆，调用栈是代码实际执行的地方，使用执行上下文(执行环境)来完成；堆是非结构化的内存池，存储了应用程序所需要的所有对象。 执行上下文是什么？ 执行上下文包括全局执行上下文和执行上下文。 全局执行上下文：代码编译完成后进入调用栈执行首先创建全局执行上 ......

Kubernetes Pod Sidecar 简介 Sidecar 是一个独立的容器，与 Kubernetes pod 中的应用容器一起运行，是一种辅助性的应用。 Sidecar 的常见辅助性功能有这么几种： 服务网格 (service mesh) 代理 监控 Exporter（如 redis ex ......

本文内容主要汇总如何在 Three.js 创建的 3D 世界中添加物理效果，使其更加真实。所谓物理效果指的是对象会有重力，它们可以相互碰撞，施加力之后可以移动，而且通过铰链和滑块还可以在移动过程中在对象上施加约束。 通过本文的阅读，你将学习到如何使用 Cannon.js 在 Three.js 中创建... ......

单页面应用（SPAs）当处理实时、异步数据时，可以提供丰富的、可交互的用户体验。但它们也可能很重，很臃肿，而且性能很差。在这篇文章中，我们将介绍一些前端优化技巧，以保持我们的Vue应用程序相对精简，并且只在需要的时候提供必需的JS。 注意：这里假设你对Vue和Composition API有一定的熟 ......

前言 之前打某湖论剑，两道js的题，给我整懵逼了，发现以前都没对js做过多少研究，趁着被毒打了，先研究一波js原型链，未雨绸缪。 基础 protype 首先我们研究js原型链，得搞明白原型是什么，这里借用p神的举的一个例子： 在javascript中，我们定义一个类，需要以定义“构造函数”的方式来定 ......

Web 页面可以使用多种方式实现动画效果，其中最常用的有两种： CSS 动画：通过 CSS 中的 transition 和 animation 属性来实现动画效果。CSS 动画实现起来简单，性能消耗小，支持广泛。 JavaScript 动画：通过 JavaScript 代码来实现动画效果。JavaS ......

Web 服务器是一种用于存储，处理和传输 Web 内容的软件。它是一种特殊类型的服务器，具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言，如 PHP，JavaScript，Ruby，Python 等，并且支持动态生成 Web 页面。常见的 Web 服 ......

写代码的时候遇到这个问题了，在这里复习一下 2023.3.09：忽然发现写的有点绕口，再总结一下，普通函数this指向调用他的那个对象（动态的，this不是一定的），箭头函数this指向其父级作用域上下文（静态的，定义时就确定） 大家可以自己试一试，有问题随时交流 非箭头函数 非箭头函数的this指 ......

本文主要介绍在Node.js应用中， 如何用全链路信息存储技术把全链路追踪数据存储起来，并进行相应的展示，最终实现基于业界通用 OpenTracing 标准的 Zipkin 的 Node.js 方案。 ......

我曾经多次向人推荐Vim，其热情程度有些类似现在卖保险的，有的时候，人们会因为一些弥足珍贵的美好暗暗渴望一个巨大的负面，比如因为想重温手动挡的快乐而渴望买下一辆二十万公里的老爷车，比如因为所谓完美的音质而舍不得一个老旧的有线耳机，比如因为一个铜炉火锅而期待北京那漫长而寒冷的冬天。 ......

概况 web3-react是由Noah Zinsmeister开发的一个web3框架，主要功能是实时获取DApp里的关键数据（如用户当前连接的地址、网络、余额等）。 Noah也是著名的去中心化交易所uniswap里的工程师，因此这个库在uniswap里也已被大量的使用。 web3-react有两个版 ......

介绍 开发web2应用的时候，可以很方便找到很多优秀的UI库，比如antd，material ui，element ui等等，但web3应用对应的UI库却不多。 今天给大家介绍一款优秀的WEB3的UI库——Web3UI Kit，借助它内置的丰富组件，可以帮助开发人员快速开发出美观的web3页面。 安 ......

大家好，我是猫哥，好久不见！2022 年末的时候，我不可避免地阳了，借着身体不舒服就停更了，接踵而至的是元旦和春节假期，又给自己放了假，连年终总结也鸽了，一懈怠就到了 2 月中旬…… 现在是我家娃出生的第三个月，全家人大部分的时间和精力都在他身上，结果是幸福与疲累共存。新生儿是那么的可爱，又是那么的 ......

JavaScript 词法环境 本文主要讲解JS词法环境，我们将看到什么是词法环境，词法范围如何工作，函数内部的名称如何解析，内部属性，弄清楚词法环境利于我们理解闭包。让我们开始吧... 什么是词法环境？ 在理解闭包时，最大的混淆来源是术语“词汇环境”，或者只是“词汇”这个词。在计算机科学中术语“词 ......

前置说明 这篇介绍的在 Awesome GIS 基本上都有，经过我的筛选，在 npmjs.com 上也都能找到，方便融入日益强大的 npm 生态。不过这些库大部分都保留了全局库的形式，在非框架中也能使用。有一部分是浏览器 + NodeJS 双端可用的。 1. 与数据格式转换解析相关 1.1. 解析和 ......

简介 Quarkus是类似于Spring Boot的框架，可以方便大家进行Java开发。利用GraalVM的魔力，能更好的适应云原生的场景，极快的启动速度。 创建项目 在IDEA就直接有创建Quarkus项目的初始化工具，直接根据自己需要填好即可，非常方便： 选择自己需要的一些组件和依赖，我这里只选 ......

1 简介 我们进行Web API开发的时候，经常会使用Json格式的消息体，而Json格式非常灵活，不同的人会有不同的设计风格和实现，而JSON API提供了一套标准。但它并不提供直接实现。 Katharsis是JSON API的Java实现，使用它可以快速开发出Json based的Web接口，还 ......