自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

学习前端这门手艺,栈底到栈顶依次是:浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等

【Uncle Kaimo's Cabin - 凯默叔叔的小屋】:https://kaimo313.github.io/uncle-kaimo-cabin/#/【卡夫卡的岛上书店】:https://kaimo313.github.io/blogs/

  • 博客(882)
  • 资源 (1)
  • 收藏
  • 关注

原创 【TypeScript+Vue3+Vite+Vue-router+Vuex+Mock 进行 WEB 前端项目实战】学习笔记共 89 篇(完结)

这是在 b 站学习的一门课程,《在线教你使用 TypeScript+Vue3+Vite 进行 WEB 前端项目实战,陈天狼联合前端乐哥打造》对于想入门tsvue3vite相关的技术的非常友好,老师讲的非常的清晰易懂,对于学习过 vue2 的道友来说应该是非常合适的,我在老师的课程上面引入了 mock 方便道友去请求接口。个人笔记源码修仙不易,如果对道友有所帮助,还请给个 star,道友在此谢过。

2025-12-12 17:12:02 628 2

原创 【30 天 JavaScript 挑战】学习笔记

/ 请你编写一段代码实现一个数组方法,使任何数组都可以调用 array.last() 方法,这个方法将返回数组最后一个元素。// 如果数组中没有元素,则返回 -1。// 3。

2024-03-06 19:46:30 678

原创 【JS 高级之手写原理系列】学习笔记共 15 篇(完结)

这是我在 b 站上面学习的一门课程,个人学习笔记地址:https://github.com/kaimo313/javascript-advanced-handwriting-principles-series

2023-11-11 18:27:20 626

原创 【珠峰 WEB 前端架构师课程】学习笔记 100 篇(完结)

该课程主要讲了高阶函数、函数柯里化、发布订阅模式、观察者模式、从 0 到 1 实现一个 promise,co 库的实现、eventloop 执行流程跟顺序、模板引擎的实现原理、commonjs 规范流程、events 模块的实现原理、流的原理、单向链表、树、http 缓存策略、实现一个 http-server、koa 源码、express 源码、jwt、mongo 等相关知识的学习。该课程是珠峰姜文老师讲的,个人觉得讲的很不错,一路在 b 站学习下来做了 100 篇的学习笔记,收获颇丰。

2023-10-23 19:51:25 1432 2

原创 【跟月影学可视化】学习笔记 41 篇(完结)

一共做了 162 个学习示例以及 41 篇博客学习笔记,要深入学习该课程请支持正版,个人笔记仅供参考。【跟月影学可视化】专栏学习笔记。

2023-01-10 17:15:58 1320

原创 【TypeScript教程】学习笔记16篇(完结)

尚硅谷TypeScript教程(李立超老师TS新课)学习笔记。

2022-10-02 00:47:06 541

原创 【ES6 从入门到精通系列】学习笔记 23 篇(完结)

ES6 从入门到精通系列(全23讲)学习笔记。可以自行搜索B站,有小马哥的视频学习。

2022-08-15 02:57:01 579

原创 【图解 Google V8】学习笔记合集 23 篇(完结)

这些文章只是笔者学习【图解 Google V8】专栏记录的笔记,仅供参考。请支持正版的课程。

2022-06-13 19:53:45 3299

原创 【玩转 webpack】视频课程学习笔记 69 篇(完结)

说明这些文章只是笔者学习记录的笔记,仅供参考。请支持正版的课程。笔记目录webpack基础篇(一):webpack与构建发展简史webpack基础篇(二):webpack核心概念webpack基础篇(三):资源解析–解析 ES6webpack基础篇(四):资源解析–解析 React JSXwebpack基础篇(五):资源解析–解析 CSSwebpack基础篇(六):资源解析–解析 Less 和 Sasswebpack基础篇(七):资源解析–解析图片webpack基础篇(八):资源解析–

2022-03-11 17:18:19 2197 1

原创 【凯默叔叔的小屋】:一个使用 docsify 搭建的个人学习导航博客

博客由来最近一段时间,为了方便查阅学习资料以及更直观的看到各方面的知识点,自己通过用 docsify 搭建了一个学习导航的个人博客。【Uncle Kaimo’s Cabin - 凯默叔叔的小屋】【github 源码】主要内容涉及如下:整理了前端学习涉及的知识点收录了一些开发、创作需要的工具收录了一些优秀的博客、小册、视频以及一些不错的文章资源还有一些自己兴趣方面的资源…如果觉得写得还不错或对您有帮助,可以我的项目【github 源码】点颗星⭐ 皮卡皮卡(*╹▽╹*),非常感谢。

