蚵仔煎记录日常

前端蚵仔煎

已于 2023-07-16 22:38:04 修改

阅读量108

点赞数

分类专栏：日常文章标签：笔记

于 2023-05-20 23:52:00 首次发布

本文链接：https://blog.csdn.net/Zhuang_weixin/article/details/130787226

版权

日常专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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
名词解释
- 中断
  - 在 CPU 执行程序的过程中，由于某种事件发生，CPU 暂时停止正在执行的程序而转向对所发生的事件进行处理，当对事件的处理结束后又能回到原来中止的地方，接着中止前的状态继续执行原来的程序，这一过程称为中断。
- 校验码
  - 校验码是一种用于验证数据完整性和准确性的编码或数值。它用于数据传输和存储过程中，检测和纠正错误。常见的校验码包括奇偶校验、循环冗余校验（CRC）和校验和。校验码通过特定的计算或处理生成，接收方再次计算并与发送方提供的校验码进行比较，以确定数据是否存在错误。校验码在通信、存储和计算领域广泛应用，提高数据的可靠性和完整性。