摘要：
其他章节请看： react实战 系列 react 的第一个组件 写了 react 有一个半月，现在又有半个月没写了，感觉对其仍旧比较陌生。 本文分两部分，首先聊一下 react 的相关概念，然后不使用任何语法糖（包括 jsx）或可能隐藏底层技术的便利措施来构建 React 组件。 Tip：从一项新技 阅读全文
摘要：
前端学做 PPT 公司做技术分享、年终总结都需要用到ppt。 要快速、省事的做出高质量的 ppt，一方面需要熟练使用制作 ppt 的工具，另一方面得知道用工具做成什么样子才是好作品。前者比较简单，后者则需要长时间的练习。比如提高审美水平就不是一蹴而就的事，得多看优秀的作品，否则你都知道到设计成什么样 阅读全文
摘要：
其他章节请看： 低代码 系列 初步认识低代码 本篇主要介绍低代码是什么、低代码平台的分类、低代码能力指标、低代码平台的调查问卷，最后使用低代码前端框架 amis 初步搭建一个后台系统。 低代码是什么 低代码不是一个纯粹的编程工具，把它叫做生产力提高工具更为合适。 以前人们会在简历中写熟练使用 off 阅读全文
摘要：
数字格式化的 js 库 Numeral.js，是一个用于格式化数字和处理数字的 js 库。 Tip：目前 Star 有 9.2k，5年以前就没有在更新。其文档写得不很清晰，比如它提供了多语言，但如何切换成中文，怎么使用却没有说，对于某些问题（abbreviations 报错）笔者只有从源码、更新日志 阅读全文
摘要：
前端学习 linux - shell 编程 shell 原意是“外壳”，与 kernel（内核）相对应，比喻内核外的一层，是用户和内核沟通的桥梁。shell 有很多种，国内通常使用 bash。 第一个 shell 脚本 创建 hello-world.sh 文件，内容如下： test11@pjl:~/ 阅读全文
摘要：
前端学习 linux - 第一篇 本文主要介绍“linux 发行版本”、“cpu 架构”、“Linux 目录结构”、“vi 和 vim”、“用户管理”、“文件目录指令”、“docker 安装 ubuntu20.04”。 注：笔者使用的是 ubuntu 20.04 桌面版。 linux 发行版本 li 阅读全文
摘要：
内网 Ubuntu 20.04 搭建 docusaurus 项目（或前端项目）的环境 背景 内网开发机是 win7，只能安装 node 14 以下，而 spug 的文档项目采用的是 Facebook 的 docusaurus，需要 node 14 以上才能构建、打包，所以决定借助另一台 ubuntu 阅读全文
摘要：
网址记录 谷歌翻译、百度翻译 菜鸟教程 印记中文 spug - 开源运维平台 Linux 公社 Ant Design axios - Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js mockjs - 生成随机数据，拦截 Ajax 请求 163 邮箱 稿定 在线 阅读全文
摘要：
mobaxterm mobaxterm 适用于 Windows 的增强终端。 官网介绍如下： Enhanced terminal for Windows with X11 server, tabbed SSH client, network tools and much more 带有 X11 服务 阅读全文
摘要：
其他章节请看： 低代码 系列 初步认识 Appsmith appsmith 是什么 appsmith 是 github 上的一个开源项目，截至此刻（20220512）有 17.7k Star。 Appsmith 是一个低代码、开源的框架，用于构建内部应用程序。 使用基于 JavaScript 的可视 阅读全文
摘要：
其他章节请看： react实战 系列 My Dashboard 上一篇我们在 spug 项目中模仿”任务计划“模块实现一个类似的一级导航页面（”My任务计划“），本篇，我们将模仿“Dashboard”来实现一个仪表盘“My Dashboard”。 主要涉及 antd 的 Grid、Card、Desc 阅读全文
摘要：
其他章节请看： react实战 系列 起步 本篇我们首先引入 mockjs ，然后进入 spug 系统，接着模仿”任务计划“模块实现一个类似的一级导航页面（”My任务计划“），最后玩一下 Facebook 的 docusaurus，将 spug 官网文档在本地跑起来。 Tip：环境准备请看 上文 m 阅读全文
摘要：
## 对话录（未完成） ### 人是否需要空闲 人不是机器，机器可以24小时运转而不停歇 ### 悲观·执著·超脱 周国平的文章《悲观·执著·超脱》 人生没有意义，所以悲观 生命只有一次，太珍贵了，所以执着 失败了，还有悲观垫底，故能超脱 ### 尊重，还是要的 相处久了，他人对你的好被当做理所当然 阅读全文
摘要：
react实战 系列（未完结，持续更新中...） 前言 学习 react 的方法，比较常规的是跟着官方文档边看边做，可是 react 的官网教程有点难（至少比 vue 的难），亦或买几本讲基础的或实战类型的 react 的书，可是 react 是一个生态圈，比如要学 react、es6、webpac 阅读全文
摘要：
其他章节请看： 七天接手react项目 系列 尾篇 前面我们依次学习了 react 基础知识、react 脚手架创建项目、react 路由，已经花费了不少时间，但距离接手 spug_web 项目还有一些困难。 package.json 作为项目的核心，从中我们能大概知晓此项目到底用了哪些技术，所以笔 阅读全文
摘要：
其他章节请看： 七天接手react项目 系列 react 路由 本篇首先讲解路由原理，接着以一个基础路由示例为起点讲述路由最基础的知识，然后讲解嵌套路由、路由传参，最后讲解路由组件和一般组件的区别，以及编程式导航。 Tip：我们要接手的 react 项目是：spug_web。 什么是路由 路由就是根 阅读全文
摘要：
其他章节请看： 七天接手react项目 系列 react 脚手架创建项目 前面我们一直通过 script 的方式学习 react 基础知识，而真实项目通常是基于脚手架进行开发。 本篇首先通过 react 脚手架创建项目，分析其目录结构，接着编写第一个组件、解决样式覆盖，最后配置代理 proxy 以及 阅读全文
摘要：
七天接手react项目 背景 假如七天后必须接手一个 react 项目（spug - 一个开源运维平台），而笔者只会 vue，之前没有接触过 react，此刻能做的就是立刻展开一个“7天 react 扫盲活动”。 react 活动扫盲方针 以读懂 spug 项目为目标 无需对每个知识点深究 功能优先 阅读全文
摘要：
其他章节请看： 七天接手react项目 系列 生命周期&受控和非受控组件&Dom 元素&Diffing 算法 生命周期 首先回忆一下 vue 中的生命周期： vue 对外提供了生命周期的钩子函数，允许我们在 vue 的各个阶段插入一些我们的逻辑，比如：created、mounted、beforeDe 阅读全文
摘要：
其他章节请看： 七天接手react项目 系列 state&事件处理&ref 在 react 起步 一文中，我们学习了 react 相关知识：jsx、组件、props。本篇将继续研究 state、事件处理和ref。 state State 与 props 类似，但是 state 是私有的，并且完全受控 阅读全文