漂流瓶jz

在封装vue组件库时一些基础的工程化方法。了解这些就可以开发基础的二次封装组件库了。但实际上不管是组件库还是前端工程化都是一个比较复杂的主题。...

理解Vue2的响应式原理 使用Vue作为前端开发技术栈的同学，在使用Vue时都会有一些好奇：为啥我们的响应式变量要在data中定义？Vue是如何监听到变化，实现响应式的？...

我们介绍几种实现自适应三栏布局的几种方法，包括使用flex，grid等方法实现，以及经典的圣杯布局/双飞翼布局等。这些布局的实现源码我放到了Github上面进行了开源。...

本文先对JavaScript中异步编程和Promise进行了简单介绍。然后实现一个完整的Promise。不仅可以通过Promises/A+规范测试，并且提供了与ECMASc...

JavaScript中的异步代码 JavaScript是一个单线程非阻塞的脚本语言。但是JavaScript中有很多耗时的异步操作，异步非阻塞的实现，就是靠Javascri...

简介 在Web前端开发时，我们经常会遇到一些浏览器存储相关的工具，例如Cookie。Cookie的英文本意是曲奇，但是在Web中，它被用作浏览器中存储的数据。Cookie都...

BFF是一种Web架构，全名为Backends For Frontends，即为服务于前端的后端。BFF一般指的是在前端与后端之间加增加一个中间层。...

使用VitePress和Github搭建个人博客网站，可以自动构建和发布。VitePress是一个静态网站生成器，内容使用Markdown语法，配置简单，同时附带了一个默认...

虚拟模块实际上是Vite背后的打包器Rollup的功能。通过虚拟模块，我们可以传入一些编译时信息。通过虚拟模块，我开发了两个vite插件，集成了多语言多皮肤文件等资源的快速...

脚手架是创建前端项目的命令行工具，集成了常用的功能和配置，方便我们快速搭建项目，目前网络上也有很多可供选择的脚手架。今天就来聊一下如何编写一个脚手架。...

Web前端界面切换主题/皮肤，是一个常见的需求。如果希望在打包部署后实现皮肤的修改甚至增加皮肤，不需要修改源码或者重新打包，类似于我们常见的皮肤包扩展，又该如何实现呢？...

vue-i18n是Vue.js的国际化插件，用于实现多语言功能。但是vue-i18n文档中提供的示例用法仅仅是开发时才可以添加/修改多语言。如果希望在打包部署后实现多语言的...

面包屑用于显示用户在网站中当前的所处的位置，并且可以向上导航。如果可以自动生成面包屑，就能够减轻很多重复性工作，也方便代码维护。...

持续集成，持续部署简写为CI/CD，指的是代码频繁提交，且自动部署到生产环境。目前的GitLab也提供了CI/CD的工具,因此我就用博客尝试一下。...

简介 使用 Canvas 实现的手画不规则多边形功能。通过鼠标在画面上点击的点作为多边形的顶点，连线形成多边形。除了手画之外，还加入了随机生成和回显，检测多边形横穿，凹凸性...