陈尼克

前端工程师这个职业是一个很杂，且边界模糊的职业。无论你承认与否，事实就是如此。你甚至可以在某一个很小的领域里翻江倒海，比如专攻可视化、Canvas、Node、多媒体等等。但是我认为，作为一名前端工程师，一个承上启下的中间环节，我们必须要让自己懂的更多，知识面更广，才能更好得担负承上启下的这份责任。学好 Node 不仅能让我们变得更优秀，甚至在公司需要我们承担其部分服务端任务的时候，也能应变自如。在我们接一些外包私活的时候，也不用再去寻找服务端的朋友来帮忙，因为我们自己就能完成的很好。 这次为大家带来一个比较全面的全栈教程，服务端采用 Koa 上层框架 Egg.js，使用老牌数据库 MySQL。客户端使用 React + Antd-Mobile 移动端 UI 框架，从 0 到 1 实战开发。下面是本场 Caht 的大纲： - Egg.js 基础入门 - Egg.js 开发环境搭建及生成项目目录讲解 - 理解 Egg.js 的路由机制 - 编写简单的 GET 和 POST 接口 - Egg.js 中如何使用前端模板 - React 编写日记界面 - React 开发环境搭建接入 Ant Design Mobile - 通过 vw 适配移动端方案 - 日记列表页开发 - 日记详情页开发 - 日记编辑页面开发 - Egg.js 服务端开发 - 本地安装 MySQL 数据库 - Navicat 操作数据库创建日记表 - 编写添加日记接口、更新日记接口 - 编写获取日记列表接口、获取日记详情接口、删除日记接口 - 联调接口 - 通过 pm2 部署项目到线上服务器 适合人群： 1. 工作 1～3 年的前端工程师 2. 希望写一套属于自己的前后端全栈的同学

本场 Chat 的主要内容是，分享用 Electron 技术栈制作一个图片压缩客户端小工具，让入门了 Electron 的同学，有一个练手的小项目，此项目能一直当作自己的一个项目进行维护，也能在自己的工作小团队里进行小范围的使用，也算是一个前端基建项目。 1. 认识 Electron 2. Electron-Vue 项目目录介绍 3. 初始化项目，实现第一个小目标——拖拽上传图片 4. 实现图片压缩和展示列表 5. LowDB 实现本地持久化 6. 利用主进程和渲染进程通信，完成托拽图片到图标上传图片 7. 编译和打包 8. 拓展与思考，分享 GitHub 源码地址