- 博客(20)
- 收藏
- 关注
原创 vue中绑定key值。index和id的区别
2.如果不存在对每条数据的逆序添加、逆序删除等破环顺序操作,仅用于渲染列表用于展示,使用index作为key是没有问题的。②若虚拟DOM 中内容变了,则生成新的真实DOM,随后替换掉页面中之前的真实DOM。1.最好使用每条数据的唯一标识作为key,比如id、手机号、身份证号、学籍号等唯一值。①若虚拟DOM中内容没变,直接使用之前的真实DOM。会产生没有必要的真实DOM更新==》界面效果没问题,但效率低。(2).旧虚拟DOM中未找到与新虚拟DOM 相同的key。创建新的真实DOM,随后渲染到页面。
2022-11-23 20:23:41 570
原创 弹性盒子 display:flex
space-between 子项在侧轴先分布在两头,在平分剩余空间。space-between 先两边贴边 再平分剩余空间(重要)flex-start 默认值从头部开始如果主轴是x轴,从左到右。flex-start 默认值在测轴的头部开始排列。space-around 子项在侧轴平分剩余空间。5.align-content 设置侧轴上的子元素的排列方式(多行/有换行)4.align-items 设置侧轴上的子元素排列方式(单行/不换行)
2022-11-23 19:50:55 112
原创 从输入url到页面加载的过程
3.解析出ipcjiip地址和默认端口80和服务器建立TCP链接(如果有HTTPS,多一层TLS握手).1.浏览器查看缓存(浏览器缓存 系统缓存 路由缓存),如果缓存中有,直接在屏幕上展示页面内容.2.如果缓存中没有,浏览器向DNS服务器请求解析url中的域名对应的ip地址.5.服务器对浏览器请求做出相应,并把对应的html文本发送给浏览器。4,浏览器向服务器发出读取文件的HTTP请求。7.浏览器将HTML文本内容展示在屏幕上.如有写的不对的地方,多多指教.
2022-11-14 20:34:28 197
原创 vue组件通信的 5 种方式
当然这里所说的父子不一定是真正的父子,也可以是祖孙组件,在层数很深的情况下,可以使用这种方式来进行传值。使用 $children 可以让组件访问子组件的实例,但是, $children 并不能保证顺序,并且访问的数据也不是响应式的。在上面的代码中,子组件获取到了父组件的parentVal值,父组件改变了子组件中message的值。ref:这个属性用在子组件上,它的用用就指向了子组件的实例,可以通过实例来访问组件的数据和方法。使用$parent可以让组件访问父组件的实例(访问的是上一级父组件的属性和方法)。
2022-11-10 11:12:30 446
原创 http状态码
416:请求中包含Range请求头字段,在当前请求资源范围内没有range指示值,请求也不包含If-Range请求头字段。417:服务器不满足请求Expect头字段指定的期望值,如果是代理服务器,可能是下一级服务器不能满足请求。205:服务器完成了请求,用户代理必须复位当前已经浏览过的文件。505:服务器不支持或拒绝支请求头中指定的HTTP版本。206:服务器已经完成了部分用户的GET请求。305:请求的资源必须从服务器指定的地址得到。414:请求的资源URL长于服务器允许的长度。
2022-11-09 08:59:01 93
原创 彻底理解深拷贝和浅拷贝的区别
深拷贝浅拷贝深拷贝浅拷贝相当于B复制A , A变 ,B不变 ,深拷贝相当于B复制A , A变 ,B变 ,浅拷贝如下代码:深拷贝浅拷贝平常的a赋值给b,a变,b并不会变。而对于对象obj2,这种简单的赋值,obj变,obj2变,就是浅拷贝了。
2022-11-05 16:46:07 160
原创 Promise 、Promise.all() 、Promise.race()
Promise 、Promise.all() 、Promise.race() 的理解、区别
2022-11-03 08:27:56 97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人