[Next] Next.js+Nest.js实现GitHub第三方登录
GitHub OAuth 第三方登录
第三方登录的关键知识点就是 OAuth2.0 . 第三方登录,实质就是 OAuth 授权 . OAuth 是一个开放标准,允许用户让第三方应用访问某一个网站的资源,而不需要提供账号和密码.
总体就是:myapp <=> user <=> github
授权的总体流程
用户进入到我的网站,我想要获取到用户的 GitHub 信息
跳转到 GitHub 授权 ...
vue系列文章 --- 源码目录结构整理（三）
vue的版本是：^2.6.10
结构如下：
|----- vue
| |--- dist # 打包之后的目录vue文件
| | |--- vue.common.dev.js
| | |--- vue.common.js
| | |--- vue.common.prod.js
| | |--- vue.esm.browser.js
| | |--- vue.esm.browser.min.js
| | |--- vue.esm.js
| | |--- vue.js
| | |--- ...
records
2019年数据地址备份：
three.js 实例在NextWebProject/static/canvas下边！
qlgj 在NextWebProject下边！
来源：https://www.cnblogs.com/universe-cosmo/p/11742110.html
用js刷剑指offer(复杂链表的复制)
题目描述
输入一个复杂链表（每个节点中有节点值，以及两个指针，一个指向下一个节点，另一个特殊指针指向任意一个节点），返回结果为复制后复杂链表的head。（注意，输出结果中请不要返回参数中的节点引用，否则判题程序会直接返回空）
思路
牛客网链接
js代码
/*function RandomListNode(x){
this.label = x;
...
用js刷剑指offer(合并两个排序的链表)
题目描述
输入两个单调递增的链表，输出两个链表合成后的链表，当然我们需要合成后的链表满足单调不减规则。
牛客网链接
js代码
/*function ListNode(x){
this.val = x;
this.next = null;
}*/
function Merge(pHead1, pHead2)
{
// write code here
if (!pHead1) return pHead2
if (!pHead2) retu ...
[Next] 二.next.js之组件
next.js 中的组件
next.js 里面的组件(页面)就是 react 里面的组件.
功能组件
在项目之中一个功能组件的创建 , 他可以和父组件放到一个文件里,也可以单独创建一个文件存放组件.
没有生命周期
没有 this
没有 state 状态
一个函数就是一个组件
功能组件一般作为展示类组件使用(轻,快)
import fetch from 'isomorphic-unfet ...
[Next] 一.初见next.js
next 简介
next.js作为一款轻量级的应用框架，主要用于构建静态网站和后端渲染网站。
next 特点
默认情况下由服务器呈现
自动代码拆分可加快页面加载速度
简单的客户端路由（基于页面）
基于 Webpack 的开发环境,支持热模块替换（HMR）
能够与 Express 或任何其他 Node.js HTTP 服务器一起实现
可使用您自己的 Babel 和 We ...
用js刷剑指offer(反转链表)
题目描述
输入一个链表，反转链表后，输出新链表的表头。
牛客网链接
js代码
/*function ListNode(x){
this.val = x;
this.next = null;
}*/
function ReverseList(pHead)
{
// write code here
if (!pHead) return null
let p = pHead
let q = pHead.next
let head = pHead
head.nex ...
Next.js React16.8与Koa2开发代码托管管理平台
知识点介绍整体把握Nextjs，Koa，redis，antd搭建服务器 Next.js入门与实践React钩子Hooks使用方法redux介绍及Nextjs集成reduxOAuth协议详解与使用文本托管仓库案例整体架构实现主页开发 开发搜索功能的页面开发托管仓详情介绍页面部署与上线
下载地址：百度网盘下载
来源：https://www.cnblogs.com/xwc245ag/p/1146989 ...
跟文档学习next.js
前言：Next.js 是一个轻量级的 React 服务端渲染应用框架。
Next.js中文点击这里
Next.js中文站Github点击这里
新建文件夹安装它：
npm install --save next react react-dom
将下面脚本添加到 package.json 中:
{
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
...
VUE修改每个页面title
/index.js
routes: [
{
name:'home',
path: '/home/penname',
component: Home,
meta: {
title: '首页'
}
}
]
//main.js
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = ...
数据结构之-链表倒转
最近在复习数据结构，整理部分有点绕的点，其中一个就是链表倒转
/* Function to reverse the linked list */
static void reverse(struct LNode **head_ref)
{
struct LNode *prev = NULL;
struct LNode *current = *head_ref;
struct LNode *next = NULL;
while (current != NULL)
{
// Sto ...
react: nextJs koa project basic structure
1、init nextJs project
npm init
npm install react react-dom next
config script in package.json
"dev": "next"
"start": "next start"
"build": "next build"
npm run dev
result: 404 page not found
2、index.js entry file
export default () => <span>hello react next<span>
result: hello react ne ...
Next.js 笔记
NEXT 中文文档地址！
next.js 只有服务端使用的包需要做单独处理，无需打包到项目中，可以使用@zeit/next-bundle-analyzer观察代码。
Router.beforePopState() 截断Router操作的设置只有在客户端生效（需在componentDidMount中设置）且进入此函数中的方法只有Router栈中有值的时候才可以！
next.js 中设置绝对路径的方法 ...
node监听80端口权限问题
p.p1 { margin: 0; font: 11px Menlo; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1) }
span.s1 { font-variant-ligatures: no-common-ligatures }
p.p1 { margin: 0; font: 11px Menlo; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1) }
span.s1 { font-variant-ligatures: no ...
react基础学习和react服务端渲染框架next.js踩坑
说明
React作为Facebook 内部开发 Instagram 的项目中，是一个用来构建用户界面的优秀 JS 库，于 2013 年 5 月开源。作为前端的三大框架之一，React的应用可以说是非常的广泛。这里讲一个react服务端渲染的框架-next.js踩坑过程。
技术栈
react、next.js、ant design、axios
大纲
按照以下思路来写：
react基本语法
reac ...
