- 博客(26)
- 收藏
- 关注
RSS订阅原创 前端面试题之计算机网络
三次握手为了维持可靠连接tcp通信双方必须维护一个序列号三次握手保证双方的序列号都能被对方知道1.客户端向服务端发送一个SYN(同步序列号),询问是否建立连接2.服务端返回给客户端一个ACK(确认应答)和SYN，告诉可以连接3.用户接收到ack和syn就可以开始传输数据了cdn原理content delivery network 内容分发网络,使用缓存服务器,将缓存服务器分布到用户访问相对集中的地区或网络HTTP状态码1表示信息,2表示成功,3表示重定向,4表示客户端错误,5表示服务
2021-01-28 19:50:59
292
原创 前端面试题之操作系统
进程与线程的区别进程进程是系统中运行的应用程序线程线程负责当前程序的执行区别根本区别:进程是OS资源分配的基本单位,而线程是处理器调度和执行任务的基本单位资源开销:同一个进程中的线程共享资源,线程之间切换的开销小,而进程切换开销大依赖关系:线程依赖于进程执行,每个独立的进程有程序的入口和出口,线程必须在这里面执行。死锁多个进程之间运行过程中因为争夺资源而造成的一种僵局产生死锁的原因=>1.竞争不可剥夺资源(例如打印机这种单一资源)2.出现请求环路
2021-01-28 19:49:24
628
1
原创 前端面试题之JavaScript
闭包闭包就是有权访问其他函数内部变量的函数，或者子函数在外调用，子函数所在的父函数的作用域不会被释放。const fn=()=>{ let count=0; return function(){ return count++; }}let c=fn();console.log(c());//0console.log(c());//1防抖与节流防抖不让频繁执行function debounce(fn,space){ le
2021-01-28 19:48:26
120
原创 前端面试题之CSS
CSS盒模型标准盒模型margin>border>padding>content设置的width=content-box的width标准盒模型宽度=width+2*padding+2*border标准盒模型高度=height+2*padding+2*border默认box-sizing为content-box 就是按照上面的进行计算的IE盒模型在IE盒子模型中，width表示content+padding+border这三个部分的宽度盒子宽度=content-
2021-01-25 16:24:46
127
原创 前端面试题之浏览器
什么是Event Loop简单说，就是在程序中设置两个线程：一个负责程序本身的运行，称为"主线程"；另一个负责主线程与其他进程（主要是各种I/O操作）的通信，被称为"Event Loop线程"（可以译为"消息线程"）。http://www.ruanyifeng.com/blogimg/asset/201310/2013102004.png上图主线程的绿色部分，还是表示运行时间，而橙色部分表示空闲时间。每当遇到I/O的时候，主线程就让Event Loop线程去通知相应的I/O程序，然后接着往后运行，所
2021-01-25 14:23:38
224
原创 nginx反向代理
使用反向代理如果访问http://localhost:80(也就是网站的默认端口)让其直接跳转到http://localhost:3000。需要编辑Nginx的conf文件vim /etc/nginx/nginx.conflocation / { # default port, could be changed if you use next with custom server proxy_pass http://localhost:3000; proxy_http_versio
2021-01-24 20:06:49
55
原创 Linux的MySQL数据库操作
1、登录MySQL数据库（mysql -hlocalhost -uroot -p）mysql -hlocalhost -uroot -p2.查看当前数据库show databases;3.使用数据库use databaseName;4.退出数据库exit
2021-01-21 11:19:20
80
原创 nginx部署网页
1.在线安装nginxsudo yum install nginx 安装完后运行 [root@Lrw888 local]# nginx 查询nginx.conf是否正确 [root@Lrw888 local]# nginx -t nginx: the configuration file /etc/nginx/nginx.conf syntax is oknginx: configuration file /etc/nginx/nginx.conf test is successf
2021-01-21 10:51:03
171
原创 react Hooks实现forceUpdate
如果你的render()方法依赖于一些其他的数据，你可以告诉React组件需要通过调用forceUpdate()重新渲染。调用forceUpdate()会导致组件跳过shouldComponentUpdate(),直接调用render()。这将触发组件的正常生命周期方法,包括每个子组件的shouldComponentUpdate()方法。forceUpdate就是重新render。有些变量不在state上，当时你又想达到这个变量更新的时候，刷新render；或者state里的某个变量层次太深，更新的时.
2021-01-20 18:32:09
2976
原创 Linux批量删除
Linux 递归批量删除文件夹或文件的命令 递归批量删除文件夹： 命令： find . -name svn -type d -print -exec rm -rf {} \; 说明： （1）‘.’意思是从当前目录开始递归查找； （2） '-name svn' -name 指令是申明根据名称查找，本例中是查找所有以 svn 命名的文件夹； （3）‘-type d’ -type 指明查找的类型，本例中 指明查找的类型为目录d； （4） '-print' 输出查找到的目录名；
2021-01-16 16:00:37
639
原创 Linux安装MySQL
1.从官网下载Linux的Mysql安装包 wget https://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.24-linux-glibc2.12-x86_64.tar.gz2.安装Mysql tar xzvf mysql-5.7.24-linux-glibc2.12-x86_64.tar.gz mv mysql-5.7.24-linux-glibc2.12-x86_64 /usr/local/ cd /usr/local/ mv
2021-01-16 10:44:58
67
原创 Linux将node更新为最新版本
1.清除npm的缓存npm cache clean -f2.下载版本管理工具nnpm install -g n3.更新到最新版n latest4.重置命令PATH="$PATH"
2021-01-16 09:24:48
1041
原创 next.js支持引入css
在根目录下创建next.config.js文件//让next支持cssconst withCss = require('@zeit/next-css')module.exports = withCss({})
2021-01-15 09:53:24
918
1
原创 npm install 和npm init的作用
npm init生成package.json文件，里面有各种依赖包的信息npm install安装package.json文件中的依赖包到并且生成node_modules文件夹
2021-01-09 10:11:04
4216
原创 centos启动mongodb服务
cd /usr/local/server/mongodb/bin/mongod/bin/./mongod --dbpath=/usr/local/server/mongodb/data --logpath=/usr/local/server/mongodb/mongod.log --logappend --port=27017 --fork（8）停止关闭服务停止服务的方式有两种：快速关闭和标准关闭，下面依次说明：//客户端登录服务，注意，这里通过localhost登录，如果需要远程登录，必须先登录
2021-01-05 16:54:53
1267
原创 判断用户是否登录来决定访问权限
1.判断用户是否登录的函数export const isLogin=()=>{ if(localStorage.getItem("token")) return true else return false}2.如果用户登录就允许访问主要页面，如果没有就重定向import './App.css';import {Switch,Route ,Redirect} from 'react-router-dom'import {adminRoute
2021-01-05 15:13:50
582
原创 antd表单的使用
import React from 'react'import {Form,Card,Input,Button,message} from 'antd'import {Debounce} from 'react-lodash'function Edit(props) { const [form]=Form.useForm() const onFinish=(value)=>{ console.log(value) message.succes
2021-01-05 14:30:36
373
原创 antd上使用form 报错TypeError: Cannot read property ‘getFieldDecorator‘ of undefined
1.在antd3.x之前的版本在最后导出的时候请使用 export default Form.create()(Login);2.在antd3.x以后的版本如4.0及以上已经弃用了Form.create()这个函数取而代之的是新的校验规则，具体去官网上看，大致使用如下,切记Form.Item一定要有name属性，不然校验规则不起作用<Form> <Form.Item label="商品名" name="proName"
2021-01-05 12:35:24
1562
原创 解决react Cannot read property ‘push‘ of undefined
出现这个问题一般是history这个函数不能使用，那么就在hooks中引入这个函数import {useHistory} from 'react-router-dom'//下面这句必须写在组件里面const history=useHistory()接下来就可以为所欲为的用history.push()啦...
2021-01-04 18:17:23
1413
原创 react router
1.要使用react router首先要安装react-router-domnpm i react-router-dom,2.在App.js中使用路由，把App组件替换为所需要的路由表一个单页应用一般只需要一个顶层的Router组件即可，不要再在应用内加Router组件。比如我们现在顶层的组件是APP.js那么我们就在APP.js里面这样：import React, { Component } from 'react';import { BrowserRouter as Router
2021-01-04 16:53:31
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人