Kissshot
获得徽章 1
#青训营笔记创作活动#
2月6日 打卡day24
今日学习如何不使用第三方库来实现【前端引导页】
前导页，也就是引导页，引导页就是网站首页出现之前的一个页面，是引导浏览者进入正式的网站的一个页面
引导页核心功能其实就两点：高亮部分 + 引导部分
让引导部分 跟着 高亮部分 移动，并且添加一些简单的动画或过渡效果，也分为 蒙层引导 和 无蒙层引导
本文主要介绍的是蒙版引导
2月6日 打卡day24
今日学习如何不使用第三方库来实现【前端引导页】
前导页，也就是引导页，引导页就是网站首页出现之前的一个页面，是引导浏览者进入正式的网站的一个页面
引导页核心功能其实就两点：高亮部分 + 引导部分
让引导部分 跟着 高亮部分 移动，并且添加一些简单的动画或过渡效果，也分为 蒙层引导 和 无蒙层引导
本文主要介绍的是蒙版引导
展开
评论
点赞
#青训营笔记创作活动#
2月5日 打卡day23
今日学习了解了 Pinia
pinia是一个Vue状态管理工具，相比vuex，pinia去除了vuex中对于同步函数Mutations和异步函数Actions的区分。直接在Actions中便能够使用同步和异步方法。其次，pinia对于typescript的支持性更好，只有1kb，简化了很多方法的写法。但由于vuex比较完善，因此,pinia适合小型项目，vuex适合大型项目。
下面通过一个用户登录的案例，简单学习 Pinia 的使用
2月5日 打卡day23
今日学习了解了 Pinia
pinia是一个Vue状态管理工具，相比vuex，pinia去除了vuex中对于同步函数Mutations和异步函数Actions的区分。直接在Actions中便能够使用同步和异步方法。其次，pinia对于typescript的支持性更好，只有1kb，简化了很多方法的写法。但由于vuex比较完善，因此,pinia适合小型项目，vuex适合大型项目。
下面通过一个用户登录的案例，简单学习 Pinia 的使用
展开
评论
点赞
#青训营笔记创作活动#
2月4日 打卡day22
今日学习了如何通过三方库来实现文档预览功能，并将其封装成preview组件
实现的插件：
docx的实现需要使用docx-preview插件
pdf的预览需要使用PDFJS插件, 通过将文件流解析写到canvas上实现预览效果
其他需要注意的地方：
因为将多种文件渲染放在一个文件中，所以处理函数需要做映射处理，执行对应格式的文件渲染。如果出现了不支持的文件，需要增加一个提示处理，告知用户
2月4日 打卡day22
今日学习了如何通过三方库来实现文档预览功能，并将其封装成preview组件
实现的插件：
docx的实现需要使用docx-preview插件
pdf的预览需要使用PDFJS插件, 通过将文件流解析写到canvas上实现预览效果
其他需要注意的地方：
因为将多种文件渲染放在一个文件中，所以处理函数需要做映射处理，执行对应格式的文件渲染。如果出现了不支持的文件，需要增加一个提示处理，告知用户
展开
评论
点赞
#青训营笔记创作活动#
2月3日 打卡day21
今日学习了AST以及AST的一些应用
AST，即抽象语法树（Abstract Syntax Tree）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构，广泛应用于代码语法检查、代码风格检查、代码的格式化、代码的高亮、代码错误提示、代码自动补全等等场景。
本文从AST的设计理念出发，逐步引申出编译器的工作原理，还手写了一个简易编译器，值得借鉴学习
2月3日 打卡day21
今日学习了AST以及AST的一些应用
AST，即抽象语法树（Abstract Syntax Tree）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构，广泛应用于代码语法检查、代码风格检查、代码的格式化、代码的高亮、代码错误提示、代码自动补全等等场景。
本文从AST的设计理念出发，逐步引申出编译器的工作原理，还手写了一个简易编译器，值得借鉴学习
展开
评论
点赞
#青训营笔记创作活动#
2月2日 打卡day20
今天学习了package.json文件
package.json 里面有许许多多的配置，可以大致分为7类：
• 描述配置（name、version…）
• 文件配置（files、type…）
• 脚本配置（scripts、config）
• 依赖配置（dependencies、…）
• 发布配置（private、…）
• 系统配置（engines、os、…）
• 第三方配置（unpkg、browserslist、…）
这些配置与项目息息相关，了解它们有助于了解项目，提效开发，规范代码
2月2日 打卡day20
今天学习了package.json文件
package.json 里面有许许多多的配置，可以大致分为7类：
• 描述配置（name、version…）
• 文件配置（files、type…）
• 脚本配置（scripts、config）
• 依赖配置（dependencies、…）
• 发布配置（private、…）
• 系统配置（engines、os、…）
• 第三方配置（unpkg、browserslist、…）
这些配置与项目息息相关，了解它们有助于了解项目，提效开发，规范代码
展开
评论
点赞