文章资料还没有整理完，现在还不通顺，但是可以做笔记看 HTML是用于创建web页面和web应用程序的公开标准的标记语言。HTML文件基本上是纯文本文件，这意味着软件应用程序和普通人可以轻松地创建、读取和更新web页面。HTML的开放特性不仅使得用户可以使用简单的文本编辑器来编辑网站，而且任何人都可以查看源代码并复制其HTML源代码，并应用于其他地方。 然而，对于网站所有者或公司网站而言，可能会遇到需要保护HTML、图像、CSS、JavaScript代码免受浏览和盗用的情况。例如，您可能希望： 阻止竞争对手学习和复制您的JavaScript代码。 ...

前端面试一般喜欢问： 请手写一个带取消功能的延迟函数，axios 取消功能的原理是什么? 如何中断请求fetch的原理分析和应用？ 在看来《使用 AbortController 终止 fetch 请求》，觉得写的非常详细，于是提炼下笔记： AbortController背景介绍 在现在的浏览器中，有两种主要的方法发送请求：XMLHttpRequest 和 fetch。XMLHttpRequest 这个接口在浏览器中存在很长一段时间了，fetch 则是 ES2015 引入的特性。 XMLHttpReque...

xss与转义符 xss简单来说： XSS 攻击是页面被注入了恶意的代码 XSS 漏洞是 可以让攻击者注入恶意代码可执行的漏洞 具体参看之前写的： web开发前端安全问题总结——web前端安全问题汇总 https://www.zhoulujun.cn/html/webfront/SGML/web/2017_0503_8004.html 前端安全配置xss预防针Content-Security-Policy(csp)配置详解 https://www.zhouluju...

vuex目前比较流行的有：vuex-aggregate 、 vuex-class、vuex-module-decorators npm搜到相关的，看下趋势图：https://www.npmtrends.com/vuex-class-vs-vuex-class-component-vs-vuex-class-module-vs-vuex-class-modules-vs-vuex-module-decorators-vs-vuex-aggregate Stars Issues ...

行文前先安利下《再深谈TCP/IP三步握手&四步挥手原理及衍生问题—长文解剖IP 》、《再谈UDP协议—浅入理解深度记忆》 KCP协议科普 KCP是一个快速可靠协议，能以比 TCP浪费10%-20%的带宽的代价，换取平均延迟降低 30%-40%，且最大延迟降低三倍的传输效果。 纯算法实现，并不负责底层协议（如UDP）的收发，需要使用者自己定义下层数据包的发送方式，以 callback的方式提供给 KCP。 连时钟都需要外部传递进来，内部不会有任何一次系统调用。本文传输协议之考虑UDP的情况。 整个KCP协议主要依靠一个循环ikcp_update...

Java里面，new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。 但在 javascript 中，原型语言没类，只有对象与原型链继承 JavaScript 中 new 表达式的作用是生成一个对象。 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 new 关键字会进行如下的操作： 创建一个空对象（即{}）； 链接该对象（即设置该对象的构造函数）到另一个对象 ； 将步骤1新创建的对象作为this的上下文 ； 如果该函数没有返回对...

java里面，new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。 但在 javascript 中，原型语言没类，只有对象与原型链继承 JavaScript 中 new 表达式的作用是生成一个对象。 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 new 关键字会进行如下的操作： 创建一个空对象（即{}）； 链接该对象（即设置该对象的构造函数）到另一个对象 ； 将步骤1新创建的对象作为this的上下文 ； 如果该函数没有返回对象，则返回this。 根据这个步骤，手工实现new function cre...

面向对象编程：继承、封装、多态。 对象的继承：A 对象通过继承 B 对象，就能直接拥有 B 对象的所有属性和方法。这对于代码的复用是非常有用的。 在经典的面向对象语言中，您可能倾向于定义类对象，然后您可以简单地定义哪些类继承哪些类（参考C++ inheritance里的一些简单的例子），JavaScript使用了另一套实现方式，继承的对象函数并不是通过复制而来，而是通过原型链继承 回顾《再谈javascriptjs原型与原型链及继承相关问题》 什么是原型语言  只有对象,没有类；对象继承对象,而不是类继承类。  ...

面向对象编程：继承、封装、多态。 对象的继承：A 对象通过继承 B 对象，就能直接拥有 B 对象的所有属性和方法。这对于代码的复用是非常有用的。 在经典的面向对象语言中，您可能倾向于定义类对象，然后您可以简单地定义哪些类继承哪些类（参考C++ inheritance里的一些简单的例子），JavaScript使用了另一套实现方式，继承的对象函数并不是通过复制而来，而是通过原型链继承 回顾《再谈javascriptjs原型与原型链及继承相关问题》 什么是原型语言  只有对象,没有类；对象继承对象,而不是类继承类。  “原型对象”是核心概念。原型对象是新对象的模...

今天提交代码，push到GitHub上，突然出现这个问题。 remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information. fatal: unable to acce...

PNG文件识别 之前写过《JPEG/Exif/TIFF格式解读(1):JEPG图片压缩与存储原理分析》，JPEG文件是以，FFD8开头，FFD9结尾，中间存储着以0xFFE0~0xFFEF 为标志的数据段。 对于一个PNG文件来说，其文件头总是由位固定的字节来描述的，HEX： 89 50 4E 47 0D 0A 1A 0A 其中第一个字节0x89超出了ASCII字符的范围，这是为了避免某些软件将PNG文件当做文本文件来处理。文件中剩余的部分由3个以上的PNG的数据块（Chunk）按照特定的顺序组成，因此，一个标准的PNG文件结构应该如下：   PNG文件...

PNG格式的前世今生 png是一种无损压缩的位图片形格式，其设计目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。PNG使用从LZ77派生的无损数据压缩算法——LZW专利(Lempel-Ziv-Welch)压缩算法专利由Unisys持有，Unisys限制了GIF用在自由软件上的使用，也因此才有PNG格式的诞生。 GIF专利所人厂商Unisys是在1994年12月宣布开始课征GIF专利的版权税，在94年宣布之前，此一专利从1985年通过后并没有真正强制实施过。 对于Adobe这类软件大厂而言，缴交授权金来使用GIF专利并没有任何问题，但对于提供免费软件的...

C 和 C++ 之类的编译语言性能远超Java，但是生成的代码只能在有限的几种系统上执行，这就有了Java的存在基础(JVM-跨平台） 早期 Java 运行时所提供的性能级别远低于 C 和 C++ 之类的编译语言。 最早的时候，java是由解释器(Interpreter),将每个java指令转译为对等的微处理器指令，并根据转译后的指令先后次序依序执行，一个java指令可能对应十几或者几十个对等微处理指令，运行的时候还要先解释，在硬件条件差的情况下，执行速度是可想而知有多慢的 后面 Java 通过 JIT编译器（Just-in-time Compile...

之前整理过《Java注解(批注)的基本原理》，在java里面，，注解（Annotation）是油盐，对于JavaScript来说，还中世纪欧洲的东方香料 装饰器和注解 装饰器和注解之前也搞不清他们的具体理念，觉得都是基于元编程实现，注解就是装饰模式的一种吧。 注解（Annotation）：仅提供附加元数据支持，并不能实现任何操作。需要另外的 Scanner 根据元数据执行相应操作。 装饰器（Decorator）：仅提供定义劫持，可以对类，类的方法，类的属性以及类的方法的入参进行修改。不提供元数据的支持。 注解与装饰器两者之间的联系： 通过注解添加元数据，然后在装...