2022-02-17 20:04:47 607

原创 【egg.js + react + zarm ui + vite2.0 全栈项目实战:从 0 到 1 实现记账本】小册学习笔记合集(完结)

说明说明这些文章只是笔者学习记录的笔记,仅供参考。请支持正版的小册。目录报错篇执行 mysqld --install 报错:由于找不到VCRUNTIME140 1.dII, 无法继续执行代码执行 mysqld --install 报错:Install Remove of the Service Denied执行 mysqld --install 报错:The service already existsegg.js 项目初始化报错 ConnectionTimeoutError: Connec

2022-01-28 15:25:56 3054

原创 【浏览器工作原理与实践】专栏 40 篇学习笔记合集(完结)

说明这些文章只是笔者学习记录的笔记,仅供参考。请支持正版的专栏。目录Chrome架构:仅仅打开了1个页面,为什么有4个进程?TCP协议:如何保证页面文件能被完整送达浏览器?HTTP 请求流程:为什么很多站点第二次打开速度会很快?导航流程:从输入URL到页面展示,这中间发生了什么?渲染流程:HTML、CSS和JavaScript,是如何变成页面的?变量提升:JavaScript代码是按顺序执行的吗?调用栈:为什么JavaScript代码会出现栈溢出?块级作用域:var缺陷以及为什么要引入

2022-01-19 15:10:49 2947

原创 【重学前端】专栏 44 篇学习笔记合集(完结)

说明这些文章只是笔者学习记录的笔记,仅供参考。请支持正版的专栏。目录前端发展史以及学习痛点前端学习路线与方法前端知识框架图div和span不是够用吗?如何运用语义类标签来呈现Wiki网页?JavaScript类型有哪些你不知道的细节?JavaScript对象:面向对象还是基于对象?JavaScript中的原型和类JavaScript中的对象分类CSS语法关于带@的规则浏览器工作解析(一)浏览器工作解析(二)浏览器工作解析(三)浏览器工作解析(四)浏览器工作解析(五)HT

2022-01-19 14:44:50 953

原创 ❤️❤️❤️前端成神之路必看学习资源(二),建议收藏起来,偷偷学习!!!❤️❤️❤️

整理一下我博客上的学习资源,具体可以查看我的个人博客:卡夫卡的岛上书店–资源工具冴羽的博客下面是冴羽大佬写的系列文章,如果觉得写得不错可以去大佬项目star一下浏览器相关浏览器系列之 Cookie 和 SameSite 属性面试相关淘系前端校招负责人元彦直播答疑文字实录业务前端的困境深入系列目录JavaScirpt深入之从原型到原型链JavaScript深入之词法作用域和动态作用域JavaScript深入之执行上下文栈JavaScript深入之变量对象JavaScrip

2021-06-09 11:52:04 6930 6

原创 ❤️❤️❤️前端成神之路必看学习资源(一),建议收藏起来,偷偷学习!!!❤️❤️❤️

整理一下我博客上的学习资源,具体可以查看我的个人博客:卡夫卡的岛上书店–资源工具网站资源大佬收藏夹【awesome-bookmarks】–panjiachen文档MDN | MDN-JS标准内置对象 Web技术权威文档现代JavaScript教程 以最新标准为基准的JS教程ES5教程 阮一峰的JS教程ES6教程 阮一峰的ES6教程Bash 脚本教程 阮一峰编写ECMA ECMA官网菜鸟教程 涵盖多种语言的初级教程腾讯云开发者手册社区Github 程序员同性交友社区掘

2021-06-09 11:50:56 9133 3

原创 【卡夫卡的岛上书店】:一个利用 vuepress 的主题 vuepress-theme-reco 以及 vuepress-theme-vdoing 搭建自己的静态博客

链接个人博客链接:【卡夫卡的岛上书店】目前版本首页总目录分类标签归档页面

2021-01-28 21:04:41 1923 2

原创 【Vue 开发实战】学习笔记48篇(完结)

【Vue 开发实战】学习笔记。

2019-10-20 14:49:06 1800 1

原创 cursor 跟 vscode 编辑器里面怎么打开绘制 drawio 的文件?

安装好之后,我们就可以在编辑里面新建 drawio 的文件,进行打开绘制了,效果图。我们需要 vscode 或者 cursor 编辑器的拓展工具里面去找到这个插件。

