2023.4.22
1.未作 ✅
- 截流 ✅
- Loading ✅
- 请求拦截,响应拦截 ✅
2. Object.keys(xxx).forEach ✅
3.v-model和model-value ✅
4.v-memo=“[mainPart]” ✅
5.元素内的滚动(useScroll) ✅
6.day66 ✅
7.父子双向绑定update: ✅
8.emits: [“tabItemClick”](写/不写 区别?) ✅
2023.4.23
1.详情页滚动匹配TabControl ✅
2.详情页的点击bug处理 ✅
3.首页的滚动(window->页面滚动) ✅
4. 首页的keep-alive ✅
5.记录首页滚动的位置 ✅
6.消息页面切换(v-show) ✅
7.移动端适配 ✅
- meta -> viewport
- px -> vw
- postcss-px-to-viewport
8.项目打包和预览 ✅
9.自定义指令 ✅
- 局部/全局
- 生命周期函数
- 参数-修饰符-值
- 案例练习:
- 人民币符号
- 时间格式化
10. 内置组件补充 ✅
- teleport
- suspense
11.插件的安装 ✅
- 对象类型
- install -> app
- 函数类型
- app
12.day67 ✅
2023.4.24
1. render函数 ✅
- h函数 ✅
2. JSX语法 ✅
3. 动画组(列表执行)
4.响应式原理(面试)
- Vue2/Vue3响应式
- Object.defineProperty() / new Proxy()
- new WeakMap()
- new Map()
- getDepend(obj, key)
- Object.defineProperty
- new Proxy
2023.5.12
1.将博客拉到本地,并修改上传 ✅
2.把4.24的响应式原理的几个方法了解下
2023.5.20
1.今年和明年FLAG(SJXXXX)[后续补充哈哈哈]
2.明天将项目捋一遍,难点,优化,怎么解决
-
爪爪
-
帖子详情页点赞、收藏
- 想法:点赞、收藏完,每次出来到相应有帖子的页面进行重新刷新请求接口,更新数据(耗性能,体验不好)
- 解决:
uni.$emit、uni.$on、uni.$off
即可解决详情页点赞、收藏,跳转出来相应页面的问题。点赞、收藏完发送一个uni.$emit
,传帖子的相应ID,相应的页面进行uni.$on
,循环对比ID,更新点赞、收藏的样式或者数值,实现无刷新更新,体验更好(注意及时使用uni.$off销毁事件监听
)
-
首页轮播图的阴影颜色
- 一:用七牛云的
图片平均色调
的GET请求去获取,网站:https://developer.qiniu.com/dora/1268/image-average-hue-imageave - 二:将 #RRGGBB 十六进制颜色转换为RGB,代码:
function toRGB(color){ // 截取 #RRGGBB 除了 # 号以外的子串。 let str = color.substr(1); switch (str.length) { case 3 : str = str[0]+str[0]+str[1]+str[1]+str[2]+str[2]; break; case 6 : str = str ; break; default : console.info("数据错误"); return false; } // 十六进制数据前面必须有 0x let R = Number("0x"+str.substr(0,2)); let G = Number("0x"+str.substr(2,2)); let B = Number("0x"+str.substr(4,2)); return `rgb(${R},${G},${B})`; }
- 三:因为是轮播图,所以要将请求处理到的颜色放到
数组
里面,在配合轮播图滚动到的下标配合设置到image标签上的style
,如下图
- 一:用七牛云的
- 海报
- 没想好
-
-
别墅
-
玩了一轮在其他页面回来后,首页的tag会错位问题
-
问题:UI使用了UVIEW框架的
u-sticky
的吸顶功能,这个吸顶功能好像有个BUG,就是玩完一圈,切换到首页的时候会出现吸在顶部,无论怎么滑动都没反应,还是在顶部 -
解决:不执行吸顶功能,直接写两个
TAG
,一个在原本的位置,另一个直接吸在顶部,并将它隐藏,层级为最低
,当滑倒固定位置的时候,在让它显示出来,反之隐藏(代码后续补全)
<div style="position: fixed;top:0;" :style="{'zIndex' : sticky ? '9999' : '-1','opacity' : sticky ? 1 : 0}"> <div :style="{height: offsetTop + 1 + 'rpx'}" style="background: #fff;"></div> <scroll-view @scroll="onScroll" style=" width: 100vw;overflow-x: auto;margin-top: -1px;" :scroll-left="scrollLeft" scroll-with-animation scroll-x class="nav"> <div :id="'nav' + index" @tap="onSelect(index)" :class="{'nav-item': true, 'active': value === index}" v-for="item,index in nav">{{ item.name }}</div> </scroll-view> </div> <!-- 懒所以没改,还是使用之前的标签的,只是不让它吸顶 --> <u-sticky enable="false"> <scroll-view @scroll="onScroll" :scroll-left="scrollLeft" scroll-with-animation scroll-x class="nav"> <div :id="'nav' + index" @tap="onSelect(index)" :class="{'nav-item': true, 'active': value === index}" v-for="item,index in nav">{{ item.name }}</div> </scroll-view> </u-sticky>
-
-
(写着写着又觉得不对)----------------------------------------首页上下滚动,中间有Nav选项(滑倒顶部需要吸顶),下面放轮播图加载数据
- 之前项目无法实现是因为采用了三段式布局时,中间套了一层
scroll-view
,目的是为了下拉刷新和上拉加载,中间放了个需要吸顶的Nav选项,但因为用了scroll-view
的问题,吸顶不了 - 但如果套用了
swiper
想实现既要左右滑动,又要上拉加载数据的这种情况的会,会出现问题,swiper
要给固定高度,上拉加载数据添加之后,需要重新去计算高度,这时候,因为scroll-view
的原因,会出现两条滚动条,一条是外面scroll-view
、另一条是swiper
- 解决:去除
scroll-view
,需要上拉加载的数据套swiper
里面,每次左右滚动都去获取一下它的高度(一开始需要给固定高度
)去撑开内容,无论是下拉刷新和上拉加载都要去重新获取
- 之前项目无法实现是因为采用了三段式布局时,中间套了一层
-
- 名风扬
- Select 选择器的远程搜索
- 自定义指令,下拉滚动加载
2023.5.22
1.明天写自我介绍✅
- 你好,我叫蚵仔煎,是一名24届的应届生,之前我有一段工作经历,在上一家公司工作一年的时间,公司主要做小程序方面的比较多,以uniapp框架为主,相关项目我挑了一些写在了简历上了,期间也做了一个CRM 管理系统。。。。
2023.5.23
1.学校校招面试✅
- 第一家
- 面试官看了别人的简历会说点啥,看了我的简历直接说,符合我们公司,直接问我有什么想问的吗- -
- 作息:大小周,8小时
- 公司规模:50,问了研发团队多少人,没说,接了政府的项目,说还没有开始销售,也在招销售,估计刚起步
- 薪资:就目前普遍大学生的实习薪资,你懂得- -
- 还问了下说
SVG
的话怎么用的,我说直接IMG
上使用就可以了,他说因为是政府项目,图片大多都是SVG
格式的,我也不太懂
- 面试官看了别人的简历会说点啥,看了我的简历直接说,符合我们公司,直接问我有什么想问的吗- -
- 第二家
- 过去看了是两个女的,加上我网上查了公司,今天刚创建的,就感觉是培训机构,简历就两张,还说我的怎么这么多,无语死
- 作息:好像也是8小时,周六日怎么作息没说,我问了下,她说都休息,还反问我之前公司不是吗- -,有被无语到,我直接说,现在很多公司都大小周,单休啥的,因为问清楚点
- 公司规模:她一直在介绍她公司多强多牛逼,什么中关村啥的,像在背PPT似的,一直念。我问他公司研发团队有多少人,她说什么前端、后端、xxxx啥的,有点不知道她在说啥,我再问,她才说前端10个左右,后端20个(我在想这前端不得累死吗)
- 业务:我问了公司做啥的,她说啥都做,说如果来她们公司,除了代码之外,还要去跑业务,教甲方怎么用啥的,无语了- -,我说程序员不都是坐在公司打代码、修BUG吗,怎么还要去跑业务,教甲方怎么使用不是测试干的事吗,她说你知道测试是干嘛的吗,我说测试日常的BUG啥的,还要去教人怎么使用,她最后再说可能不同公司职位的职责可能不同吧- -,全程拿着稿子说,估计是模版吧
- 薪资:她问了我薪资待遇,我报了一个 5以上10以下的薪资,她说给不了🥵,招聘那里还写着面议,这还面议啥啊,给的薪资就是普遍实习的薪资,说我要的薪资可以拿着简历是别的地方面试了,全场就两个前端面试,我还能去哪里- -,还问我BOSS投了多少份简历了,我说不方便透露,她说有什么不方便的,给了个不屑的眼神,有无语到,我投多少份关她什么事
- 过去看了是两个女的,加上我网上查了公司,今天刚创建的,就感觉是培训机构,简历就两张,还说我的怎么这么多,无语死
- 总结:只能说浪费时间,浪费经历的面试吧,全场就两个前端面试,都面试了,一个刚起步,一个培训机构,就当为以后的面试壮胆吧🙄
2023.5.24
1.看电影✅
- 《史蒂夫·乔布斯》
- 电影给人乔布斯是一个不善于表达,严格苛刻,最求完美的人,也追求产品的封闭性,比如:给很少的扩张的接口,里面的说法是端对端,在现在的产品也可以看出来,史蒂夫·沃兹尼亚克则不同,希望给更多的接口,给客户扩张,客制化,不得不说乔布斯是一个有远见的人,一位伟大的领导者。
- 《极速追杀4》
- 给我的观感就是biubiu的人比之前的三部合起来还多,基本整部都在biubiu,主角是真的累,不过整部电影下来是真的帅气,还有那动感的音乐,最后叶问既然没死,主角却死了。。。。🙄
2.完成中外哲学论文-----2023.5.29✅
2023.6.18
1.操作系统的计算题&分析题全做一遍 ✅
2.准备明天的操作系统考试 ✅
2023.6.28
1.学习Python准备明天考试 ✅
2.明天下午做编译原理大题
- 四元式 ✅
- 逆波兰式 ✅
- 语法树 ✅
- 短语
- 直接短语
- 句柄
- 正规式转正规文法 ✅
- NFA -> DFA -> DFA最小化 ‼️ ✅
- 消除左公共因子和左递归 ‼️ ✅
- FIRST集、FOLLOW集、SELECT集(证明LL(1)) ‼️ ✅
- LR(0)自动机 + 图 ‼️ ✅
- SLR(1)分析表 ‼️ ✅
- LR(0)自动机 -> LR(0)分析表 -> SLR(1)分析表
2023.7.1
1.计算机组合原理 ✅
-
解答
-
数值转换
-
原反补移
- 【计算机组成原理速成、不挂科、搞定期末考试大题(横屏版)】https://www.bilibili.com/video/BV1P3411v7gd?p=4&vd_source=6bde03ebdbc4a49f8753c73d83f1b1d1
-
-
填空题
- 码距的功能
- 错误检测
- 错误纠正
- 容错性
- 数据完整性
- 海明码
- 【最通俗的海明码计算方法,不需记公式,套步骤即可(可能都不需要理解)】 https://www.bilibili.com/video/BV1tL4y1h7Fd/?share_source=copy_web
- 码距的功能
-
综合题
- 指令结构PPT、指令格式设计
- 【指令格式设计】 https://www.bilibili.com/video/BV1Tb411f7hw/?share_source=copy_web&vd_source=6bde03ebdbc4a49f8753c73d83f1b1d1
- 【计组速成4-1 指令格式分析】https://www.bilibili.com/video/BV15D4y1A7XY?vd_source=6bde03ebdbc4a49f8753c73d83f1b1d1
- 浮点数乘法(听说考定点乘法)
- 【浮点数的加减法运算 计算机组成原理】https://www.bilibili.com/video/BV1kh411M7wq?vd_source=6bde03ebdbc4a49f8753c73d83f1b1d1
- 定点数乘法
- 【计算机组成原理速成、不挂科、搞定期末考试大题(横屏版)】 https://www.bilibili.com/video/BV1P3411v7gd/?p=5&share_source=copy_web&vd_source=6bde03ebdbc4a49f8753c73d83f1b1d1
- 1011* -1001 (p114)
- CPU与存储器连接(p185)
- 【【计组】计算机组成原理期末速成】 https://www.bilibili.com/video/BV1VM411e7zR/?p=5&share_source=copy_web&vd_source=6bde03ebdbc4a49f8753c73d83f1b1d1
- 指令结构PPT、指令格式设计
-
名词解释
- 中断
- 在 CPU 执行程序的过程中,由于某种事件发生,CPU 暂时停止正在执行的程序而转向对所发生的事件进行处理,当对事件的处理结束后又能回到原来中止的地方,接着中止前的状态继续执行原来的程序,这一过程称为中断。
- 校验码
- 校验码是一种用于验证数据完整性和准确性的编码或数值。它用于数据传输和存储过程中,检测和纠正错误。常见的校验码包括奇偶校验、循环冗余校验(CRC)和校验和。校验码通过特定的计算或处理生成,接收方再次计算并与发送方提供的校验码进行比较,以确定数据是否存在错误。校验码在通信、存储和计算领域广泛应用,提高数据的可靠性和完整性。
- 中断
2023.7.3
1.复习软件项目管理 ✅
2023.7.4
1.软件项目考试 ✅
2.放假~~
2023.7.6
1.滚出学校- -
- 吗的,搬东西既然要我帮到校门口,我这20多斤的哑铃给我搬的差点上天,这通行吗报备,报备了个寂寞,保安大哥不给进,还要我到校门口带,艹(一种植物)
- 货拉拉司机既然是我大二退役兵的华立师弟,世界真的好小。。。。
- 看了《蜘蛛侠:纵横宇宙》的电影,果然索尼才是最懂蜘蛛侠的。。。
2023.7.7
1.摆烂躺了一天
2.问了力扣的相关问题
2023.7.8
1.刷了5道力扣 ✅
2023.7.9
1.刷了5道力扣 ✅
2023.7.10
1.去医院 ✅
2023.7.11
1.刷了5道力扣 ✅
2.收拾东西回家 ✅
-
🚄广州东站,🕓16:02
-
黑裤👖
-
两个短裤🩳
-
三个短袖
-
两双袜子🧦
-
iPad
-
矿泉水
-
口罩😷
-
药💊
-
充电宝🔋
-
插头、数据线
3.买耳塞 ✅
4.刷笔记 ✅
2023.7.15
1.手写call、apply、bind⭐⭐⭐⭐⭐
2.**说说 Promise 的原理?你是如何理解 Promise 的?**⭐⭐⭐⭐⭐
2023.7.16
1.打招呼
- 您好,我对贵公司的前端实习岗位非常感兴趣。我是一名24届的应届生,拥有一年的前端工作经验,之前主要负责公司小程序、H5的开发,看了贵公司的前端实习岗位与我的经历比较契合,希望有机会参与面试。
2.自我介绍
- 你好,我叫xxx,是一名24届的应届生。我之前在一家公司工作了一年,主要从事小程序开发,使用了uniapp框架。在简历中,我列出了一些相关项目,其中包括开发了一个CRM管理系统和一个个人博客用于记录日常笔记,谢谢