保存成功
订阅成功
保存失败,请重试
提交成功
陈尼克

陈尼克

高级前端开发
伪全栈,知乎专栏《前端烂笔头》作者,不扯淡,坚信实战中出真知。...更多
创作文章2

Egg.js + MySQL + React + Antd-Mobile 实战移动端私人日记本

前端工程师这个职业是一个很杂,且边界模糊的职业。无论你承认与否,事实就是如此。你甚至可以在某一个很小的领域里翻江倒海,比如专攻可视化、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. 希望写一套属于自己的前后端全栈的同学
React.js
170 订阅

Electron-Vue + Element-UI 制作图片压缩工具实战

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