半岛铁锤
获得徽章 2
#青训营笔记创作活动#
1月24日 打卡day45
今日学习规范你的Typescript注释，一步一步教你生成API文档。typescript作为javascript的第二语言越来越流行，规范的TS注释不仅能说明代码意图、直接生成API文档，还能为IDE工具提供更智能的提示，本文讲解了TSDoc，以及如何规范TS注释。
1月24日 打卡day45
今日学习规范你的Typescript注释，一步一步教你生成API文档。typescript作为javascript的第二语言越来越流行，规范的TS注释不仅能说明代码意图、直接生成API文档，还能为IDE工具提供更智能的提示，本文讲解了TSDoc，以及如何规范TS注释。
展开
评论
点赞
#青训营笔记创作活动#
1月23日 打卡day44
今日学习20个常用的git指令用法。git是程序员必备的版本管理工具，本文讲解了20个git指令的用法。大部分人使用可视化工具操作git，但是学习git的各种指令也是理解底层工作逻辑的重要内容。
1月23日 打卡day44
今日学习20个常用的git指令用法。git是程序员必备的版本管理工具，本文讲解了20个git指令的用法。大部分人使用可视化工具操作git，但是学习git的各种指令也是理解底层工作逻辑的重要内容。
展开
评论
点赞
#青训营笔记创作活动#
1月22日 打卡day43
今日学习这 4 个场景可用 CSS 完全取代 JS。本文讲解了在颜色选择器、打字效果、滑顶/触底效果和顺滑切图这四个场景中如何使用CSS实现，而不是JS，简化了实现过程。
1月22日 打卡day43
今日学习这 4 个场景可用 CSS 完全取代 JS。本文讲解了在颜色选择器、打字效果、滑顶/触底效果和顺滑切图这四个场景中如何使用CSS实现，而不是JS，简化了实现过程。
评论
点赞
#青训营笔记创作活动#
1月21日 打卡day42
今日学习前端图形学实战: 从零开发几何画板(vue3 + vite版)。本文讲解了vue3 + vite的实用技巧，几何画板的基本开发思路，以及利用几何和代数学知识解决前端问题，代码已开源，非常适合学习。
1月21日 打卡day42
今日学习前端图形学实战: 从零开发几何画板(vue3 + vite版)。本文讲解了vue3 + vite的实用技巧，几何画板的基本开发思路，以及利用几何和代数学知识解决前端问题，代码已开源，非常适合学习。
展开
评论
点赞
#青训营笔记创作活动#
1月20日 打卡day41
今日学习模仿羊了个羊实现狗了个狗。本文分析了羊了个羊的设计思路，主要需要考虑block块的覆盖逻辑，使用原生JavaScript复刻了羊了个羊小游戏，并且已开源，本文详细讲解了代码结构。
1月20日 打卡day41
今日学习模仿羊了个羊实现狗了个狗。本文分析了羊了个羊的设计思路，主要需要考虑block块的覆盖逻辑，使用原生JavaScript复刻了羊了个羊小游戏，并且已开源，本文详细讲解了代码结构。
展开
评论
点赞
#青训营笔记创作活动#
1月19日 打卡day40
今日学习有趣又逼真的水波交互动画。本文用 pixi.js 来完成一个水波交互动画，里面包括了水体扭曲和点击水波扩散的效果，主要利用了 pixi.js 库以及关于它的 filters 滤镜的使用。
1月19日 打卡day40
今日学习有趣又逼真的水波交互动画。本文用 pixi.js 来完成一个水波交互动画，里面包括了水体扭曲和点击水波扩散的效果，主要利用了 pixi.js 库以及关于它的 filters 滤镜的使用。
展开
评论
点赞
#青训营笔记创作活动#
1月18日 打卡day39
今日学习苹果官网滚动文字特效实现。本文介绍了2种使用CSS实现苹果官网新品介绍页的滚动文字效果的方式，分别是background-clip 实现和mix-blend-mode 实现，再结合滚动实现动画。
1月18日 打卡day39
今日学习苹果官网滚动文字特效实现。本文介绍了2种使用CSS实现苹果官网新品介绍页的滚动文字效果的方式，分别是background-clip 实现和mix-blend-mode 实现，再结合滚动实现动画。
展开
评论
点赞
#青训营笔记创作活动#
1月17日 打卡day38
今日学习React Hooks 最佳实践。React Hooks 作为 React 库的重要补充，它使函数组件能够以新的方式编写、重用和共享 React 代码。随着 Hooks 开始改变开发人员编写 React 组件的方式，需要编写一套 React Hooks 的最佳实践，以便团队内成员更轻松地开发和协作。
1月17日 打卡day38
今日学习React Hooks 最佳实践。React Hooks 作为 React 库的重要补充，它使函数组件能够以新的方式编写、重用和共享 React 代码。随着 Hooks 开始改变开发人员编写 React 组件的方式，需要编写一套 React Hooks 的最佳实践，以便团队内成员更轻松地开发和协作。
展开
评论
点赞
#青训营笔记创作活动#
1月16日 打卡day37
今日学习原生JS手写一个优雅的图片预览功能。本文用一个极简的例子详细讲解如何用原生JS一步步实现完整的图片预览和查看功能，无任何第三方依赖，兼容PC与H5，介绍了如何仅通过指针事件进行多端统一的事件监听，如何实现触屏双指缩放等。
1月16日 打卡day37
今日学习原生JS手写一个优雅的图片预览功能。本文用一个极简的例子详细讲解如何用原生JS一步步实现完整的图片预览和查看功能，无任何第三方依赖，兼容PC与H5，介绍了如何仅通过指针事件进行多端统一的事件监听，如何实现触屏双指缩放等。
展开
评论
点赞
#青训营笔记创作活动#
1月15日 打卡day36
今日学习在vue中为什么不能用index作为key。index作为key简单又方便，但是本文讲解了key的作用、虚拟DOM、和diff算法，并通过3个demo展示了为什么不可以用index作为key。
1月15日 打卡day36
今日学习在vue中为什么不能用index作为key。index作为key简单又方便，但是本文讲解了key的作用、虚拟DOM、和diff算法，并通过3个demo展示了为什么不可以用index作为key。
展开
评论
点赞
#青训营笔记创作活动#
1月14日 打卡day35
今日学习不使用第三方库实现前端引导页功能。本文讲解了哪些第三方库可以实现前端引导页功能以及不使用第三方库应该如何实现前端引导页功能，虽然第三方库更加方便，但是了解原理比了解如何使用更重要。
1月14日 打卡day35
今日学习不使用第三方库实现前端引导页功能。本文讲解了哪些第三方库可以实现前端引导页功能以及不使用第三方库应该如何实现前端引导页功能，虽然第三方库更加方便，但是了解原理比了解如何使用更重要。
展开
评论
点赞
#青训营笔记创作活动#
1月13日 打卡day34
今日学习提升代码可读性，减少if-else的几个小技巧。本文讲解了短路运算、三元运算符、switch和对象配置方法来减少if-else，传递了提高代码可读性的编程思想。
1月13日 打卡day34
今日学习提升代码可读性，减少if-else的几个小技巧。本文讲解了短路运算、三元运算符、switch和对象配置方法来减少if-else，传递了提高代码可读性的编程思想。
评论
点赞
#青训营笔记创作活动#
1月12日 打卡day33
今日学习一个登录案例包学会 Pinia。本文演示了使用 Pinia 的基本流程，最后还介绍了一个持久化插件，帮助持久化 Pinia 中的状态。Pinia 的使用相比 Vuex ，API 更加简单，数据的流转也更加清晰。
1月12日 打卡day33
今日学习一个登录案例包学会 Pinia。本文演示了使用 Pinia 的基本流程，最后还介绍了一个持久化插件，帮助持久化 Pinia 中的状态。Pinia 的使用相比 Vuex ，API 更加简单，数据的流转也更加清晰。
展开
评论
点赞
#青训营笔记创作活动#
1月11日 打卡day32
今日学习前端实现docx、pdf格式文件在线预览。本文主要是通过第三方库来实现文档预览功能，并将其封装成preview组件，简单地总结了关于文件预览的纯前端实现和封装方式。
1月11日 打卡day32
今日学习前端实现docx、pdf格式文件在线预览。本文主要是通过第三方库来实现文档预览功能，并将其封装成preview组件，简单地总结了关于文件预览的纯前端实现和封装方式。
评论
点赞
#青训营笔记创作活动#
1月10日 打卡day31
今日学习AST（抽象语法树）以及其广泛应用。抽象语法树（Abstract Syntax Tree，AST）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。在代码语法的检查、代码风格的检查、代码的格式化、代码的高亮、代码错误提示、代码自动补全等等场景均有广泛的应用。
1月10日 打卡day31
今日学习AST（抽象语法树）以及其广泛应用。抽象语法树（Abstract Syntax Tree，AST）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。在代码语法的检查、代码风格的检查、代码的格式化、代码的高亮、代码错误提示、代码自动补全等等场景均有广泛的应用。
展开
评论
点赞
#青训营笔记创作活动#
1月9日 打卡day30
今日学习Qiankun原理。本文讲解了qiankun沙箱，qiankun 会把要执行的 JS 包裹在立即执行函数中，通过绑定上下文和传参的方式来改变 this 和 window 的值，让它们指向 window.proxy 沙箱对象，最后再用 eval 来执行这个函数。
1月9日 打卡day30
今日学习Qiankun原理。本文讲解了qiankun沙箱，qiankun 会把要执行的 JS 包裹在立即执行函数中，通过绑定上下文和传参的方式来改变 this 和 window 的值，让它们指向 window.proxy 沙箱对象，最后再用 eval 来执行这个函数。
展开
评论
点赞
#青训营笔记创作活动#
1月8日 打卡day29
今日学习package.json 配置完全解读。package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时也会自动初始化 package.json，里面许许多多的配置，与项目息息相关，了解它们有助于了解项目，提效开发，规范代码。
1月8日 打卡day29
今日学习package.json 配置完全解读。package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时也会自动初始化 package.json，里面许许多多的配置，与项目息息相关，了解它们有助于了解项目，提效开发，规范代码。
展开
评论
点赞
#青训营笔记创作活动#
1月7日 打卡day28
今日学习 Tapable 源码。本文从一个基础案例出发，先依次讲解了 Tapable 中各种类型 Hook 的基本用法和运行机制，接着再次回到最初的案例中，花了大量篇幅讲解 Tapable 的核心思想和实现思路。
1月7日 打卡day28
今日学习 Tapable 源码。本文从一个基础案例出发，先依次讲解了 Tapable 中各种类型 Hook 的基本用法和运行机制，接着再次回到最初的案例中，花了大量篇幅讲解 Tapable 的核心思想和实现思路。
展开
评论
点赞
#青训营笔记创作活动#
1月6日 打卡day27
今日学习在 JavaScript 中的 Map 和 Object 对比。Map 比 Object 快，除非有小的整数、数组索引的键，而且Map 更节省内存。如果需要一个频繁更新的 hash map，建议使用 Map；如果想一个固定的键值集合，建议使用Object，并注意原型继承带来的陷阱。
1月6日 打卡day27
今日学习在 JavaScript 中的 Map 和 Object 对比。Map 比 Object 快，除非有小的整数、数组索引的键，而且Map 更节省内存。如果需要一个频繁更新的 hash map，建议使用 Map；如果想一个固定的键值集合，建议使用Object，并注意原型继承带来的陷阱。
展开
评论
点赞
#青训营笔记创作活动#
1月5日 打卡day26
今日学习Islands 架构原理和实践。本文介绍了 Islands 架构诞生的来龙去脉，分析了它相比于 Next.js、Gatsby 等传统方案的优势，并且剖析了社区相关框架的实现原理，以及分享了一些实践。
1月5日 打卡day26
今日学习Islands 架构原理和实践。本文介绍了 Islands 架构诞生的来龙去脉，分析了它相比于 Next.js、Gatsby 等传统方案的优势，并且剖析了社区相关框架的实现原理，以及分享了一些实践。
展开
评论
点赞