Nextjs+React+KOA-1

next.js koa 笔记

nextjs 是自身带有服务器,但它这个服务器只是用于处理 ssr 服务器渲染。像 http 请求数据,数据库连接、session 状态这些操作 nextjs 的这个服务都不处理,所以需要使用 koa 等类似的服务,手动来处理。

阅读更多
Nextjs+React+KOA-2
OAuth 认证方式有多种,但常用的有两种 Password Authorize Code Password 方式这种方式比较简单,就是把用户名和密码传递给认证平台,认证平台返回 token。比如我们使用github,把在github上注册的用户名密码传给github,github认证后返回to ...
阅读更多
React-新特性Hooks

Hook 解决的问题

  • state 共享重用(useState)
  • class 中生命周期函数经常包含不相关的逻辑,但又把相关逻辑分离到了几个不同方法中的问题(useEffect)

副作用

在前端开发中,经常会听到副作用的这个说法,很多人以为和吃药有副作用是一个意思,其实不是,前端的主要作用就是 data 到 UI 的渲染,所以这里说的副作用就是除了 data 渲染成 UI 以为的其他操作都算是副作用。比如事件绑定,获取数据等等。

阅读更多
PWA笔记

https://lavas.baidu.com/pwa/README

Progressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。

PWA 能做到原生应用的体验不是靠特指某一项技术,而是经过应用一些新技术进行改进,在安全、性能和体验三个方面都有很大提升,PWA 本质上是 Web App,借助一些新技术也具备了 Native App 的一些特性,兼具 Web App 和 Native App 的优点。

PWA 的主要特点包括下面三点:

可靠 - 即使在不稳定的网络环境下,也能瞬间加载并展现
体验 - 快速响应,并且有平滑的动画响应用户的操作
粘性 - 像设备上的原生应用,具有沉浸式的用户体验,用户可以添加到桌面。

阅读更多
React新特性-memo
memo 解决在运行时的效率问题。 memo 其实就是用来解决无状态组件(函数组件)的“purecomponent”功能。 具体可参考官网
阅读更多
Taro笔记
jsx 语法只能在 render 函数中使用,不支持在其他方法中调用。在 web 开发中,这种使用很常用,但是小程序不支持。 小程序不支持在事件上直接使用箭头函数的方式绑定事件,为了统一最好使用 bind 方式或者定义函数的时候使用箭头函数,直接调用 123// 下面是错误的 ...
阅读更多
flex换行时元素没有挨着上一行显示
在做 flex 布局时,每行显示三个,超过自动换行,一页显示三行,高度固定;但是当有两行数据时,第二行没有挨着上一行进行显示,而是在下面的空白垂直居中的方式显示了;和上一行的间距较大,设置 align-items 也不行; 解决需要设置align-content:flex-start即可。
阅读更多
electron+react+七牛云开发笔记

Electron 和 React 双剑合璧做 markdown

使用 Electrong 、 React 和七牛云做一个在线 markdown。

阅读更多
javascript原型链容易混淆的相关知识

讲解一下关于原型链的知识。

阅读更多
nextjs配合redux笔记

具体可查看github 上官方提供的 demo
下面对代码关键地方做说明,主要讲解如何实现数据共享。

阅读更多