自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 强弱缓存---

1.强制缓存,看浏览器中有没有缓存,有就直接用。expires和cache-control可以控制,后者优先级高于前者2.协议缓存(弱缓存),本质是由服务器控制是否允许缓存,由两组参数控制,last-modified / / last-modified-since和etag / /if-none-match这两组数据中last-modified和etag都是服务器响应头中返回==》然后客户端再次发送请求时,这两个在请求头中的名字会改变成last-modified-since 和if-none-match

2021-08-15 16:38:53 197

原创 端口传参问题

1.端口问题:在两个项目端口冲突的时候,可以在dev文件中修改其中一个的端口号2.传参问题,后端要list形式的参数,需要将数组join(’,’)处理,且请求头中有后端收不到的时候,看一下是不是两边参数名不一致。...

2021-08-09 11:04:39 142

原创 2021-08-03

写在标签里的用=,需要加{} 。例如 labelCol={8}写在{}里的用:,直接写参数。例如rules={[{ required: true }]}

2021-08-03 11:45:44 95

原创 11调试环境

调试1.联调 =》EUREKA_LABEL=Ethan到.env.local2.测试环境挂了话,DEV文件调本地环境,打开OPEN VPN,成功连接

2021-07-29 15:44:56 1447

原创 No matching version found for xxx@2.4.0.

首先查看npm官网中有没有这个歌版本同时注意文件是不是公司内部文件,需要配置公司内网 npm install --registry=http://xxx去下载

2021-07-29 08:47:36 684

原创 debugger在浏览器中的基本使用

①进入下个断点,快捷键F8,如果有多个断点,点击时可以直接进入下个断点,忽略断点内部所有逻辑。②忽略代码内部实现,进入下个方法,快捷键 F10,不关注方法内部逻辑,点击直接跳到当前断点的下个方法③单步调试,逐行执行,快捷键F11,按照代码顺序,从上到下,一行一行执行④跳出当前函数内部,执行下一步,快捷键shift+F11...

2021-07-28 15:30:02 901

原创 git出现无法推送 refs 到远端。您可以试着运行“拉取”功能,整合您的更改。

原因:本地和远端提交文件出现冲突解决:1.撤回提交记录2.pull下来文件3.查看报错冲突文件,不重要的就删掉自己的git修改记录,达到不冲突的效果

2021-07-21 10:29:53 6950 2

原创 react日记

1.函数式编程首字母必须大写(jsx规定)且标签必须闭合2.经过Babel编译,进入严格模式=》禁止this指向window,所以指向undefined3.

2021-07-12 23:58:43 423 1

原创 减少重绘回流的几种方式

1.批量处理DOM操作①隐藏DOM(display:none)②操作DOM③显示DOM 这种方式只会引发两次回流2.避免触发同步布局事件。因为在读取一写精确数据的时候,比如offsetTop的时候,浏览器会清空DOM操作事件队列,所以需要用到精确数据的时候,可以先保存读取的数据,在操作保存的数值后,再赋值给offsetTop(除老版本浏览器外,现在的浏览器都对DOM处理进行优化,放进队列中,批量处理DOM修改,当到达一定数量或者一定时间点就会清空事件队列,进行重绘回流)3.对于复杂运动效果,使它脱

2021-05-30 00:09:17 884

原创 创建对象几种方式

1.工厂模式2.构造函数(new)3.原型模式(new)

2021-05-26 13:34:49 51

原创 虚拟DOM优点

1.直接操作DOM是很消耗性能的,会频繁触发重绘回流,且在浏览器上有一次DOM改变就操作一次,很有可能前面和后面所作的改变是冲突的,那前面做的那次改变就是无意义的。虚拟DOM是批处理的,完成后才会只触发一次重绘回流。2.比较差异,以最小的代价去操作DOM,提高无用的消耗总结一下就是高性能,低代价...

2021-05-26 00:04:43 103

原创 浏览器渲染阻塞问题

css加载不会阻塞DOM树的解析css加载会阻塞DOM树的渲染css加载会阻塞后面js语句的执行js文件也会阻塞DOM渲染(因为js文件可能会操作dom,改变样式布局,所以浏览器会终止渲染,等到js解析完以后渲染)...

2021-05-25 18:26:54 118

原创 action和mutation为什么要区分开

action负责异步和业务代码mutation负责同步提交state单一职责,方便追踪状态变化

2021-05-25 15:35:04 360

原创 扩展运算符和rest运算符

扩展运算符和rest运算符,两者功能刚好相反,扩展运算符将数组转化为用逗号隔开的值,rest将逗号隔开的值转化为数组。扩展运算符作用:合并数组,数组深拷贝,将类数组转化为数组

2021-05-23 22:36:42 111

原创 前端跨域问题几种方案(如果有错请指出来)

跨域问题本页面url和请求url两者之间,协议、端口、域名只要有一种不同就会出现跨域问题。跨域问题本质是get请求可以发出去,服务端也可以正常响应,但是被浏览器当作不安全操作拦截了(拦截响应,阻止用户读取另一个域名下的数据),服务器之间没有跨域请求这个说法。解决方案如下:1.jsonp带src的标签可以加载跨域资源,不受限制。经典做法是在script标签中的src中放跨域url,加载资源,在本页面中设置回调函数,取到资源。缺点是只支持get请求。2.cors和前端无关,重点是后端设置允许哪些域名

2021-05-21 22:07:55 87

原创 defineproperty和proxy简单区别

defineproperty对每个对象的属性进行劫持,添加set和get方法,但是有个问题:监听不到对象属性的增添和删除,数组改变length和通过下标值设置值;因为对数组的监听性能代价很大,对数组的原型进行改写push,pop等一系列方法,使他们实现响应式。proxy(代理)监听整个对象,并返回一个新的对象,可以理解成在对象外设置一层拦截,外界对对象进行访问,需要先通过拦截,对访问操作进行过滤和改写。使用proxy可以避免defineproperty出现的问题...

2021-05-19 22:49:23 260

原创 前端面试问题

面试专题(持续更新)1AXIOS配置环境变量,分别对应不同的场景(开发,测试,发布)。2vue对对象和数组的不同处理方法3vue observer怎么遍历什么函数 -----》defineReactive4definereactive函数每个属性创建dep对象2给每个属性添加set和get方法,get中使用dep.depend(),来收集watcher,set中使用notify方法通知watcher更新5HTTP状态码 302临时重定向 301永久重定向 (巩固一下握手)6组件通信 兄弟 爷孙(

2021-05-19 21:03:00 69

原创 vue三要素

vue三要素响应式: 例如如何监听数据变化,其中的实现方法就是我们提到的双向绑定模板引擎: 如何解析模板渲染: Vue如何将监听到的数据变化和解析后的HTML进行渲染

2021-05-19 20:58:23 123

原创 HTTP状态码

常见状态码200 从客户端发送给服务端的请求被正常处理并返回301 永久重定向302 临时重定向400 请求报文语法错误401 未经许可用户需要经过HTTP身份验证(需要认证认证)403 服务器拒绝本次访问(完成认证后没有权限访问)404 找不到资源501 服务器在执行时发生了错误502 服务器正在处于超负荷或者处于维护,无法访问...

2021-05-19 20:48:30 38

原创 路由页面为空白

今天在写页面的时候发现路由页面一片空白,怎么也找不出问题,最后经过别人点出,router-view不应该放在main-tab-bar标签里面,最后得以解决

2021-04-23 19:15:24 293

原创 json for in中的一些含义

i定义json中的名字,json[i]代表赋的值

2020-05-10 20:42:58 164

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除