自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

泯泷的博客

前端小朋友

  • 博客(18)
  • 收藏
  • 关注

翻译 「译」从简单到复杂 —— 软件四象限

的项目很难构建,但你知道最终结果是什么样的。这些都是优秀的机构或内部精干专家团队的项目。想想将一个老旧的代码库重构为现代标准,将一个古老的框架升级到新版本,或者在一个没有未知的领域构建一个范围严格的功能。的项目很难构建,而且你不知道最终结果是什么样的。的项目易于构建,但你不知道最终结果是什么样的。增长工程是一个很好的例子——你正在推动一个OKR(转化、保留)并尝试不同的事情来优化。如果你正在深入研究代码库的新领域或集成新的提供者,你应该更倾向于易于构建的功能。的项目易于构建,而且你知道你在构建什么。

2024-06-03 22:20:55 19

翻译 「译」从领域开始

原文:https://alexkondov.com/full-stack-tao-start-with-the-domain/原标题:Start With the Domain作者:Alexander你终于开始从事一个全新的项目了!或者也许你刚刚加入一家新公司或团队?也许你在大学被布置了一份作业,或者你最终决定尝试一下一个创业想法。你正在开始一个新的软件项目。但是,你需要先做其他事情,而不是设置存储库、购买域名、选择技术栈和研究技术细节。令许多工程师失望的是,你需要了解你所构建的业务和产品。

2024-06-01 22:58:53 16

原创 Web 安全字体和网络字体 (Web Fonts)

网络安全字体是由许多操作系统预先安装的字体。虽然不是所有的系统都安装了相同的字体,但你可以使用网络安全字体堆栈来选择几种看起来类似的字体,并且安装在你想支持的各种系统上。如果你想使用预装字体以外的字体,从CSS3开始,你可以使用网络字体。英文Web安全字体合集与网络安全字体不同,网络字体没有预先安装在用户的系统中。这些字体是由用户的浏览器在渲染网页时下载的,然后应用于你的文本。使用网络字体的主要缺点是它会减慢你网站的加载时间。在旧的浏览器中,对CSS3的支持也很有限,而使用网络字体是需要CSS3的。

2023-08-27 14:46:02 422 1

原创 Cross-Origin Read Blocking (CORB) 跨域读阻塞

跨源读取阻止 (CORB),这是一种算法,通过该算法可以识别可疑的跨源资源加载,并在它们到达网页之前被 Web 浏览器阻止。CORB 通过使敏感数据远离跨源网页来降低泄露敏感数据的风险。在大多数浏览器中,它将此类数据排除在不受信任的脚本执行上下文之外。在具有的浏览器中,它可以将此类数据完全排除在不受信任的渲染器进程之外,甚至有助于抵御边信道攻击。

2023-08-26 21:24:25 893

原创 UDP应知应会

文章仅作为给位考试、面试复习内容使用,不适合零基础学习UDP知识。

2023-08-26 21:22:35 101

原创 RESTful 下请求方法的幂等性

根据URL,我们需要处理的是将User的house属性增加3,很显然,多次请求时会重复增加,而无法保持为一个确定的值。PATCH 处于不可控的地位,所以说 PUT 方法是幂等的,而 PATCH 方法不是幂等的。很显然,请求携带的数据每次都是一样的,所以不论请求多少次,最终的结果都是后台存在这么一个资源(同内容覆盖式的更新或创建资源)。的,指的是同样的请求被执行一次与连续执行多次的效果是一样的,服务器的状态也是一样的。所有安全的方法都是idempotent的,但并非所有幂等方法都是安全的,例如,

2023-08-26 21:17:06 92

原创 前端存储方案一览

在HTML5标准前本地储存的主要的也是最早提出的⽅式,优点是兼容性好,请求头⾃带cookie⽅便(使用fetch的话需要额外配置),缺点是⼤⼩只有4k,⾃动请求头加⼊cookie浪费流量,而且每个domain限制20个cookie,使⽤起来麻烦,需要自行封装相关方法。其是被正式纳⼊HTML5标准的数据库储存⽅案,它是NoSQL数据库,⽤键值对进⾏储存。HTML5加⼊的以键值对(Key-Value)为标准的⽅式,优点是操作⽅便,永久性储存(除⾮⼿动删除),⼤⼩为5M,兼容IE8+。

2023-08-26 21:15:26 34

原创 浏览器缓存机制-请求头

Expires 是 HTTP 1.0 中的方式,因为它的一些缺点,在 HTTP 1.1 中提出了一个新的头部属性就是 Cache-Control 属性,Cache-Control 通用消息头字段,通过指定指令来实现缓存机制。缓存指令是单向的,这意味着在请求中设置的指令,不一定被包含在响应中。服务器收到请求后,会优先根据 Etag 的值(If-None-Match的字段值与该资源在服务器的Etag值做对比)判断被请求的文件有没有做修改,Etag 值一致则认为没有修改,命中协商缓存,返回 304 状态码;

