椰果uu-优快云博客

重构新增模特弹框更多模特弹框新增场景弹框更多场景弹框其实是重构了一个项目，老代码一个页面写了一千多行看着好费劲（密密麻麻）。然后现在是按照页面结构还有功能将其抽离成不同的组件了。当然，我，就只是写了很小一部分，大部分还是师父写的（怎么感觉我好像在拖后腿......）。这里就记录一下数据请求之增删改查和一些要注意的点了。本周感觉稍微好了一丢丢丢，开心哈哈哈但我写的还是好慢呐！现在有点困，but第二篇还没写啊救救我~

2024-08-25 05:50:45 966

原创前端实习手记（7）：立秋快乐

上周新增自定义表单对话框修改完善更多筛选模特对话框完成Vue.js又是熬夜的一天，一到晚上精神就好起来了（现在还是有点困了）论实习遇到神仙师父什么感受哈哈哈，庆幸自己实习遇到的人都蛮好！开心开心（嘻嘻）潦草的周报啊啊怎么写嘛！（不嘻嘻）滚去睡觉了，开启第八周咯（马上俩月了啊啊怎么怎么这么快）

2024-08-12 03:45:33 577 1

原创前端实习手记（6）：6不起来

封装组件：自定义模特表单对话框ES6 教程功能概述点击主页面的新增按钮，弹出一个表单的对话框，可以自定义模特的名称，头像，选择性别年龄地域，勾选同意协议，有取消和生成按钮。思路搭建框架：先单独写一个组件来搭建表单基本结构表单细节：再来写表单的校验规则逻辑编写：之后点击生成能够收集到填写的信息好好又是拖延的一周！第七周才写第六周的周报哈哈哈感觉时间过得好快啊，，这周好像也没做什么东西就飞的过去咯八月的第一周，又是宅的一周了~

2024-08-12 03:43:26 704

原创前端实习手计（5）：班味十足？！

本周自评6分，学习没认真学，工作干的也不好......昨天竟然又断断续续睡了一天，晚上才清醒，颠倒昼夜的生活哇今天不能这样咯，出去走走....（我好像那种老年人，好淡的生活）下个月就立秋咯，不过这里依然是夏天~挺好的拜拜，淡淡的一周，下周撸起袖子加班学习（哈哈哈期待没想到加班不是为了工作而是为了学习）！

2024-07-28 02:55:47 814

原创实习手计（4）：月末碎碎念！

本周裁员了？前端竟然裁了俩，无情的公司本周好像也就改了这一个需求，不过这周开会又讲首页改成动画的了，下周就要改吧这周，依旧宅，不想出门，我饭搭子还去加班了呜呜，状态有点不对劲？下周该出去走走了......在吐槽这个租的房子，好贵的水电？！突然给我断电了.......浅浅总结一下这个月，菜鸟1.0进阶中，收获饭搭子，有个好师父.......期待下个月啊新的一天。

2024-07-22 02:42:51 371

原创实习手计（3）：前端菜鸟碎碎念

第三周还Ok了，其实没有改多少东西，开开心心按时上下班，还有人唠嗑（奈斯，不敢想象没有人说话我会多郁闷）哦对了，这周发工资了哈哈哈，虽然只有一丢丢（不及师父的二十分之一，是真高啊），但还是开心的收获了一个固定饭搭子，夸夸她哈哈~人真的很好很活泼，就是我俩制定的计划总是，拖延，起不来。。我真发现我好宅。（可能一个人的时候吧）虽然但是，这周还一个人去西湖转了一圈哦~（还是在别人鼓励下终于出去转了一圈，反正那两天状态很差）才补的博客。。上周说的学习计划也没有落实。。

2024-07-22 02:41:44 839

原创实习手记（2）：前端菜鸟的摸鱼与成长

