自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 面试题 —— 前端精选(1)

本文章介绍三道围绕 JavaScript 的精选面试题。

2023-11-23 21:17:31 741

原创 浏览器事件循环原理 —— 任务优先级

该文章作用于 “web前端大师课” 的学习笔记,附上课程链接。

2023-11-22 20:12:32 349

原创 浏览器事件循环原理 —— JS为何会阻碍渲染?

该文章作用于 “web前端大师课” 的学习笔记,附上课程链接。本章用一段代码来解释 JS 为何会阻碍渲染?

2023-11-21 09:14:04 313 1

原创 浏览器事件循环原理 —— 何为异步?

该文章作用于 “web前端大师课” 的学习笔记,附上课程链接。本章解释 js 中的异步,是为何产生,有如何产生的何为异步在代码执行过程中,会遇到一些无法立即处理的任务,比如:计时完成后需要执⾏的任务 —— setTimeout 、 setInterval⽹络通信完成后需要执⾏的任务 -- XHR 、 Fetch⽤户操作后需要执⾏的任务 -- addEventListener如果让渲染主线程等待这些任务的时机达到,就会导致主线程⻓期处于 「阻塞」的状态,从⽽导致浏览器「卡死」。

2023-11-20 14:32:44 362 1

原创 浏览器事件循环原理 —— 渲染主线程如何工作?

该文章作用于 “web前端大师课” 的学习笔记,第一章 浏览器事件循环原理 —— 浏览器进程模型。渲染主线程需要处理的任务包括但不限于解析 HTML解析 CSS计算样式 (em、rem、hv、wv,样式冲突、优先级等等计算)布局(元素的宽高、位置等计算)处理图层(z-index等计算)每秒把页面画 60 次(不停的渲染画面)执行全局 JS 代码执行事件处理函数执行计时器的回调函数……渲染主线程如何调度任务队列?

2023-11-19 09:45:00 795 1

原创 浏览器事件循环原理 —— 浏览器进程模型

程序运行有专属的内存空间,可以把这块内存空间简单的理解为进程。该文章作用于 “web前端大师课” 的学习笔记,

2023-11-18 21:27:51 275 1

原创 学习 Three.js (4) —— BufferGeometry()

three.js 中的几何体都是使用三角形构成的,而 BufferGeometry() 方法就是用于构建三角形的核心方法

2023-11-14 22:53:03 597 1

原创 前端项目经验 —— i18n 国际化插件

在写一些全球化的项目时,不可避免的就是翻译问题,我们可以使用 i18n 来解决,下面还是使用 vue3 来做演示。

2023-11-11 17:54:55 1601 1

原创 程序员的护城河是什么?

作为IT行业的从业者,程序员在保障系统安全、数据防护以及网络稳定方面扮演着重要的角色。他们的护城河是由多个因素构成的,本文我们将对技术能力的深度、对创新的追求以及沟通协作等软实力进行详细分析与讨论。

2023-11-10 18:40:15 42 1

原创 前端项目经验 —— 接口请求的流程完善

在某些请求接口的交互位置,我们需要一些加载过渡的提示,并且过程中不能然用户点击其他地方,所以接下来我将利用 vant4 的轻提示来二次封装,以及 axios 搭配 async、await、try、catch 语法来完成这一套请求的流程。

2023-11-10 18:22:08 372 1

原创 前端项目经验 —— axios 的使用和配置

在前端请求接口一般会使用 Ajax,但是在项目中使用 axios 能使我们更好的维护和阅读;axios 是经过封装好的 Ajax,有内置请求拦截器和响应拦截器等好处,在写代码时也方便我们统一代码风格;接下来将为你介绍如何使用 axios。

2023-11-09 21:04:47 503 1

原创 学习 Three.js (3) —— gui 的使用

上一篇介绍了如何调整物体的位移缩放旋转,以及让大家理解什么是父子层级关系,这一篇来介绍 three.js 中的 Gui 工具,它是图形窗口的一个调试工具,可以使我们在页面上对物体的属性进行调节,方便我们开发,后续也会经常使用该工具。

2023-11-08 23:21:25 1088 1

原创 学习 Three.js (2) —— 物体的位移缩放旋转和父子层级关系

上篇介绍了 three.js 的入门操作和基本的代码,这篇来讲述如何操控物体的变化,以及父子层级关系。

2023-11-07 20:00:55 352

原创 学习 Three.js (1) —— 入门 Three.js

本篇开始会记录我学习 three.js 的过程,并把我的想法见解通过文章的方式输出,用自己的言语去总结学习的内容。

2023-11-06 19:43:27 1021

原创 前端优化方案—— keepAlive 组件缓存

在一些需要频繁浏览的页面或者组件,如首页、导航页、搜索页等页面会有或多或少的请求和图片资源,这样非常浪费服务器的资源;所以我们需要用到缓存,将某个页面缓存起来,不将其卸载;这样下次进入该页面,就可以不在向服务器请求资源,且大大优化了用户体验。

2023-11-04 14:09:05 237 1

原创 JavaScript + jQuery 实现 3D 旋转木马效果

【代码】原生 + Jquery 实现 3D 旋转木马效果。

2023-11-03 21:10:39 253

原创 使用 vue-3-socket.io 插件以及node.js实现实时聊天(3)

这一章将为你讲述一些在服务器(以宝塔面板举例)上配置node项目和一些细节,让你在生产环境也能正常使用聊天功能。

2023-11-02 21:22:14 1079 1

原创 使用 vue-3-socket.io 插件以及node.js实现实时聊天(2)

上一篇文章介绍如何实现群聊和各种配置,这章是在上一篇的代码基础上介绍如何实现私聊功能,接下来我们先更新一下上篇文章的代码。

2023-10-31 22:36:06 515 2

原创 使用 vue-3-socket.io 插件以及node.js实现实时聊天(1)

这篇文章使用选项式API的写法,以实现群聊和私聊为主。

2023-10-29 17:14:50 2772 8

原创 前端优化方案——图片懒加载

图片懒加载旨在当用户浏览页面时,图片进入视图才开始加载,避免了大量图片并发请求,造成资源浪费

2023-10-24 17:15:39 213

原创 前端项目经验 —— 前端使用 jsrsasign 库生成 JWT 令牌的方案

与后端约定好的私钥,这是非常重要的一个值,生成的token如果没有这个私钥,是无法解密的,一般是一个字符串。要签名的头部,通常是一个 JSON 字符串。要签名的有效载荷,通常是一个 JSON 字符串。一般有更多要加密的值,这里只是举例说明。一般是与后端约定好一个算法。

2023-08-29 00:04:31 604 1

原创 前端项目经验 —— vue项目中使用vue-masonry插件实现瀑布流

使用该插件会有一定的兼容问题,在之前一个项目中,我在刚开始使用时不会有任何问题,但是后面的一次打包过程中报错,并且找了各种方式还是无法解决,所以无奈只能去掉这个瀑布流方案。

2023-08-28 22:38:47 819

Three.js 官网源码,可用于自己部署镜像官网,方便使用 GUI 图形界面

该资源是 Three.js 的官网源码,解压后下载依赖包即可使用。 使用该资源的好处有: 可以用于自己部署镜像官网,提高查阅文档的效率以提升学习效率; 可以打开 GUI 图像界面,以便操控界面图形样式等,有助于个人学习;

2023-11-18

空空如也

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

TA关注的人

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