2025-12-19 18:14:14 279

原创 02.内存管理和内存泄漏

每一个执行上下文会被关联到一个变量环境(VariableEnvironment,VE)中,在执行代码中变量和函数的声明会作为环境记录(Environment Record,ER)添加到变量环境中,对于函数来说,参数也会被作为环境记录添加到变量环境中。不管什么样的编程语言,在代码的执行过程中都是需要给它分配内存的,不同的是某些编程语言需要我们自己手动的管理内存,某些编程语言可以自动帮助我们管理内存。因为内存的大小是有限的,所以当内存不再需要的时候,我们需要对其进行释放,以便腾出更多的内存空间。

2025-12-19 18:00:40 999

原创 01.浏览器工作原理和V8引擎

前端开发者面对这些不断变化的内容,往往内心会有很多的焦虑,但是其实只要我们深入掌握了JavaScript,这些框架或者工具都是离不开 JavaScript 的。它们都离不开 JavaScript,并且深入掌握 JavaScript 不仅可以提高我们的开发效率,也可以帮助我们快速解决在开发中遇到的各种问题。所以 JavaScript 是我们前端万丈高楼的根基,无论是前端发展的万丈高楼,还是我们筑建自己的万丈高楼。但是不管你学习的是Vue、React、Angular,包括 jQuery,以及一些新出的框架。

2025-12-18 15:49:24 751

原创 国产麒麟系统 kylin 里面 nwjs 怎么打包安装应用并且怎么支持 arm 跟 amd 两种内核?

本篇文章主要是我进行国产系统信创化过程中实现 nwjs 客户端国产化中的总结,不足之处还望指出,各位道友请了。下面我以 kylin 系统 amd 这个内核来写一下打包安装的过程,这两个内核的版本打包安装我都已经在国产麒麟系统 kylin 里面实现了打包安装。只是支持 arm 的 nwjs 版本下载链接我没有找到,用的是之前项目信创的一个 arm 版本文件。如果有知道支持 arm 内核的 nwjs 版本下载链接的道友,还望提供一下,在此先行谢过道友。

2025-12-17 13:53:32 901

原创 37-实现地图配置项(完结)

/ 注册后,在 ECharts 的 option 中设置 map: 'china' 即可显示中国地图。// ECharts 提供的 API,用于注册地图数据。// 是否显示拖拽用的手柄(手柄能拖拽调整选中范围)// 基于准备好的dom,初始化echarts实例。'{b}<br />销量:{c}'下面我们实现一下下面的效果。// 连续型视觉映射组件。里面添加地图销售数据。

2025-12-12 16:26:24 291

原创 36-引入地图

/ 注册后,在 ECharts 的 option 中设置 map: 'china' 即可显示中国地图。首先我们要准备一下地图的 geojson 数据,去这里。// ECharts 提供的 API,用于注册地图数据。// 基于准备好的dom,初始化echarts实例。,里面先添加一下地图相关的字段。对应的 mock 接口也调整一下。下面我们在首页引入地图功能。下载下来之后,放置到。'获取首页数据失败'

2025-12-12 11:21:57 751

原创 35-实现饼图效果

是怎么知道的,我们可以用鼠标放到 init 方法上面。// 基于准备好的dom,初始化echarts实例。// 使用刚指定的配置项和数据显示图表。下面实现切换类型动态更新饼图。// 指定图表的配置项和数据。

2025-12-11 18:41:17 444

原创 34-监听数据渲染饼图以及饼图配置

/ 基于准备好的dom,初始化echarts实例。首先我们先配置获取首页数据接口,新建一个。// 使用刚指定的配置项和数据显示图表。接着实现mock这个接口,新建文件。下面我们来实现动态获取数据渲染饼图。// 指定图表的配置项和数据。'获取首页数据失败'

2025-12-11 17:11:39 334

原创 Windows 启用 Telnet 客户端

(HTTP 规定以空行结束头域),百度会立刻返回 302 跳转或 200 HTML 源码,屏幕会刷出一大段文本,证明端口可达且服务正常。Windows 部署映像服务和管理(DISM)命令,作用是在当前正在运行的系统里把“Telnet 客户端”功能打开,”里勾选 Telnet Client,只是用命令行一次性完成。若光标停在空白行,说明 TCP 三次握手成功;同样若光标停在空白行,说明 443 可达。,所以看不到加密数据,只能验证“端口开着”管理员的权限去执行下面命令。

