VUE3 之 多个元素之间的过渡 - 这个系列的教程通俗易懂，适合新手
1. 概述老话说的好：过去不等于未来，过去成功了不代表将来也会成功，过去失败了也不代表将来也会失败。言归正传，今天我们聊聊多个元素之间的过渡。2. 多个元素之间的过渡2.1 两个元素交替显示<body> <div id="myDiv"></div></body><script> const app = Vue.createApp({ data(){ return { ...
2024-01-10
VUE3 之 状态动画 - 这个系列的教程通俗易懂，适合新手
1. 概述老话说的好：不用羡慕别人，每个人都有属于自己的人生道路，重要的是在前进道路上遇见阻碍时，如何去积极的面对并解决。言归正传，今天我们来聊聊 VUE 的状态动画。2. 状态动画2.1 数字加10的例子 <body> <div id="myDiv"></div></body><script> const app = Vue.createApp({ data(){ return...
2024-01-10
VUE3 之 动态组件 - 这个系列的教程通俗易懂，适合新手
1. 概述暗示效应告诉我们：巧妙的暗示会在不知不觉中剥夺我们的判断力，对我们的思维形成一定的影响，造成我们行为的些许改变或者偏差。例如你的朋友说你脸色不太好，是不是病了，此时，你可能就会感觉浑身不舒服、头重脚轻，想赶紧去看医生。而如果你的朋友对你说你脸色不太好，应该...
2024-01-10
什么叫内卷?通俗易懂地解释一下什么是内卷？
“内卷”这个网络用语不知何时开始在社会上流行起来，甚至成为人们挂在嘴边的口头禅。“太卷了”、“卷王”、“卷到家了”等等不绝于耳。甚至连七八十岁的老太太都把“内卷”这个词说出来。可是内卷的真正含义又有多少人知道呢？内卷，网络流行语，原指一类文化模式达到了某种最终的形...
2024-01-10
通俗易懂的C#之反射教程
前言之所以要写这篇关于C#反射的随笔，起因有两个:第一个是自己开发的网站需要用到其次就是没看到这方面比较好的文章。所以下定决心自己写一篇，废话不多说开始进入正题。前期准备在VS2012中新建一个控制台应用程序（我的命名是ReflectionStudy），这个项目是基于.net 4.0。接着我们打开Program.cs...
2024-01-10
通俗地解释一下RPC框架
什么是 RPC ？RPC (Remote Procedure Call)即远程过程调用，是分布式系统常见的一种通信方法，已经有 40 多年历史。当两个物理分离的子系统需要建立逻辑上的关联时，RPC 是牵线搭桥的常见技术手段之一。除 RPC 之外，常见的多系统数据交互方案还有分布式消息队列、HTTP 请求调用、数据库和分布式缓存等...
2024-01-10
通俗易懂的讲解一下Java的代理模式如何实现
一、代理模式的基本介绍何为代理模式呢？就是为对象提供一个替身，以控制对这个对象的访问，即通过代理对象访问目标对象，这样做的好处是可以在目标对象实现的基础上，增强额外的功能操作（ 在调用这个方法前做前置处理，调用这个方法后 做后置处理。），即扩展对象的功能（类似明星需...
2024-01-10
VUE3 之 列表动画 - 这个系列的教程通俗易懂，适合新手
1. 概述老话说的好：可以为别人解决痛点的产品就是好产品。言归正传，今天我们来聊聊 VUE 的列表动画。2. 列表动画2.1 列表中增加和删除元素<style> .my-item { display: inline-block; margin-right: 15px; }</style><body> <div id="myDiv"></div></body><script> const app = Vue.createApp(...
2024-01-10
VUE3 之 动画与过渡的实现 - 这个系列的教程通俗易懂，适合新手
1. 概述光环效应告诉我们：当一个人在某一方面取得了巨大的成功，人们就会给他贴上正面的标签，这个人从此就被“优秀”的光环所笼罩，他做的一切，人们都认为是正确的。例如：越是名气大的明星代言的商品，买的人就越多。反之亦然，当一个人在某一方面失败了，往往就会被贴上负面的标...
2024-01-10
通俗易懂了解Vue组件的通信方式
Vue框架倡导组件化开发，力求将一个大的项目拆分成若干个小的组件，就如同我们小时玩堆积木一样，一个大房子是由若干个小积木组成。组件化开发最大问题就是组件之间数据能够流通，即组件之间能够通信。而组件间通信无非就分为三种情况：外层的大组件向内部的小组件通信，内部的小...
2024-01-10
最通俗易懂的HashMap源码分析解读
文章已经收录在 Github.com/niumoo/JavaNotes ，更有 Java 程序员所需要掌握的核心知识，欢迎Star和指教。欢迎关注我的公众号，文章每周更新。HashMap 作为最常用的集合类之一，有必要深入浅出的了解一下。这篇文章会深入到 HashMap 源码，剖析它的存储结构以及工作机制。1. HashMap 的存储结构HashMap 的数据...
2024-01-10
底滤鱼缸原理
品牌型号：森森底滤鱼缸系统：HE-480底滤鱼缸的原理是让鱼缸中的水流入过滤设备中，接着通过物理与生物两个过滤区过滤，再由水泵抽回鱼缸中。当鱼缸里的水位过高时，就会有水进入溢流区。溢流区与下面的过滤设备连着。多出来的水进入过滤设备，然后经过其中物理区、生化区的过滤净化，流入水泵区。水泵区中有一个水泵，再将这些水抽回鱼缸中就完成了过滤。底滤是鱼缸过滤方式的一种，可以为滤材提供的空间最大，有利...
2024-01-14
通过实例解析布隆过滤器工作原理及实例
布隆过滤器布隆过滤器是一种数据结构，比较巧妙的概率型数据结构（probabilistic data structure），特点是高效地插入和查询，可以用来告诉你 “一定不存在或者可能存在”。相比于传统的 List、Set、Map 等数据结构，它更高效、占用空间更少，但是缺点是其返回的结果是概率性的，而不是确切的。布隆...
2024-01-10通过实例解析Socket套接字通信原理
一、Socket是什么Socket 的中文翻译过来就是“套接字”。套接字是什么，我们先来看看它的英文含义：插座。Socket 就像一个电话插座，负责连通两端的电话，进行点对点通信，让电话可以进行通信，端口就像插座上的孔，端口不能同时被其他进程占用。而我们建立连接就像把插头插在这个插座上，创...
2024-01-10
k2feo4净水原理
品牌型号：联想拯救者Y9000P系统：Windows 11k2feo4净水原理：FeO4（负二价）与水结合发生氧化还原反应，得到氢氧化铁沉淀和氧气。高铁酸钾是一种高效多功能的新型非氯绿色消毒剂。主要用于饮水处理。化工生产中用作磺酸、亚硝酸盐、亚铁氰化物和其他无机物的氧化剂，在炼锌时用于除锰、锑和砷，烟草工业用于香烟过滤嘴等。高铁酸钾纯品为暗紫色有光泽粉末。198℃以下干燥空气中稳定。极易溶...
2024-03-02
React Hook 的底层实现原理
原文https://medium.com/the-guild/under-the-hood-of-reacts-hooks-system-eb59638c9dba前言 新的React Hook系统在社区中引起的反响很大。人们纷纷动手尝试，并为之兴奋不已。一想到 hooks 时它们似乎是某种魔法，React 以某种甚至不用暴露其实例（起码没有用到这个关键词）的手段管理了你的组件。那么 React 究竟捣了...
2024-01-10
JAVA中实现原生的 socket 通信机制原理
本文介绍了JAVA中实现原生的 socket 通信机制原理，分享给大家，具体如下：当前环境jdk == 1.8知识点socket 的连接处理IO 输入、输出流的处理请求数据格式处理请求模型优化场景今天，和大家聊一下 JAVA 中的 socket 通信问题。这里采用最简单的一请求一响应模型为例，假设我们现在需要向 baidu ...
2024-01-10
深入讲解Socket原理
目录关于TCP/IP、UDP、Socket什么是TCP/IP、UDP？Socket在哪里呢？Socket是什么呢？你会使用它们吗？1、网络中进程之间如何通信？2、什么是Socket？3、socket的基本操作3.1、socket()函数3.2、bind()函数3.3、listen()、connect()函数3.4、accept()函数3.5、read()、write()等函数3.6、close()函数4、socket中TCP的三次握手建立连接详解...
2024-01-10
前端面试必考题：React Hooks 原理剖析
为什么要学习 React Hooks 原理首先，功利点来说：目前前端框架三分天下：React、Vue、Angular，而 React 自从 v16.8.0 版本正式推出 React Hooks 概念后，风势已经从原来的类组件猛地转向函数组件，这是一个在设计模式、心智模型层次，且非常近期的革新，因此只要是你谈到自己会 React ，就一定会在面试中被...
2024-01-10
深入理解Java Socket通信
简述Java中Socket分为普通Socket和NioSocket两种，这里介绍Socket。我们可以把Socket比作两个城市间的交通工具，有了它可以在两城之间来回穿梭，交通工具有很多种，每种交通工具也有相应的交通规则。Socket也一样，也有多种。大多情况下使用的是TCP/IP的流套接字，它是一种稳定的通信协议。（TCP/IP与UDP的...
2024-01-10Jackson原理探究—Mixins其一
使用场景Jackson mixins 用来实现在目标类的声明以及定义的情况下，实现 Jackson 的注解添加至目标类的效果。尤其我们在使用第三方类库的时候，这种机制就会显得尤为有用。接下来我们展示一些实际的使用场景示例：以 spring security 为例假设我们要反序列化这个类：package org.springframework.security.web.csrf;·...
2024-01-10
{%csrf_token%}原理和作用（踩坑必看）
简介在django中我们需要在templates的form中加入{%csrf_token%}这串内容，它的作用是当我们get表单页面时，服务器返回页面的同时也会向前端返回一串随机字符，post提交时服务器会验证这串字符来确保用户是在服务端返回的表单页面中提交的数据，防止有人通过例如jquery脚本向某个url不断提交数据，是一种...
2024-01-10
对socket的代码学习和自我理解与记录
<?phpclass Worker{ //监听socket protected $socket = NULL; //连接事件回调 public $onConnect = NULL; //接收消息事件回调 public $onMessage = NULL; public $workerNum=4; //子进程个数 public $allSocket; //存放所有socket public function __construct($socket_add...
2024-01-10
浏览器背后C++服务编译耗时优化原理及实践
导读本文从黑产攻击方式、木马恶意行为、监控及防御方案等角度对Lnkr木马进行分析，此类木马影响范围较广，攻击手法多样，但国内目前相关的资料却非常稀少，希望本文的实践经验和总结能对从事相关安全检测的同学有所帮助。一、事件概述2020年10月，美团安全运营平台发现流量中存在恶意Jav...
2024-01-10
存储卷原理和编排
Volume基础Volume(存储卷)是Pod中能够被多个容器访问的共享目录。k8s的volume被定义在pod上，与pod的生命周期相同，支持多种先进的分布式文件系统。下面是一个使用emptyDir类型挂载存储卷的例子：apiVersion: v1kind: Podmetadata: name: test-pdspec: containers: - image: k8s.gcr.io/test-webserver name: test-container volumeM...
2024-01-10详解编译器编译原理
详解编译器编译原理什么是gcc 什么是gcc：gcc是GNU Compiler Collection的缩写。最初是作为C语言的编译器（GNU C Compiler），现在已经支持多种语言了，如C、C++、Java、Pascal、Ada、COBOL语言等。gcc支持多种硬件平台，甚至对Don Knuth 设计的 MMIX 这类不常见的计算机都提供了完善的支持gcc主要特征 1）gcc是一个...
2024-01-10
Vue模板编译原理
写在开头写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换成虚拟 DOM 的呢？这一块对我来说一直是个黑盒，之前也没有深入研究过，今天打算一探究竟。Vue 3 发布在即，本来想着直接看看 Vue 3 ...
2024-01-10
内核编译步骤及模块管理
内核编译步骤及模块管理 设定内核参数的方法：echo VALUE > /proc/sys/TO/SOMEFILEsysctl -w kernel.hostname=能立即生效，但无法永安有效。 永久有效需要修改配置文件/etc/syctl.conf修改完配置文件不会理解生效，需要执行以下命令才能立即生效。sysctl -p 让内核从读配置文件 sysctl -a 显示所有内核参数及其...
2024-01-10
深入了解Vue3模板编译原理
目录ParseTransformcacheHandlershoistStaticprefixIdentifiersPatchFlagshoiststype 变化Codegen代码生成模式静态节点帮助函数 helpershelpers 是怎么使用的呢?如何生成代码？Vue 的编译模块包含 4 个目录：compiler-corecompiler-dom // 浏览器compiler-sfc // 单文件组件compiler-ssr // 服务端渲染其中 compiler-core 模块是 Vue 编译的核心模...
2024-01-10
【JS】浏览器原理--编译流程初探
Browser Introduction浏览器基础架构浏览器主要组成部分渲染引擎的基本工作流Parsing & DOM tree construction解析流程编译流程HTML解析遵循的原则：DOM Document Object Model 我们看一个例子被解析为解析算法流标记算法DOM树构造算法当解析器创建好时，Document 对象也创建好了在树的构建阶段，会改变包含 Document ...
2024-01-10
深入了解Vue3模板编译原理
目录ParseTransformcacheHandlershoistStaticprefixIdentifiersPatchFlagshoiststype 变化Codegen代码生成模式静态节点帮助函数 helpershelpers 是怎么使用的呢?如何生成代码？Vue 的编译模块包含 4 个目录：compiler-corecompiler-dom // 浏览器compiler-sfc // 单文件组件compiler-ssr // 服务端渲染其中 compiler-core 模块是 Vue 编译的核心模...
2024-01-10原始类型谓词导致编译错误
我不明白为什么原始类型Predicate会导致编译错误，即使我有一个类型转换。我们来看下面的例子：原始类型谓词导致编译错误从包含不同对象的列表中获取延伸Number的列表，并将其转换为Number并收集到List。List<Object> objectList = Arrays.asList(1, 3.4, 2, new Object(), ""); List<Number> numbers = objectList .stream() ...
2024-01-10
编译原理-语法编译器设计实现
实验目的掌握生成语法分析器的方法，加深对语法分析原理的理解。掌握设计、编制并调试语法分析程序的思想和方法。本实验是高级语言程序设计、数据结构和编译原理中词法分析原理等知识的综合。实验内容布置内容及要求输入：无二义性的上下文无关文法G一段词法分析的输出记号流输...
2024-01-10