反正前两天没什么活，在学习摸鱼了~自我感觉上班比上课快乐（可能只是刚开始，希望以后也这么觉得）第一次写完了感觉没什么问题，一定要多细心排查几遍（真的很重要每次都被@太丢人了）工作过程中收获到的知识点可以记在todo list挺方便（Q哥教的好）另一个实习生好像就是来做杂活的（很辛苦什么都要会一点，她经常加班），招实习生进来不就是干活嘛呜呜怎么可能让我天天摸鱼做好心理准备愉快的一周吧~期待下周运动会虽然没报名，带薪去还是快乐的（但实习生没有衣服区别对待，我社恐一个人好尴尬。。

2024-07-06 17:12:09 1502 3

原创实习手记（1）：实习初体验

下面这一部分我是不会写在周报里面的哈哈哈，就是个人的一点小感受记录了第一次用mac，真的一点都不懂咋用的，好尴尬啊啊啊，电脑干干净净啥都没有。实习要用mac的小伙伴注意了！提前看一些基本操作！第一天第二天就配环境拉项目看项目，也还好。但是第三天就给了我两个小小的需求，我好心虚~。怕自己写不出来。果不其然，写的很不顺利，第三天就有点小郁闷了。还好带我的哪个哥人特别好一直在教我！提出表扬！第四天顺利写出来了，又开心了。。不过最后还吃到了一个哥哥的生日蛋糕（好吃祝他生日快乐）！

2024-06-29 22:52:25 1153

原创 6、组件通信详解（父子、兄弟、祖孙）

用法：（1）先在父组件内部的子组件绑定自定义事件@xxx，即为 @send-toy="saveToy"，再定义自定义事件的回调saveToy（2）子组件声明事件，用definEmits(['send-toy'])（3）子组件绑定事件传递参数，@click="emit('send-toy',toy)"Father.vue<template><h3>父组件</h3><h4 v-show="toy">子给的玩具：{{ toy }}</h4>-- 给子组件Child绑定事件 --></div>

2024-06-09 19:24:05 1321 2

原创 5、js关于数组的常用方法（19种）

改变原数组的：push末尾添加数据pop末尾删除一个数据unshift头部添加数据shift 头部删除一个数据reverse翻转数组sort 排序splice截取数组不改变原数组的：concat合并join数组转字符串slice截取数组一部分indexOf左边检查lastIndexOf右边检查map映射数组forEach循环遍历filter过滤every判断是否都满足条件some判断有无满足条件find 获取第一个满足条件的数据reduce叠加。

2024-06-08 21:11:10 1307

原创 4、js数据类型，检测数据类型

当普通的number存储更大的数字时，会出现不精确的情况。用bigint存储更大的整数，确保数字的完整度和精确度。当需要定义的常量很多时，要考虑到常量唯一值的设定。当用symbol来定义常量，后面想要修改常量的值就会抛出错误。因为，symbol()类型定义的对象的key值不能通过object.keys()或者for in来枚举。适用：可以准确的判断复杂数据类型（array date ），不能检测基本数据类型会全部返回false。符号实例是唯一的不可变的。原理：判断在对象的原型链中是否能找到该类型的原型。

2024-06-08 18:00:14 521

原创前端实现大文件分片并行上传、断点续传、秒传（完整解析）

简单理解：前端先将文件切割多份，在进行上传，由后端进行切片合并操作。秒传断点续传并行。

2024-06-04 17:05:25 3635 3

原创 3、flex弹性盒布局（flex:1?、水平垂直居中、三栏布局）