2025-12-11 15:31:38 296

原创 33-例子饼图展示

下面我们在首页实现一个饼图。

2025-12-11 12:10:24 237

原创 32-实现分配角色弹框(更新用户角色功能)

下面来实现点击确定的时候,更新用户分配角色添加给用户分配角色接口页面实现

2025-12-10 19:20:29 839

原创 31-实现分配角色弹框(显示列表和选中当前用户的角色)

下面我们要实现的分配角色的弹窗如下先添加类型下面我们添加两个角色相关的接口,获取所有角色以及根据用户id获取角色然后我们在mock里面实现这两个接口新建两个json文件,一个存列表,一个存个人的mock实现最后我们来实现页面的逻辑新建组件

2025-12-10 17:44:21 819

原创 30-更新用户信息并且刷新表格

下面我们需要实现的功能是,点击编辑弹框的确定就调用更新接口,然后成功之后刷新列表获取新数据首先我们把公共抽离的用户数据类型补充完整然后我们新增接口接着对这个接口进行实现,我们抽离一下列表的数据到 我们通过去读取这个json文件,然后去修改这个json文件实现数据的更新,接口的mock实现如下,最后在页面里实现这个效果

2025-12-10 15:43:29 781

原创 29-定义用户对象类型(接口类型)

/ 双向绑定 dialog 显示状态(emit 更新父组件)我们发现这写地方用到的数据类型是一样的,可以抽离公共的类型。'获取用户数据列表失败'

2025-12-10 14:19:24 864

原创 28-编辑用户信息弹框组件化(传递用户对象)

我们要在上一节的基础上面传递用户当前行的数据用于回显编辑,并且不能数据不用影响父组件的。// 双向绑定 dialog 显示状态(emit 更新父组件)'获取用户数据列表失败'

2025-12-10 10:15:02 687

原创 27-编辑用户信息弹框组件化(显示隐藏功能)

/ 双向绑定 dialog 显示状态(emit 更新父组件)下面我们来实现点击用户列表里面的编辑弹出弹框。'获取用户数据列表失败'

2025-12-10 09:40:37 636

原创 26-格式化时间

'获取用户数据列表失败'

2025-12-09 16:34:17 463

原创 25-渲染用户列表数据

调整一下这个mock里面的文件,分一下模块,以及抽离一下校验的token方法。我们需要实现一个用户列表,效果如下,接口数据如下。'获取用户数据列表失败'

2025-12-09 14:49:21 354

原创 24-限制用户有token的页面操作

下面添加多两个条件,处理登录跟没有登录的时候的逻辑。

2025-12-09 10:39:24 217

原创 23-完成登录页面跳转加载路由规则

/ 跳转首页的时候先跳转一个临时路由 /temp 去生成路由规则,然后在路由守卫里在去跳转 /index。// console.log('DOM 元素:', ruleFormRef.value?// console.log('组件实例:', ruleFormRef.value)// 自定义密码校验规则(_variable - 未使用的变量 ts不校验)解决:第一次登录,动态添加路由规则。// 获取el-form组件对象。// 获取当前项目的vuex对象。// 获取项目路由对象。// 储存cookie。

2025-12-08 19:28:28 621

原创 22-一级菜单默认重定向到第一个二级菜单

添加一下首页,以及登录页面的跳转。逻辑添加重定向跟首页。

2025-12-08 18:23:56 188

原创 21-解决刷新路由页面空白

原因:路由规则没有刷新,需要再次next进入路由守卫。

2025-12-08 17:51:42 115

原创 20-生成路由规则

然后我们在路由守卫里面通过获取 vuex 里面的菜单数据动态生成路由规则。到了首页之后可以看到动态加载了其他的菜单路由。登录页面我们可以看到路由只有这个两个。首先我们需要调整一下mock的数据。

2025-12-08 12:02:11 223

流沙:用于 CSDN 博客网站的暗黑和明亮主题切换的 chrome 浏览器插件。

流沙:用于 CSDN 博客网站的暗黑和明亮主题切换的 chrome 浏览器插件。使用的 v3 版本开发。

2022-08-15

原生 js 实现类 3d 地图大屏展示自动高亮轮播、显示悬浮提示 tootip 的方案:svg + popper.js 定位引擎

原生 js 实现类 3d 地图大屏展示自动高亮轮播、显示悬浮提示 tootip 的方案:svg + popper.js 定位引擎

2022-03-29

空空如也

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

TA关注的人

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