秃了头也不退休

初步学习next.js-4-在getInitialProps中用axios获取数据

摘要： yarn add axios import axios from 'axios' const Page = ({ stars }) => <div> Next stars: {stars} </div> Page.getInitialProps = async ({ req }) => { cons 阅读全文

posted @ 2020-06-17 13:39 秃了头也不退休阅读(959) 评论(0) 推荐(0) 编辑

初步学习next.js-3-6个路由钩子

摘要： import React from 'react' import Link from 'next/link' import Router from 'next/router' const Home = () => { function gotoXiaojiejie(){ Router.push({ 阅读全文

posted @ 2020-06-17 13:36 秃了头也不退休阅读(618) 评论(0) 推荐(0) 编辑

初步学习next.js-2-组件，路由，传递参数

摘要： pages和components 1.直接在根目录下的pages文件夹下，新建一个jsyang.js页面，启动后访问路径为/jsyang 2.在根目录下新建文件夹components,新建组件com1.js文件， export default ({children})=><button>{chil 阅读全文

posted @ 2020-06-17 11:45 秃了头也不退休阅读(2561) 评论(0) 推荐(0) 编辑

初步学习next.js-1-新建项目

摘要： react和vue做的都是单页面应用缺点：1.不适合SEO 2.启动慢解决方案：next.js 参考技术胖的资料进行学习 https://jspang.com/detailed?id=51#toc21 1.手动创建next.js 创建文件夹 D: mkdir NextDemo npm init 阅读全文

posted @ 2020-06-17 11:29 秃了头也不退休阅读(843) 评论(0) 推荐(0) 编辑

对象比较-深层，浅层

摘要： 1.当对象只有1层的时候只需要做下浅层对比就好了 shallowEqual=(...object)=>{ let firstObject=object[0] let flag=true object.map(item=>{ if(Object.keys(item).length !== Objec 阅读全文

posted @ 2020-06-12 10:53 秃了头也不退休阅读(556) 评论(0) 推荐(0) 编辑

制作右键菜单

摘要： 1.首先制作菜单，并设置display属性为none const RightMenu=()=>( <div className="menu" > <ul> <li onClick={()=>{console.log(8)}}>功能1</li> <li onClick={()=>{console.lo 阅读全文

posted @ 2020-06-11 16:48 秃了头也不退休阅读(193) 评论(0) 推荐(0) 编辑

使用高德API-初级应用

摘要： 1.进入高德开放平台 2.注册账号 3.注册应用后会得到1个key 4.在html页面添加 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> 一.游览器定阅读全文

posted @ 2020-06-08 18:05 秃了头也不退休阅读(401) 评论(0) 推荐(0) 编辑

启动前后端连载方法

摘要：前后台项目各自启动有时候麻烦，那有方法一键启动嘛？还真有！ 1.新建文件夹 2.将前端项目建立在新建文件夹中 3.将node后台项目直接安装在文件夹 4.安装concurrently yarn add concurrently 5.前端项目中设置启动命令 6.node后端设置启动命令 7.npm r 阅读全文

posted @ 2020-06-04 09:32 秃了头也不退休阅读(289) 评论(0) 推荐(0) 编辑

使用websocket

摘要：一.建立scoket服务 yarn add ws const WebSocket = require('ws'); // 定义websocket服务器 const wsServer = new WebSocket.Server({ port: 5000 }); // 定义连接到的websocket集阅读全文

posted @ 2020-06-03 14:04 秃了头也不退休阅读(309) 评论(0) 推荐(0) 编辑

关于图片压缩

摘要： 1.手动压缩网站 https://tinypng.com/ 2.上传图片时压缩 lrz说明 ( github地址：https://github.com/think2011/localResizeIMG ) 用于：在客户端压缩好要上传的图片可以节省带宽更快的发送给后端，特别适合在移动设备上使用。解阅读全文

posted @ 2020-05-22 09:52 秃了头也不退休阅读(291) 评论(0) 推荐(0) 编辑