浏览器 事件js ie
Going the distance with Babylon.js
作者：Josh Elster 前言：David Catuhe, creator and leader of the Babylon.js open source project 前言：如果在当时你告诉我，有一天有人会有足够的动力来写一本关于它的书，我会笑得无法自拔。而现在，我们依然这样想。当乔希告诉 ......
在Vue3+TypeScript 前端项目中使用事件总线Mitt
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。 ......
前端性能精进之浏览器（五）——JavaScript
JavaScript 是一种通过解释执行的高级编程语言，同时也是一门动态、弱类型的直译脚本语言，适合面向对象（基于原型）和函数式的编程风格。 直译语言可以直接在解释器中运行，而与直译语言相对应的编译语言（例如 C++），要先将代码编译为机器码，然后才能运行。 不过直译语言有一个弱点，就是如果有一条不 ......
【ASP.NET Core】在node.js上托管Blazor WebAssembly应用
由于 Blazor-WebAssembly 是在浏览器中运行的，通常不需要执行服务器代码，只要有个“窝”能托管并提供相关文件的下载即可。所以，当你有一个现成的 Blazor wasm 项目，没必要用其他语言重写，或者你不想用 ASP.NET Core 来托管（有些大材小用了），就可以试试用 node ......
AES 简介 以及 C# 和 js 实现【加密知多少系列】
〇、AES 简介 AES 的全称是 Advanced Encryption Standard，意思是高级加密标准。它的出现主要是为了取代 DES（Data Encryption StandardData Encryption Standard）加密算法的，因为我们都知道 DES 算法的密钥长度是 5 ......
RSA 简介及 C# 和 js 实现【加密知多少系列】
〇、简介 谈及 RSA 加密算法，我们就需要先了解下这两个专业名词，对称加密和非对称加密。 对称加密：在同一密钥的加持下，发送方将未加密的原文，通过算法加密成密文；相对的接收方通过算法将密文解密出来原文的过程，就是对称加密算法。 非对称加密：发送发和接收方通过不同的密钥加解密的过程就是非对称加密。发 ......
Three.js 进阶之旅：物理效果-3D乒乓球小游戏 🏓
本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fiber 及它的相关生态、使用 React Three Fiber 搭建基础三维场景、如何使用新技术栈给场... ......
DES & 3DES 简介 以及 C# 和 js 实现【加密知多少系列】
〇、简介 1、DES 简介 DES 全称为 Data Encryption Standard，即数据加密标准，是一种使用密钥加密的块算法，1977 年被美国联邦政府的国家标准局确定为联邦资料处理标准（FIPS），并授权在非密级政府通信中使用，随后该算法在国际上广泛流传开来。 在很长时间内，许多人心目 ......
js直接操作数据库会怎么样
这几天刷脉脉的时候看到一个话题初看觉得可笑，再看陷入沉思，最后还是决定花点时间想清楚，写下来。 确实没见人这么干过，为什么呢？ 技术限制 被技术限制了？据我所知目前没有面向js的数据库驱动，但反观现在的技术大潮，写一个面向js的数据库驱动应该也不是什么难事。安全限制被安全性限制了？js在网站中的分量 ......
模拟浏览器与服务器交互(简易TomCat框架)
模拟浏览器发送请求到服务器获取资源的思想和代码实现 浏览器发送请求到服务器获取资源的流程和概念 日常我们使用的浏览器,底层都是帮我们做了很多事情,我们只需要用,比如输入www.baidu.com,就可以访问百度的首页 那么它是如何做到的呢,其实简单来说就是浏览器在底层利用socket,将我们输入的地 ......
谈谈Selenium中浏览器驱动的日志
谈谈Selenium中浏览器驱动的日志 来源于一位同学，“老师为啥firefox执行后会有日志文件，chrome没有呢？” 比对 你打开chrome浏览器 from selenium import webdriver driver = webdriver.Chrome() 这样是没有日志的 同样的代 ......
前端性能精进之浏览器（三）——图像
HTTP Archive 在 2022 年关于多媒体的报告中指出，目前大概有 99.9% 的网站或多或少都会包含点图像。 并且高达 70% 的移动页面和 80% 的桌面页面的 LCP 指标会受图像的影响。 通过这些数据可知，图像在网页中占据着举足轻重的地位，优化图像，对于网页性能可以达到立竿见影的效 ......
前端性能精进之浏览器（四）——呈现
现如今，在呈现一个页面时，在浏览器中会打开众多进程，包括浏览器、渲染、插件、GPU、网络等进程。 浏览器进程负责存储、界面、下载等管理。在渲染进程中，运行着熟知的主线程、合成线程、JavaScript 解释器、排版引擎等。 而呈现一个页面大致可分为 4 个步骤： 浏览器进程处理用户在地址栏的输入，然 ......
重构SeleniumeDownloader底层浏览器驱动
一、解决bug：Selenium with PhantomJS，重构SeleniumeDownloader底层浏览器驱动 0、小背景： 想爬取外网steam的数据，但是steam官网在海外，加上steam处于反爬考虑，对于异步数据-json数据进行处理，导致如果直接去拿人家的ajax接口作为请求ur ......
基于NUXT.JS搭建一款VUE版SSR前端框架（解决SPA应用的SEO优化优化问题）
本文档是从官网文档中摘录的一些重点内容，以及加入了自己的一些调整和对官网内容的理解和解释。适合新手学习，有一定技术水平的宝子，建议直接查看 [NUXT英文官网] ......
Solon2 分布式事件总线的技术价值？
分布式事件总线在分布式开发（或微服务开发）时，是极为重要的架构手段。它可以分解响应时长，可以削峰，可以做最终一致性的分布式事务，可以做业务水平扩展。 ......
👋 和我一起学【Three.js】「初级篇」：0. 总论
「和我一起学 XXX」是我 2023 年的一个新企划，目的是向读者（也包括未来的自己）介绍我正在学习的某项新技术。文章会通过长期反复迭代的方式保持其内容的新鲜度。文章有较大内容更新时，会在文章开头进行更新时间说明（由于时间精力有限，更新的内容只能保障少数几个平台的同步，请见谅）。 1. 什么是 Th ......
【基数排序算法详解】Java/Go/Python/JS/C不同语言实现
说明 基数排序（RadixSort）是一种非比较型整数排序算法，其原理是将整数按位数切割成不同的数字，然后按每个位数分别比较。由于整数也可以表达字符串（比如名字或日期）和特定格式的浮点数，所以基数排序也不是只能使用于整数。基数排序的发明可以追溯到1887年赫尔曼·何乐礼在列表机（Tabulation ......
【选择排序算法详解】Java/Go/Python/JS/C 不同语言实现
【选择排序算法详解】Java/Go/Python/JS/C 不同语言实现 说明 选择排序（Selection Sort）是一种简单直观的排序算法。跟冒泡、插入排序一样，它将数列分为已排序和待排序两个区间。首先在待排序序列中找到最小（或最大）的元素，追加到已排序序列中，然后继续从待排序序列中寻找最小（ ......
【桥接设计模式详解】Java/JS/Go/Python/TS不同语言实现
【桥接设计模式详解】Java/JS/Go/Python/TS不同语言实现 简介 桥接模式（Bridge Pattern）是一种结构型设计模式，它将一个大类或一系列紧密相关的类拆分为抽象和实现两个独立的层次结构，来实现二者的解耦。参与桥接的接口是稳定的，用户可以扩展和修改桥接中的类，但是不能改变接口。 ......
【建造者设计模式详解】Java/JS/Go/Python/TS不同语言实现
简介 建造者模式（Builder Pattern），也叫生成器模式，属于创建型模式。它使用多个简单的对象一步一步构建成一个复杂的对象。它允许你使用相同的创建代码生成不同类型和形式的对象。 当你希望使用代码创建不同形式的产品 （例如各种商品和订单） 时， 一些基本部件不会变，而其组合经常变化的时候，就 ......
c# 递归应用 完成js文件自动引用
背景： 两张表，分别是 ：sys_tbl,和 sys_field,其中：sys_tbl 是系统所有表的信息，包含两个字段 ：code（表名）,name（表描述信息）；sys_fld 是记录第张表中的字段 的名称（field)和描述信息（table) , 截图如下： sys_tbl 其中，字段 名称包 ......
如何创建一个浏览器版的`Window11`
如何创建一个浏览器版的Window11 我们接下来将创建一个在浏览器运行的Window11，可以先看看效果图 这是基于Windows 11 in React修改的功能，我们接下来就将使用Windows 11 in React来创建我们的浏览器的Window11 通过Git拉取源码 git clone ......
Leftpad事件 我们是不是早已忘记该如何好好地编程？
Leftpad撤包事件、event-stream投毒事件、Ant Design彩蛋时间，使得我们不得不开始重新思考npm生态真的存在的问题，甚至去问自己：我们是不是早已忘记该如何好好地编程？ ......
批量下载浏览器网页中全部链接的方法
本文介绍在Chrome浏览器中，通过迅雷自动批量选中网页中全部下载链接并进行下载的方法。 前期的文章批量下载Landsat遥感影像的方法中，我们详细介绍了USGS遥感影像批量下载的方法。在利用这一方法生成每一幅影像的下载链接后，我们直接结合可以批量获取网页内下载链接的下载软件进行下载。而在这一过程中 ......
一文带你了解 JS Module 的始末
写在前面 模块化开发是我们日常工作潜移默化中用到的基本技能，发展至今非常地简洁方便，但开发者们（指我自己）却很少能清晰透彻地说出它的发展背景， 发展过程以及各个规范之间的区别。故笔者决定一探乾坤，深入浅出学习一下什么是前端模块化。 通过本文，笔者希望各位能够收获到： 前端模块化发展的大致历史背景 � ......
MD5 简介 以及 C# 和 js 实现【加密知多少系列】
〇、简介 MD5 是哈希算法（散列算法）的一种应用。Hash 算法虽然被称为算法，但实际上它更像是一种思想。Hash 算法没有一个固定的公式，只要符合散列思想的算法都可以被称为是 Hash 算法。 算法目的就是，把任意长度的输入（又叫做预映射 pre-image），通过散列算法变换成固定长度的输出， ......
如何操作（增、删、改、查）常见的 HTML 元素呢？（包含原生 js 和 JQuery 语法对照）
一、通用的操作示例 1、查询 根据 id 查询（结果为单个对象） // 原生 js 写法 var elementobj = document.getElementById("elementid"); // 原生 js 链式查询写法（注意：被查询的对象需为单个唯一对象，若为 list 则返回失败） v ......
如何移除事件监听器
在运行时清理你的代码是构建高效、可预测的应用程序，没有商量余地的部分。在JavaScript中，实现这一目标的方法之一是很好地管理事件监听器，尤其是当不再需要时移除它们。 有好几种方法可以做到这件事情，每种都有自己的一套权衡方法，使其在某些情况下更合适。我们将介绍几种最常用的策略，以及当你试图决定哪 ......
Node.js 未来发展趋势
Node.js 是一种非常有前途的后端技术，它具有高性能、高可扩展性和轻量级等优点。Node.js 还可以用来开发命令行工具和跨平台桌面应用程序等，具有非常广泛的应用场景。 ......