- 博客(22)
- 收藏
- 关注
原创 浏览器事件循环原理 —— JS为何会阻碍渲染?
该文章作用于 “web前端大师课” 的学习笔记,附上课程链接。本章用一段代码来解释 JS 为何会阻碍渲染?
2023-11-21 09:14:04
387
1
原创 浏览器事件循环原理 —— 何为异步?
该文章作用于 “web前端大师课” 的学习笔记,附上课程链接。本章解释 js 中的异步,是为何产生,有如何产生的何为异步在代码执行过程中,会遇到一些无法立即处理的任务,比如:计时完成后需要执⾏的任务 —— setTimeout 、 setInterval⽹络通信完成后需要执⾏的任务 -- XHR 、 Fetch⽤户操作后需要执⾏的任务 -- addEventListener如果让渲染主线程等待这些任务的时机达到,就会导致主线程⻓期处于 「阻塞」的状态,从⽽导致浏览器「卡死」。
2023-11-20 14:32:44
411
1
原创 浏览器事件循环原理 —— 渲染主线程如何工作?
该文章作用于 “web前端大师课” 的学习笔记,第一章 浏览器事件循环原理 —— 浏览器进程模型。渲染主线程需要处理的任务包括但不限于解析 HTML解析 CSS计算样式 (em、rem、hv、wv,样式冲突、优先级等等计算)布局(元素的宽高、位置等计算)处理图层(z-index等计算)每秒把页面画 60 次(不停的渲染画面)执行全局 JS 代码执行事件处理函数执行计时器的回调函数……渲染主线程如何调度任务队列?
2023-11-19 09:45:00
902
1
原创 浏览器事件循环原理 —— 浏览器进程模型
程序运行有专属的内存空间,可以把这块内存空间简单的理解为进程。该文章作用于 “web前端大师课” 的学习笔记,
2023-11-18 21:27:51
354
1
原创 学习 Three.js (4) —— BufferGeometry()
three.js 中的几何体都是使用三角形构成的,而 BufferGeometry() 方法就是用于构建三角形的核心方法
2023-11-14 22:53:03
677
1
原创 前端项目经验 —— i18n 国际化插件
在写一些全球化的项目时,不可避免的就是翻译问题,我们可以使用 i18n 来解决,下面还是使用 vue3 来做演示。
2023-11-11 17:54:55
2781
1
原创 程序员的护城河是什么?
作为IT行业的从业者,程序员在保障系统安全、数据防护以及网络稳定方面扮演着重要的角色。他们的护城河是由多个因素构成的,本文我们将对技术能力的深度、对创新的追求以及沟通协作等软实力进行详细分析与讨论。
2023-11-10 18:40:15
82
1
原创 前端项目经验 —— 接口请求的流程完善
在某些请求接口的交互位置,我们需要一些加载过渡的提示,并且过程中不能然用户点击其他地方,所以接下来我将利用 vant4 的轻提示来二次封装,以及 axios 搭配 async、await、try、catch 语法来完成这一套请求的流程。
2023-11-10 18:22:08
444
1
原创 前端项目经验 —— axios 的使用和配置
在前端请求接口一般会使用 Ajax,但是在项目中使用 axios 能使我们更好的维护和阅读;axios 是经过封装好的 Ajax,有内置请求拦截器和响应拦截器等好处,在写代码时也方便我们统一代码风格;接下来将为你介绍如何使用 axios。
2023-11-09 21:04:47
781
1
原创 学习 Three.js (3) —— gui 的使用
上一篇介绍了如何调整物体的位移缩放旋转,以及让大家理解什么是父子层级关系,这一篇来介绍 three.js 中的 Gui 工具,它是图形窗口的一个调试工具,可以使我们在页面上对物体的属性进行调节,方便我们开发,后续也会经常使用该工具。
2023-11-08 23:21:25
1345
1
原创 学习 Three.js (2) —— 物体的位移缩放旋转和父子层级关系
上篇介绍了 three.js 的入门操作和基本的代码,这篇来讲述如何操控物体的变化,以及父子层级关系。
2023-11-07 20:00:55
522
原创 学习 Three.js (1) —— 入门 Three.js
本篇开始会记录我学习 three.js 的过程,并把我的想法见解通过文章的方式输出,用自己的言语去总结学习的内容。
2023-11-06 19:43:27
1097
原创 前端优化方案—— keepAlive 组件缓存
在一些需要频繁浏览的页面或者组件,如首页、导航页、搜索页等页面会有或多或少的请求和图片资源,这样非常浪费服务器的资源;所以我们需要用到缓存,将某个页面缓存起来,不将其卸载;这样下次进入该页面,就可以不在向服务器请求资源,且大大优化了用户体验。
2023-11-04 14:09:05
304
1
原创 使用 vue-3-socket.io 插件以及node.js实现实时聊天(3)
这一章将为你讲述一些在服务器(以宝塔面板举例)上配置node项目和一些细节,让你在生产环境也能正常使用聊天功能。
2023-11-02 21:22:14
1215
1
原创 使用 vue-3-socket.io 插件以及node.js实现实时聊天(2)
上一篇文章介绍如何实现群聊和各种配置,这章是在上一篇的代码基础上介绍如何实现私聊功能,接下来我们先更新一下上篇文章的代码。
2023-10-31 22:36:06
668
2
原创 前端项目经验 —— 前端使用 jsrsasign 库生成 JWT 令牌的方案
与后端约定好的私钥,这是非常重要的一个值,生成的token如果没有这个私钥,是无法解密的,一般是一个字符串。要签名的头部,通常是一个 JSON 字符串。要签名的有效载荷,通常是一个 JSON 字符串。一般有更多要加密的值,这里只是举例说明。一般是与后端约定好一个算法。
2023-08-29 00:04:31
867
1
原创 前端项目经验 —— vue项目中使用vue-masonry插件实现瀑布流
使用该插件会有一定的兼容问题,在之前一个项目中,我在刚开始使用时不会有任何问题,但是后面的一次打包过程中报错,并且找了各种方式还是无法解决,所以无奈只能去掉这个瀑布流方案。
2023-08-28 22:38:47
967
1
Three.js 官网源码,可用于自己部署镜像官网,方便使用 GUI 图形界面
2023-11-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人