浅谈SEO优化

首先，SEO（Search Engine Optimization）搜索引擎优化是通过优化网站结构，网站内容，添加外链等方式，来提高网站在搜索引擎中的排名。这样，网站可以让更多的人看到，可以提高网站的

作者：hongyu

2024-08-19 10:09:18

定位之粘性定位sticky

sticky定位是一个比其他几个定位static,fixed,absolute,relative发布都晚很多的定位方式，译为粘性定位，mdn是这样描述它的： 元素根据正常文档流进行定位，然后相对它的

作者：hongyu

2024-06-13 10:20:45

前端jenkin教程

安装 拉取jenkins镜像 docker pull jenkins/jenkins:latest 构建并运行jenkins容器 docker run --name jenkins -p 8

作者：hongyu

2024-06-13 09:28:29

浏览器缓存

强缓存 Cache-Control: max-age=315600000 协商缓存 Last-Modified/If-Modified-Since Last-Modified（响应头）：服务器在首次返

2025-07-22 15:03:21

堪称2024最强的前端面试场景题，让419人成功拿到offer

1.前端如何实现截图? 2.当QPS达到峰值时,该如何处理? 3.js 超过 Number 最大值的数怎么处理? 4.使⽤同⼀个链接， 如何实现 PC 打开是 web 应⽤、⼿机打开是⼀个 H5 应⽤

2025-07-21 11:28:33

web-component

web-component是一种html原生的自定义组件解决方案，他不基于任何库或者框架。 在web-component被多数主流浏览器支持之前，我们进行组件化开发通常需要依赖例如react、vue等

作者：hongyu

2024-12-25 14:59:48

【事件处理】冒泡与捕获

在html中，有一部分事件具有事件传播的特性，他的特性是从根节点开始，一层一层捕获触发事件的目标节点，然后从目标节点开始，一层一层的冒泡到根节点，我们用代码来直观的看一下这一特性： <!DOCT

作者：hongyu

2024-10-28 10:11:56

shadow dom

shadow dom是什么 shadow dom是dom中的一块影子区域，它和主dom相互独立，互不影响，这很好的保证了组件的私有性和独立性。 核心组件 宿主host：被shadow dom附加的d

作者：hongyu

2024-10-21 16:40:24

对于前端的LRU、LFU缓存优化

这两种都属于内存淘汰算法，当设计实例最大数到达最大值或者内存到达瓶颈时，则需要淘汰一些不常用或者是时间久远的内存实例。 LRU LRU淘汰的是不用时间最长的实例，这种算法应用在例如缓存系统这种对使用时

作者：hongyu

2024-10-21 14:15:22

js中函数的长度

js中函数的长度代表什么？ 答：代表形参数的个数。 比如，有如下函数 function a (a,b,c) { return a+b+c } 那么，输出a.length就是3. 另外，如果函数中有参

作者：hongyu

2024-09-09 14:30:35

unocss配置

原子化CSS 在聊unocss之前首先需要知道什么是原子化CSS。原子化CSS是设计和构建现代CSS所用到的一种CSS框架，类似的框架有windicss，tailwindcss，这两个框架都比unoc

作者：hongyu

2024-09-09 14:12:57

浅谈前端请求池

在前端开发中，关于是否需要实现请求池的讨论一直存在分歧。一些观点认为，封装请求池可以优化浏览器性能，加快页面的加载速度。然而，我的看法有所不同：对于前端而言，创建请求池可能并非必要，因为浏览器已经在其

作者：hongyu

2024-09-09 11:04:48

CSR、SSR和SSG

CSR、SSR和SSG是什么 这三个是前端的三种渲染技术，分别是客户端渲染、服务器渲染、静态站点生成，这三种技术在实际开发中很少有人提及，但是他们确实前端架构师选择框架的重要影响因素。 三者区别 三者

作者：hongyu

2024-09-02 16:24:32

移动端如何实现下拉刷新、下拉加载更多

下拉刷新、下拉加载更多是移动端常用的功能。主要是通过监听touchstart、touchmove、touchend来实现。 实现方法 对于小程序、APP来说都有相应的API来轻松实现，所以我这边只将在

作者：hongyu

2024-08-29 17:33:25

单点登录前端方案

先说说什么是单点登录？ 单点登录就是多个应用共用一套登录机制，并且只要在一个应用已经登录过，那么在另一个应用中可以直接使用登录权限进行操作，而不需要再次进行登录，这大大优化了用户体验。

作者：hongyu

2024-08-29 17:11:11

定位之fixed定位

熟悉css的同学都知道，fixed是一种固定定位，通常可以使内容固定在浏览器窗口的某个位置，位置不会随页面滚动而发生变化，他默认的父级定位元素是屏幕视口（viewport）。 不过他是可以改变父级定位

作者：hongyu

2024-08-19 10:09:51

js正则表达式贪婪模式和懒惰模式

在正则表达式中，"贪婪模式"和"懒惰模式"是两种不同的行为，当正则表达式中包含量词时，它们将影响量词的行为,大白话就是贪婪模式匹配的越多越好，懒惰模式匹配的越少

作者：hongyu

2024-08-12 10:19:57

js内存管理和内存泄露

内存管理是所有语言都会涉及到的一个重要内容，在javascript中同样也需要管理，不同的是javascript这个高级语言在内存管理上是无感知的，就是引擎会帮我们自动管理内存。 例如我们在创建一个对

作者：hongyu

2024-08-12 09:50:27

实现一个简单的提醒打卡的小应用

由于我上班打卡老是忘记，还有就是每周都要上传周报，所以我做了这么一个提醒以及记录工作的小应用。 主要功能 提醒打卡 早上上班记录今天的工作计划 晚上下班后记录今天的工作内容 查看历史工作记录 自动

作者：hongyu

2024-06-13 09:53:43

浅谈MIME-TYPE

众所周知，HTTP的请求报文是由请求行（METHOD URL HTTP-Version 回车）+ 请求头 + 空行 + 请求体构成，响应报文是由响应行 + 响应头 + 空行 + 响应体构成, 那么如何

作者：hongyu

2024-06-13 09:28:41