Vitepress 的实现原理
2 月 21 日
阅读 7 分钟
1.4kVitepress 是由 Vite 和 Vue 驱动的静态站点生成器，通过获取 Markdown 编写的内容，并可以生成对应的静态 HTML 页面。我们经常使用 Vitepress 构建博客等静态网站，本文主要解析一下 Vitepress 的实现原理，下面就开始吧！
我的 vue 怎么和你们的不一样（标题党
2023-07-04
阅读 3 分钟
3.6k在某个中秋节, 心血来潮的我咔嚓咔嚓写起了 Yondaime (一个没什么人用的博客框架) 的一个 Feature, 具体功能是这样的, 小T同学说要在网站底部加上网站的备案号, 但思来想去, 直接在配置加上一个备案号的专属配置实在是不太通用, 毕竟下次他可能就这么要求:
“奇怪”的 axios 拦截器
2023-07-04
阅读 2 分钟
3.8k💣 事情经过这是一个工作中发现的问题，简单描述一下场景：后端 api 接口返回格式大致如下： {代码...} 当 code 字段为 200 时，则表示接口正常，这时候我们正常取数据就行；当 code 为非 200 时，表示接口异常，此时我们需要把对应的错误信息进行弹窗报错；这属于一个通用的处理，因此我们可以利用 axios 返回拦截器进行...
vue-ellipsis-component: 满足多种场景的 vue 缩略组件
2022-02-09
阅读 3 分钟
3.5k文本缩略是业务中最常见的需求之一，通常我们使用 webkit-line-clamp 实现文本缩略，但这仅限于多行缩略，若是万恶的 PM 脑子一热需要你支持超过某个高度时进行缩略...... 为了让自己不会在这种场景下束手无措，我决定先摸索一下现有的 vue 缩略组件!
提升效率的筛选器组件 vue-filter-box
2022-02-04
阅读 3 分钟
3.7k前两年在 Baidu 时, 常常和数据中台打交道, 一个 FE 可能需要维护着多个中台, 但在繁琐又重复的工作中, 逐步可以摸索出一些提升工作效能的方法, vue-filter-box 就是其中之一!
关于我因为登录失败开始探究Cookie这档事
2020-11-04
阅读 7 分钟
7k最近小枫在工作时遇到一个问题，经过几天的思索和探究终于找到了问题所在，觉得有点价值便写了这篇文章记录下来，分享给热爱学习、乐于思考的各位，希望每个遇到相同情况的人可以通过阅读这篇文章得到解答。
探究: 为什么CSS要在head标签中引入
2020-10-26
阅读 4 分钟
4.1kChrome浏览器的devtool配置有Performance功能，可以对网页进行性能分析，并且会将网页解析渲染流程以图形展示出来，这对我们的分析有极大的帮助。
探究: 为什么JavaScript要在body标签尾部引入?
2020-10-23
阅读 5 分钟
4kJavaScript执行会阻塞HTML的渲染, 因此将JavaScript的引入置于<body></body>尾部, 可以使页面先呈现出来, 避免JavaScript的执行导致页面白屏;
从源码对react-router v5进行原理分析(三)
2020-09-13
阅读 7 分钟
2.9k本篇文章将对react-router中剩余的组件进行源码分析<Redirect>和其他的路由组件一样, <Redirect>使用<RouterContext.Consumer>接收路由数据;定义<Redirect>的prop-types {代码...} <Redirect>的渲染逻辑首先通过传入的push确定<Redirect>的跳转方式是push还是replace: {代码...} 接...
从源码对react-router v5进行原理分析[重编制](二)
2020-09-11
阅读 9 分钟
2.1kThe core of React Router (react-router)DOM bindings for React Router (react-router-dom)
从源码对react-router v5进行原理分析(二)
2020-09-09
阅读 9 分钟
3.7k目录前言react-router结构分析BrowserHistoryRouterSwitchRoute前言此篇文章默认读者已经了解react-router的api使用方法;在看这篇文章之前, 需要先对react-router和react-router-dom有一个简单的了解;首先来看官方对两者的描述The core of React Router (react-router)DOM bindings for React Router (react-router-dom)...
从源码对react-router v5进行原理分析(一)
2020-08-31
阅读 5 分钟
2.2k目录react-router介绍react-router路由跳转原理常见路由模式模拟react-router路由跳转总结react-router介绍Declarative routing for React来自 react-router github 介绍react-router仓库的简介是: 为React声明路由Components are the heart of React's powerful, declarative programming model. React Router is a col...
LogGame - 藏在浏览器控制台里的汽车游戏?
2020-08-11
阅读 1 分钟
2.5k上班?不是梦介绍一个藏在浏览器控制台的汽车游戏 ?, 目前只是一个Demo, 先发出来看看能不能收获一些意见, 还有就是求求star✨示例github地址: [链接]线上地址: [链接]游戏展示:游戏教学使用浏览器(推荐Firefox或Chrome, Firefox的话会更流畅)打开线上地址后, 右键打开菜单, 选择检查元素/检查;切换到控制台/console, 将控...
云音乐用户信息可视化: 对网易云音乐用户的一次有趣的数据分析
2020-07-23
阅读 2 分钟
4.3k这个出于兴趣爱好的可视化项目之前已经在思否分享过一次了, 但因为之前的分享文章有点随便(是过于随便), 因此重新整理了一下发出来, 看看能不能收获到一些建议
CSS为什么要放在head标签中?
2020-07-21
阅读 3 分钟
4.5k从刚入门前端的时候就一直被人告知: "css要在head标签中引入", 但对此的解释却寥寥无几, 那么css为什么要放在head标签中, 而不能像javascript一样置于body标签尾部呢?
根据JSON自动构建的vue筛选框组件
2020-07-21
阅读 2 分钟
5.2k我所在的小组主要面向内部, 开发内部平台, 大多数页面都存在以下的结构: 筛选框 + 表格; 小组内vue UI框架选型为view-design, view-design的Table组件支持使用JSON自动构建出表格, 但是并没有提供筛选框组件; 尽管有提供Input, Select等组件, 但是每次都需要写重复的代码!