0516 近期总结
近期工作
问题,原因,解决方式,优化,巧妙实现,新知识
问题:组件中使用
Taro.useDidShow
没有执行解决:换成 useEffect
原因:Taro 文档中不容易注意到的地方,hook 是基于 app 的概念,onXXX 是基于 组件的概念,这里换成 onShow 估计就可以了
问题:不改变现有布局的情况下,扩大点击效果
例子:demo
拓展知识:
今日心情
所见所想,有感而发
好文推荐
有感好文
项目/博客/工具推荐
值得学习 作者/项目/工具等
- 好用的 css 工具
- 浅谈在线文档的那些事儿 在线多人协作冲突的处理方式
- webpack loader 与plugin 开发实战 —— 点击 vue 页面元素跳转到对应的 vscode 代码
- 使用 setTimeout 控制每 16.67 ms 更新一次数据
- 使用 requestAnimation 让浏览器自动控制间隔时间为 16.67ms
- 使用 fragements 不会导致页面回流
- js
for...of
获取 数组 下标方法,使用Object.entries
js
let arr = ['a', 'b', 'c']
for (let [i, v] of arr.entries()) {
console.log(i, v)
}
新知识:Web-Worker
项目实战
- 基于React: v18.1.0/Webpack: v5.72.0 等前端技术构建的企业级中台研发项目脚手架
- Vite + Vue3 + Webpack + Typescript + Pinia 搭建企业级开发脚手架
- 用markdown写简历
- 优秀的个人简历网站
拓展阅读:
- nodejs 进阶,每天解读一个源码包
- react 性能优化方向
- 浅谈React性能优化的方向 - 荒山的文章 - 知乎
- React实现简易虚拟滚动列表 - aedan的文章 - 知乎
- 为什么现在又流行服务端渲染html? - aedan的回答 - 知乎
- 谷歌的性能优化教程
面试相关
- 2021年我的前端面试准备
- Web前端学习路线 系统全面的思维导图总结 复习查漏补缺看看
- web前端面试 - 面试官系列
- 看完这些题目,整理大纲复盘总结 快速复习掌握
- Iterator与for...of小结
- 个人博客,有事没事就记录一些前端面试知识、工作中遇到的一点一滴 博客里面关于面试题目的总结还算完整
- 移动端开发
- 剑指offer 刷题
- 前端性能优化 - 「前端进阶」高性能渲染十万条数据(时间分片)
- webpack 打包体积优化
- 记一次 webpack -- 生产环境打包和包大小优化
- webpack相关
- webpack5 和 webpack4 的区别有哪些
- 面试相关:JS 核心基础
- 前端【基础知识】 ⑥性能优化、Web安全、Linux常用命令
- http 协议大全 介绍的非常详细全面
- 前端学习资料合集 博客、面经
- React 源码分析文档
- React 面试题
- React 原理与实战
- 「2021」高频前端面试题汇总之React篇(下)
- web前端面试 - 面试官系列
- 神三元的面试博客 关于 promise,V8 原理讲解的很好;
TODOS
短期内要做的事情
任务:
- 搭建 taro 项目,配置以下内容:
- 骨架屏
- 虚拟列表
反思:
回家把 身份证正反面拍一下,方面后面备案,
去年买的域名和服务器,现在还有3个月就到期了,感觉啥也没做,浪费钱
有服务器用于训练,自己没有充分利用资源
家人和健康: