- 博客(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
204
原创 端口传参问题
1.端口问题:在两个项目端口冲突的时候,可以在dev文件中修改其中一个的端口号2.传参问题,后端要list形式的参数,需要将数组join(’,’)处理,且请求头中有后端收不到的时候,看一下是不是两边参数名不一致。...
2021-08-09 11:04:39
146
原创 2021-08-03
写在标签里的用=,需要加{} 。例如 labelCol={8}写在{}里的用:,直接写参数。例如rules={[{ required: true }]}
2021-08-03 11:45:44
97
原创 11调试环境
调试1.联调 =》EUREKA_LABEL=Ethan到.env.local2.测试环境挂了话,DEV文件调本地环境,打开OPEN VPN,成功连接
2021-07-29 15:44:56
1452
原创 No matching version found for xxx@2.4.0.
首先查看npm官网中有没有这个歌版本同时注意文件是不是公司内部文件,需要配置公司内网 npm install --registry=http://xxx去下载
2021-07-29 08:47:36
730
原创 debugger在浏览器中的基本使用
①进入下个断点,快捷键F8,如果有多个断点,点击时可以直接进入下个断点,忽略断点内部所有逻辑。②忽略代码内部实现,进入下个方法,快捷键 F10,不关注方法内部逻辑,点击直接跳到当前断点的下个方法③单步调试,逐行执行,快捷键F11,按照代码顺序,从上到下,一行一行执行④跳出当前函数内部,执行下一步,快捷键shift+F11...
2021-07-28 15:30:02
913
原创 git出现无法推送 refs 到远端。您可以试着运行“拉取”功能,整合您的更改。
原因:本地和远端提交文件出现冲突解决:1.撤回提交记录2.pull下来文件3.查看报错冲突文件,不重要的就删掉自己的git修改记录,达到不冲突的效果
2021-07-21 10:29:53
7073
2
原创 react日记
1.函数式编程首字母必须大写(jsx规定)且标签必须闭合2.经过Babel编译,进入严格模式=》禁止this指向window,所以指向undefined3.
2021-07-12 23:58:43
428
1
原创 减少重绘回流的几种方式
1.批量处理DOM操作①隐藏DOM(display:none)②操作DOM③显示DOM 这种方式只会引发两次回流2.避免触发同步布局事件。因为在读取一写精确数据的时候,比如offsetTop的时候,浏览器会清空DOM操作事件队列,所以需要用到精确数据的时候,可以先保存读取的数据,在操作保存的数值后,再赋值给offsetTop(除老版本浏览器外,现在的浏览器都对DOM处理进行优化,放进队列中,批量处理DOM修改,当到达一定数量或者一定时间点就会清空事件队列,进行重绘回流)3.对于复杂运动效果,使它脱
2021-05-30 00:09:17
890
原创 虚拟DOM优点
1.直接操作DOM是很消耗性能的,会频繁触发重绘回流,且在浏览器上有一次DOM改变就操作一次,很有可能前面和后面所作的改变是冲突的,那前面做的那次改变就是无意义的。虚拟DOM是批处理的,完成后才会只触发一次重绘回流。2.比较差异,以最小的代价去操作DOM,提高无用的消耗总结一下就是高性能,低代价...
2021-05-26 00:04:43
105
原创 浏览器渲染阻塞问题
css加载不会阻塞DOM树的解析css加载会阻塞DOM树的渲染css加载会阻塞后面js语句的执行js文件也会阻塞DOM渲染(因为js文件可能会操作dom,改变样式布局,所以浏览器会终止渲染,等到js解析完以后渲染)...
2021-05-25 18:26:54
121
原创 扩展运算符和rest运算符
扩展运算符和rest运算符,两者功能刚好相反,扩展运算符将数组转化为用逗号隔开的值,rest将逗号隔开的值转化为数组。扩展运算符作用:合并数组,数组深拷贝,将类数组转化为数组
2021-05-23 22:36:42
114
原创 前端跨域问题几种方案(如果有错请指出来)
跨域问题本页面url和请求url两者之间,协议、端口、域名只要有一种不同就会出现跨域问题。跨域问题本质是get请求可以发出去,服务端也可以正常响应,但是被浏览器当作不安全操作拦截了(拦截响应,阻止用户读取另一个域名下的数据),服务器之间没有跨域请求这个说法。解决方案如下:1.jsonp带src的标签可以加载跨域资源,不受限制。经典做法是在script标签中的src中放跨域url,加载资源,在本页面中设置回调函数,取到资源。缺点是只支持get请求。2.cors和前端无关,重点是后端设置允许哪些域名
2021-05-21 22:07:55
92
原创 defineproperty和proxy简单区别
defineproperty对每个对象的属性进行劫持,添加set和get方法,但是有个问题:监听不到对象属性的增添和删除,数组改变length和通过下标值设置值;因为对数组的监听性能代价很大,对数组的原型进行改写push,pop等一系列方法,使他们实现响应式。proxy(代理)监听整个对象,并返回一个新的对象,可以理解成在对象外设置一层拦截,外界对对象进行访问,需要先通过拦截,对访问操作进行过滤和改写。使用proxy可以避免defineproperty出现的问题...
2021-05-19 22:49:23
265
原创 前端面试问题
面试专题(持续更新)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
73
原创 vue三要素
vue三要素响应式: 例如如何监听数据变化,其中的实现方法就是我们提到的双向绑定模板引擎: 如何解析模板渲染: Vue如何将监听到的数据变化和解析后的HTML进行渲染
2021-05-19 20:58:23
128
原创 HTTP状态码
常见状态码200 从客户端发送给服务端的请求被正常处理并返回301 永久重定向302 临时重定向400 请求报文语法错误401 未经许可用户需要经过HTTP身份验证(需要认证认证)403 服务器拒绝本次访问(完成认证后没有权限访问)404 找不到资源501 服务器在执行时发生了错误502 服务器正在处于超负荷或者处于维护,无法访问...
2021-05-19 20:48:30
43
原创 路由页面为空白
今天在写页面的时候发现路由页面一片空白,怎么也找不出问题,最后经过别人点出,router-view不应该放在main-tab-bar标签里面,最后得以解决
2021-04-23 19:15:24
300
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人