牧云云 - 博客园

[置顶] 使用React全家桶搭建一个后台管理系统

摘要：引子学生时代为了掌握某个知识点会不断地做习题，做总结，步入岗位之后何尝不是一样呢？做业务就如同做习题，如果‘课后’适当地进行总结，必然更快地提升自己的水平。由于公司采用的react+node的技术栈，于是就完成了一个reactSPA小项目，计划日后把平时工作中遇到的业务以及学习中遇到有趣的东西给阅读全文

posted @ 2017-05-12 10:10 牧云云阅读(25516) 评论(21) 推荐(15)

2022年1月23日

基于 SSR 的预渲染首屏直出方案

摘要：基于 SSR 的预渲染首屏直出方案 Create React Doc 是一个使用 React 的 markdown 文档站点生成工具。此前在 Create React Doc 中引入了预渲染技术来预先生成对应路由的静态页面，以使基于其搭建的文档站点能享用到 SEO(Search Engine Opt 阅读全文

posted @ 2022-01-23 18:56 牧云云阅读(263) 评论(0) 推荐(0)

2021年12月8日

基于树莓派部署 code-server

摘要：原文链接 code-server 是 vscode 的服务端程序，通过部署 code-server 在服务器，可以实现 web 端访问 vscode。进而可以达到以下能力: 支持跨设备(Mac/iPad/iPhone 等等)编程，同时保证多端编程环境统一。支持在 web 端提交 git 代码。解阅读全文

posted @ 2021-12-08 13:45 牧云云阅读(1008) 评论(0) 推荐(3)

2021年10月4日

TypeScript 条件类型精读与实践

摘要：在大多数程序中，我们必须根据输入做出决策。TypeScript 也不例外，使用条件类型可以描述输入类型与输出类型之间的关系。本文同步首发在个人博客中，欢迎订阅、交流。用于条件判断时的 extends 当 extends 用于表示条件判断时，可以总结出以下规律若位于 extends 两侧的类型相阅读全文

posted @ 2021-10-04 12:50 牧云云阅读(300) 评论(0) 推荐(0)

2021年3月8日

SEO 在 SPA 站点中的实践

摘要：背景观察基于 create-react-doc 搭建的文档站点, 发现网页代码光秃秃的一片(见下图)。这显然是单页应用 (SPA) 站点的通病 —— 不利于文档被搜索引擎搜索 (SEO)。难道 SPA 站点就无法进行 SEO 了么, 那么 Gatsby、nuxt 等框架又为何能作为不少博主搭建博阅读全文

posted @ 2021-03-08 10:27 牧云云阅读(302) 评论(0) 推荐(0)

2020年9月30日

crd-leetcode-cl: 将 LeetCode 中 AC 的题目转化为 MarkDown 表格

摘要：背景: 写博客的时候每当新增 LeetCode 题解时都需要在 LeetCode/README 手动更新表格, 非常费劲。因此构思了 crd-leetcode-cli 插件实现自动化同步更新 leetcode ac 题解为 markdown table 。 crd-leetcode-cli crd- 阅读全文

posted @ 2020-09-30 13:41 牧云云阅读(246) 评论(0) 推荐(0)

2020年7月6日

基于 React 开发了一个 Markdown 文档站点生成工具

摘要： Create React Doc 是一个使用 React 的 markdown 文档站点生成工具。就像 create-react-app 一样，开发者可以使用 Create React Doc 来开发、部署 markdown 站点或者博客而不用关心站点环境配置信息。特性零配置书写 markdow 阅读全文

posted @ 2020-07-06 18:26 牧云云阅读(865) 评论(0) 推荐(0)

2020年1月5日

The Annual Summary Of 2019

摘要： Time is flying, it arrives at the end of year again. This is my first year working in PinDuoDuo inc and it seems I arrive in the company yesterday. Th 阅读全文

posted @ 2020-01-05 00:39 牧云云阅读(468) 评论(1) 推荐(0)

2019年12月28日

INHERITED AND NON-INHERITED IN CSS

摘要： When I look up css properties in MDN's specifications section, there are some properties in it and it seems unfamiliar to me. So I try to find out som 阅读全文

posted @ 2019-12-28 11:24 牧云云阅读(240) 评论(0) 推荐(0)

2019年11月23日

组件设计 —— 重新认识受控与非受控组件

摘要： <! more 重新定义受控与非受控组件的边界 "React 官网中" 对非受控组件与受控组件作了如图中下划线的边界定义。一经推敲, 该定义是缺乏了些和`严谨性`的, 比如针对非表单组件(弹框、轮播图)如何划分受控与非受控的边界? 又比如非受控组件是否真的如文案上所说的数据的展示与变更都由 dom 阅读全文

posted @ 2019-11-23 18:49 牧云云阅读(462) 评论(0) 推荐(1)

2019年8月25日

React 现代化测试

摘要：测试的动机测试用例的书写是一个风险驱动的行为, 每当收到 Bug 报告时, 先写一个单元测试来暴露这个 Bug, 在日后的代码提交中, 若该测试用例是通过的, 开发者就能更为自信地确保程序不会再次出现此 bug。测试的动机是有效地提高开发者的自信心。前端现代化测试模型前端测试中有两种模型, 阅读全文

posted @ 2019-08-25 09:43 牧云云阅读(1041) 评论(0) 推荐(0)

公告