任何一个容器都可以指定为 Flex 布局。块元素，行内元素即可。div{span{注意，设为 Flex 布局以后，子元素的floatclear和属性将失效。

2024-06-02 17:14:20 3268

原创 2、浮动的用法特点，解决父元素高度塌陷解决

5、当浮动元素遇到了文字，浮动元素不会覆盖文字，文字会环绕在浮动元素的周围，从而有文字环绕图片的效果。6、当元素设置浮动以后，会完全脱离文档流，元素脱离文档流后，元素原来在文档流得特点，就都没有了，也就是说不再区分块，行内，行内块。1、一旦元素设置了浮动，元素就会脱离文档流，它原来在文档流得位置，就会被它下面的元素挤上来。子元素都设置了浮动，父元素没有高度，导致父元素高度塌陷，无法自动的根据子元素撑开高度。2、如果浮动元素它上面的元素不浮动，则浮动元素无法上移。4、浮动元素不会超出它的父元素。

2024-06-02 15:09:49 623

原创 1.盒模型及其应用（溢出、外边距塌陷）

怪异盒模型又称IE盒子模型，怪异盒子模型的 width 或 height 等于 content + padding + border 的宽或高。设置的 width 和 height 决定了盒子的大小，设置 border 和 padding 只会压缩 content。小结：怪异盒子模型的宽高是定死的，设置 padding 或 border 不会影响页面布局。的大小，设置 padding 和 border 会把盒子撑大，margin 不会。样式设置：box-sizing: border-box;

2024-06-02 13:55:46 867

原创 HTML5+CSS3回顾总结

（1）get 方法的特点使用 URL（统一资源定位符）传递参数：http://服务器地址?name1=value1&name2= value2，其中“?”符号表示要进行参数传递，“?”符号后面采用“name=value”的形式传递，多个参数之间，用“&”符号连接。URL 传递的数据量有限，只能传递少量数据。而且使用 URL 传递参数并不安全，所有信息可在地址栏中看到，并且可以通过地址栏随意传递其他数据。

2024-06-01 19:12:43 991

原创牛客前端面试高频八股总结（2）（附文档）

浏览器的垃圾回收机制就是我们程序在工作的过程中或者执行之后，会产生一些用不到的内存变量，这些变量会一直占据这内存，所以这时候需要垃圾回收机制帮我清理这些用不到的变量，从而释放内存空间。垃圾回收机制最常见的有两种：1.标记清除算法。2：引用计数算法。（1）标记清除算法就是执行前将所有的变量打上标记，执行完成后未被打上标记的变量就会当做垃圾回收。浏览器会隔一段时间进行一次标记清除缺点：被释放的内存空间是不连续的，被之前一直占据内存的变量隔开，导致内存空间不连续，会。

2024-05-25 16:59:30 1039

原创牛客前端面试高频八股总结（1）（附文档）

1.html语义化要求使用具有语义的标签：header footer article aside section nav三点好处：（1）提高代码可读性，页面内容结构化，更清晰（2）无css时，时页面呈现出良好的结构（3）利于seo搜索，爬虫爬取有效信息2.盒模型边距边框填充实际内容 margin border padding contentW3c标准盒模型：默认，实际宽高包括padding和border box-sizing:content-box。

2024-05-24 15:36:30 995

原创前端面试个人技能总结

1.html5新特性。

2024-05-23 18:48:13 733

原创 git二次上传文件夹、文件

报错：error the following untracked working tree files would be overwritten bt merge...git add -f 文件夹/文件名称比如 git add -f node_modules。一、报错error:failed to push somes ref to.....把报错的（重复的文件删除）主要记录自己遇到的问题。

2024-05-23 18:31:39 463

原创 Vue3实战uu云盘（六）：回收站+设置（源码分享）

【代码】Vue3实战easypan（六）：回收站+设置。

2024-05-19 11:39:39 351 1

原创 Vue3实战uu云盘（五）：文件分享功能

其它用户拿到链接之后，将分享链接输入到地址栏，但是，用户第一次输入的话，肯定没有验证过（会话中，没有此分享记录），因此，要跳转到分享验证页面，验证通过之后，该分享记录会存入此会话，当用户再一次进行此分享页面，就会从会话中检测到有此分享记录，此时就不需要再次验证了。

2024-05-18 19:52:16 1044

原创 Vue3实战uu云盘（四）：使用空间+文件预览+文件分享+文件下载

如果responseType写的是blob的话，那么一定要调用res.data.arraybuffer()，这个调用返回结果是个Promise，把此Promise得到的结果给到new Uint8Array(promise的结果)也可以。首先，从 fileInfo.value.fileCover 中获取文件名或路径，并将其中的所有 "_." 替换为 "."。proxy.globalInfo.imageUrl 是 "https://example.com/images/"非视频文件类型文件预览的url。

2024-05-18 16:03:40 1315 1

牛客前端面试高频八股总结（1）（附文档）

牛客前端面试高频八股总结（2）

空空如也