qq5ad2f4836d165的博客_React,计算机基础知识,常见错误

npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules

MAC下这种情况就是没有权限，需要获取root权限在npm前面加sudo 然后输入密码sudo npm install xxxx

npm

root权限

原创 2021-11-19 13:54:17 736 阅读

前端性能优化之雅虎35条军规

页面内容(1) 减少HTTP请求数Web前端80%的响应时间花在图片，样式，脚本等资源

性能优化

加载

服务器

css

缓存

转载 2021-11-19 13:54:02 188 阅读

UDP和TCP

面试题TCP和UDP有哪些区别?UDP协议是面向无连

TCP

UDP

数据

服务器

重传

原创 2021-11-19 13:53:40 488 阅读

关于模块化立即执行函数和ESModule的详解

立即执行函数在了解立即执行函数之前，先明确一下函数声明，函数表达

模块化

立即执行函数

匿名函数

函数声明

作用域

转载 2021-11-19 13:53:24 416 阅读

布局

涉及的范围页面布局 CSS盒模型 DOM事件 HTTP协议面向对象原型链通信算法安全一面/二面页面布局1 假设高度已知，请写出三栏布局，其中左栏，右栏宽度各位300px，中间自适应题目的延伸1 每个方案的优缺点写在代码下面2 假设把高度去掉，考虑纵向，哪个方案不适用?定位和表格能用3 兼容性，真正在业务中，使用哪种？看情况！！浮动布局<!DOC...

布局

三栏布局

html

表格布局

自适应

原创 2021-11-19 13:53:09 49 阅读

scrollWidth,clientWidth,offsetWidth的区别

scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。clientWidth和clientHeigh 、 clientTop和clientLeftclientWid...

scroll

client

offset

其他

原创 2021-11-19 13:53:09 165 阅读

手写call,apply,bind函数