2023-08-26 21:13:37 254

原创 浏览器缓存机制-缓存位置

Push Cache 是 HTTP/2 中的内容,是HTTP2 在 server push 阶段存在的缓存,当以上三种缓存都没有命中时,它才会被使用,优先级最低,但是是一种趋势。Memory Cache 也就是内存中的缓存,主要包含的是当前中页面中已经抓取到的资源,例如页面上已经下载的样式、脚本、图片等。读取内存中的数据肯定比磁盘快,内存缓存虽然读取高效,可是缓存持续性很短,此类资源是从磁盘当中取出的,此资源不会随着该页面的关闭而释放掉,因为是存在硬盘当中的,下次打开仍会from disk cache。

2023-08-26 01:16:51 116

原创 利用Node.js脚本提取你的OPML文件信息

在当今互联网时代,我们每天都面对着大量的信息,从新闻到博客,从社交媒体到订阅源。如何有效地组织、管理和共享这些信息成为一个重要的挑战。而OPML(Outline Processor Markup Language)作为一种强大的工具,成为了连接和处理信息的桥梁。OPML是一种基于XML(可扩展标记语言)的标准文件格式,旨在描述、存储和交换大纲(outline)或大纲结构的信息。大纲是一种层次结构,它以递进的方式组织和展示信息,从总体到细节。通过使用OPML,我们可以轻松地创建、编辑和共享这些大纲。

2023-08-26 00:51:10 73

原创 解析XML数据:使用xml2js库轻松进行XML解析

解析XML文件是开发中常见的需求之一。为了以一种简单易用的方式访问XML数据,你可能不想编译一个C解析器,而是想寻找一个更方便的解决方案。那么,xml2js就是你需要的工具!xml2js是一个简单的XML到JavaScript对象转换器,支持双向转换。它使用了sax-js和xmlbuilder-js这两个工具库。

2023-08-26 00:46:05 1634

原创 Node 笔记(1)内核引擎

参照教程:coderwhy - 深入Node.js技术栈。

2023-08-26 00:39:03 36

原创 Node 笔记(2)模块化

事实上模块化开发最终的目的是将程序划分成一个个小的结构;这个结构中编写属于自己的逻辑代码,有自己的作用域,不会影响到其他的结构;这个结构可以将自己希望暴露的变量、函数、对象等导出给其结构使用;也可以通过某种方式,导入另外结构中的变量、函数、对象等;上面说提到的结构,就是模块;按照这种结构划分开发程序的过程,就是模块化开发的过程;

2023-08-26 00:38:21 34

原创 Vue keep-alive 笔记

在平常开发中,有部分组件没有必要多次初始化,这时,我们需要将组件进行持久化,**使组件的状态维持不变**,在下一次展示时,也不会进行重新初始化组件。

2023-08-23 09:45:00 60

原创 VueBus 总线介绍及其传参方式

vue组件非常常见的有父子组件通信,兄弟组件通信。而父子组件通信就很简单,父组件会通过props向下传数据给子组件,当子组件有事情要告诉父组件时会通过$emit事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系,该如何通信了?如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间的数据通信,就可以考虑Vue中的事件总线,即 **EventBus**来通信。EventBus又称为事件总线。在Vue中可以使用EventBus。

2023-08-22 01:13:04 337 1

原创 Vue Router 浅析

众所周知,hash和history在前端面试中是很常考的一道题目。在学习本文内容之前,周一对hash和history的认知可能就在hash的url里面多了个,而history就不会。然后,我认知里还有一个是只有history才能做前后端分离,而hash跟前后端分离没有关系。对于前端路由来说,hash和history都可以用于前后端分离项目,且两者有各自的特点和各自的使用场景,在使用过程中主要要了解当前项目所处的场景,以便于更好地判断使用哪一种路由模式更佳。

2023-08-22 01:08:05 40 1

原创 前端路由 hash 与 history 差异

SPA,即单页面应用(Single Page Application)。所谓单页 应用,就是只有一张 页面的应用。单页应用程序 (SPA) 是加载单个 页面并在用户与应用程序交互时动态更新该页面的 应用程序。浏览器一开始会加载必需的 、 和 ,所有的操作都在这张页面上完成,都由 来控制。 新增的 工具人:事件简介:hash模式是开发中默认的模式,它的URL带着一个#,例如:www.abc.com/#/mock,它的hash值就是,hash指的是地址中#号以及后面的字符,也称为散列值。

2023-08-22 01:07:26 68 1

原创 axios、XHR、XML、AJAX和Fetch分不清怎么办?

面试夺命连环问:axios 是基于什么技术进行封装的?那xhr的全称是什么?还有哪些方法?还有什么发请求的库吗?让我们来康康到底怎么回事

2022-10-30 15:11:50 255

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除