Valory

准备工作终于完成了，接下来开始愉快地操作数据库。代码地址。 博客系统大家都很熟悉了，我在这简单说下表结构。 创建 posts 表，存放我们博客系统的文章。 这个表里应该有自增的 id、文章名称 title、文章内容 content。 来看看这个 1596542806356-Cr…

是一种程序设计技术，用于实现面向对象编程语言里不同类型系统的数据之间的转换。 从效果上说，它其实是创建了一个可以在编程语言里使用的“虚拟对象数据库”。 不了解后端的同学可能不知道这个概念，我来简单说明一下。 以上两段代码执行了完全相同的查询，但是我们可以使用更熟悉的 js 操作…

来记录下学习（踩坑）的过程，这篇文章的代码都在这里啦。 先来看看 Next.js 是什么吧。 Next.js 是一个轻量级的 React 服务端渲染应用框架。 它支持多种渲染方式：客户端渲染、静态页面生成、服务端渲染。 使用Next.js 实现 SSR 是一件很简单的事，我们完…

stream（流）是一种抽象的数据结构。就像数组或字符串一样，流是数据的集合。 不同的是，流可以每次输出少量数据，而且它不用存在内存中。 比如，对服务器发起 http 请求的 request/response 对象就是 Stream。 stream 就像是水流，但默认是没有水的…

又到了愉快的总结时刻，这次我们来看看怎么优化项目中的 Icon。 直接一句话就可以引入 Icon，这样多方便呀。 svg-sprite-loader 会把你的 svg 塞到一个个 symbol 中，合成一个大的 svg。 最后将这个大的 svg 放入 body 中。 symbo…

上篇文章我们了解了如何 从零搭一个 React 脚手架，学习了 webpack 4.0 的基本配置。 这几天我尝试在 Create React App（下面简称 cra） 中配置 CSS，其中配置 sass 还是挺有意思的。因为官方推荐的方法不适用于国内用户，找到了一种快速配置…

刚接触 react 的时候，大家都是通过 create-react-app 等脚手架来快速创建应用。当基本配置满足不了我们的特殊需求时（比如使用 sass），我们会修改 eject 出来的 webpack 配置文件。 面对各种配置项一脸懵逼，不知道怎么快速修改。其实，学习项目搭…

工作结束，又到了愉快的总结时间。 vue3 beta 版本发布之后，大家都说借鉴了 React Hooks，一直使用 vue 开发项目的我也来跟风学习下。 React 官方文档看起来实在费劲，自己总结了常见的几个 Hook用法，希望能帮助大家理解。 如果 state 是一个对象…

使用 react hooks 一段时间了，一直不知道内部具体逻辑是什么。趁着周末研究了一下，一起来看看吧。 没了解useState原理前，我对这段代码的理解是这样：n 的初始值就是0，setN 就是改变n的函数。 实际上，这种理解方式是错误的。 首次渲染 render App …