涉及面试题call,apply,bind函数内部实现是怎样的?考虑两点:第一个参数为undefined或null的时候，那么会转变为window改变了this执行，让新的对象可以执行该函数。callFunction.prototype.myCall = function(context) { if (typeof context === "undefined" || c...

bind

apply

call

调用函数

构造函数

原创 2021-11-19 13:53:09 295 阅读

从URL输入到页面展示发生了什么

总的来说就是下面几个过程:DNS解析:将域名解析成IP地址TCP连接:TCP的三次握手发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面断开连接:TCP四次挥手URL到底是啥URL(Uniform Resource Locator)统一资源定位符，用于定位互联网上资源，俗称网络.遵循以下语法规则：scheme://host.domain:port/path/fi...

TCP

三次握手

四次挥手

服务器

客户端

原创 2021-11-19 13:53:08 186 阅读

解决输入git branch 进入编辑状态，mac下出现END，无法返回

在终端设置（输入下面的代码）git config --global core.pager mor

git

mac

其他

原创 2021-11-19 13:53:07 659 阅读

HTTP方法的详解

GET 系列请求GETGET方法用来请求访问已被URL识别的资源DELETE从服务器上删除某些资源文件HEAD只想获取服务器返回的响应头信息(响应主体内容不需要获取)POST系列请求POSTPUT 向服务器中增加指定的资源文件不管是哪一种请求方式，客户端都可以把信息传递给服务器，服务器也可以把信息返回给客户端，只是GET系列一般以获取为主(给的少，拿的多)而POST系列一般以...

HTTP方法

服务器

幂等

get请求

post请求

原创 2021-11-19 13:53:07 143 阅读

HTTP和HTTPS

HTTPHTTP请求有三部分组成:请求行GET/images/logo.gif HTTP/1.1 基本由请求方法，URL，协议版本组成首部请求首部和响应首部实体HTTP/2HTTP/2相比HTTP/1 大幅度提高了网页的性能在HTTP/1 中，为了性能考虑，我们会引入雪碧图，将小图内联，使用多个域名等等的方式，这一些是因为浏览器限制了同一域名下的请求数量(Chrome下一般是限...

HTTPS

HTTP

多路复用

数据

首部

原创 2021-11-19 13:53:07 101 阅读

node版本如何降级

（1）安装node版本管理模块nsudo npm install n -g下边步骤请根据自己需要选择（2）安装稳定版sudo n stable（3）安装最新版sudo n latest（4）版本降级/升级sudo n 版本号//例如：sudo n 9.1.7...

node

npm

版本号

版本管理

其他

原创 2021-11-19 13:53:06 1356 阅读

新版vscode打开分栏的settings设置界面

新版vscode打开分栏的settings设置界面左下角点击齿轮打开设置（setting）搜索栏搜索 use split在如下的项目上打上对勾点击Ctrl+Shift+P，在弹框中输入setting，选择打开设置然后我们就可以看到分栏的setting界面了...

vscode

搜索

搜索栏

其他

原创 2021-11-19 13:53:06 2177 阅读

写一个加法函数sum同时支持sum(x,y)sum(x)(y)

function sum(){ var num = arguments[0]; if(arguments.length==1){ return function(sec){ return num+sec; } }else{ var num = 0; for(var i = 0;i<...

JS

i++

其他

原创 2021-11-19 13:53:06 304 阅读

gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2

gyp ERR! build errorgyp ERR! stack Error: `make` failed with exit code: 2gyp ERR! stack at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:262:23)gyp ERR! st...

npm

node

其他

原创 2021-11-19 13:53:06 3658 阅读

理解Object.defineProperty的作用

对象是由多个名/值对组成的无序的集合。对象中每的方式，还可以使用Object.defineProperty定义新属性或修改原有的属性...

Object

defineProperty

数据

属性设置

添加属性

转载 2021-11-19 13:49:57 119 阅读

前端网络安全防范详解

借鉴了很多文章，参考很多资料浅谈CSRFXSS涉及的面试题什么是XSS攻

CSRF

XSS

点击劫持

安全

原创 2021-11-19 13:49:39 267 阅读

跨域详解

同源策略协议域名端口都一样就是同源同源策略限制了从同一个源加载的

跨域

JS

面试

子窗口

服务器

原创 2021-11-19 13:49:24 186 阅读

this问题

涉及面试题:如何正确判断this?箭头函数的this是什么?说明this的几种不同使用场景this必须是在要执行时才能确认值，定义时无法确定.1.作为构造函数属性执行2.作为对象属性执行3.作为普通函数执行4.call apply bind我们先看几个函数调用的场景function fn() { console.log(this.a)}var a = 1fn()c...

this

面试

前端

构造函数

函数调用

原创 2021-11-19 13:48:06 46 阅读

Cookie和Session的区别

Cookie (存储在用户本地终端上的数据)Cookie指某些网站为了辨别用户身份，进行session跟踪而储存在用户本地终端上的数据(通常经过加密)。Cookie实际上是指小量信息，是由Web服务器创建的，将信息存储在用户计算机上的文件.场景当我们浏览器以前访问过的网站时，网页中可能会出现:你好XXX。这会让我们感到很亲切，就像是吃了小甜品一样。这其实是通过访问主机上的一个文件来实...

Cookie

Session

服务器

数据

本地终端

原创 2021-11-19 13:48:06 79 阅读

Vue的父子组件通信(十种)

设计的面试题Vue中父子组件通信有哪些方式?概述通信方式无外乎就那几种:Prop 常用$emit 组件封装用的较多.sync 语法糖 (较少)$attrs和$listeners(组件封装用的较多)provide和inject(高阶组件/组件库用的较多)其他方式通信详情1 Prop我们用的最多方式，可以通过Prop向子组件传递数据。用一个形象的比喻来说，父...

Vue

父子组件

面试

html

数据

原创 2021-11-19 13:48:05 153 阅读

Vue的非父子组件传值

解决方案BUS总线/发布订阅代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.

Vue

html

vue.js

发布订阅

数组

原创 2021-11-19 13:48:05 149 阅读

JavaScript的拷贝(克隆)问题

let _ = require('lodash');let obj2 = { a: [1, 2, 3], b: { c: 2, d: 3 }}let obj3 = _.cloneDeep(obj2)obj3.b.c = 1console.log(obj2)

JS

拷贝

数组

json

浅拷贝

原创 2021-11-19 13:48:04 85 阅读

闭包详解

涉及的面试题什么是闭包?函数A内部有一个函数B，函数B可以访问到函数A中的变量，那么函数B就是闭包function A() { let a = 1; window.B = function() { console.log(a) }}1. 如何产生闭包?当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包...

闭包

JS

内部函数

嵌套

局部变量

原创 2021-11-19 13:48:04 168 阅读

border.css移动端边框问题

@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,.border-bottomleft {...

移动端

边框

3d

伪元素

默认值

原创 2021-11-19 13:48:04 152 阅读

原型继承和Class继承

涉及的面试题原型如何实现继承?CLass如何实现继承?Class本质是什么?首先讲一下class，当初我学习ES6的时候，出现class的时候，我蛮开心的，因为我有JAVA的基础，对class可是非常的理解。后来发现，其实JS中还是没有类的存在的，class只是一个语法糖其本质函数还是函数class Person {}console.log(typeof Person) //func...

JS

原型

继承

父类

构造函数

原创 2021-11-19 13:48:03 156 阅读

JavaScript实现十大排序算法

排序算法是数据结构与算法中最基本的算法之一排序算法可以分为内部排序和外部排序，内部排序是数据记录在内存中进行排序。而外部排序是因为排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存关于时间复杂度平方阶(O(n²))排序：直接插入，直接选择，冒泡排序线性对数阶(O(logn))排序：快速排序，堆排序，归并排序O(N)排序:基数排序，桶排序，箱排序关于稳定性稳...

JS

算法

排序

数据

排序算法

原创 2021-11-19 13:48:03 140 阅读

移动端的reset.css

/**Eric Meyer’s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)http://cssreset.com*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, ...

reset

h5

ide

html

microsoft

原创 2021-11-19 13:48:03 178 阅读

call,apply,bind

callcall和apply就是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。function a(name) { console.log(name, 111) console.log(this, 222) }a('fanfei')使用call改变this ...

JS

bind

apply

call

数组

原创 2021-11-19 13:48:02 107 阅读

使用typeof并不能判断obj是否是一个对象的问题

涉及的笔试题使用typeof obj==='object’潜在问题，并不能确定obj是否是一个对象?当初我看到这个题的时候，我的第一反应就是使用instanceof，其实这是错误的，这里让判断的就是object类型，并没有让你判断详细的对象类型(Array，String之类)其实这里主要是为了区分null和对象，因为使用typeof 来判断null，返回的结果也是object。这里提供...

JS

笔试

数组

对象类型

函数返回

原创 2021-11-19 13:48:02 50 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

qq5ad2f4836d165的博客