摘要:
前端学做 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 是私有的,并且完全受控 阅读全文
摘要:
其他章节请看: 七天接手react项目 系列 react 起步 背景 假如七天后必须接手一个 react 项目(spug - 一个开源运维平台),而笔者只会 vue,之前没有接触过 react,此刻能做的就是立刻展开一个“7天 react 扫盲活动”。 react 活动扫盲方针 以读懂 spug 项 阅读全文