💟 汪汪2024周刊 002期: Hello,大家好,这里是阿汪同学|本期关键词: 抹茶干酪贝果‼️ 本周刊非纯技术周刊,包括各方面的分享。 有趣的 这周第二次去做了光子嫩肤,做之前做了一个皮肤检测,和上个月对比底层的色素少了很多,好开心呀,希望后面好好的把我的底层炎症和痘 2024-04-22 周刊 每周分享 ▪️ Notion公式2.0扫盲教程vol.01 - 基本数据类型(一) 该系列将会持续更新,我会整理以及和大家分享我平时的常用公式 Notion 公式是 Database 数据库最重要的功能之一,在 Notion 数据库中,我们可以通过添加一个公式属性,来基于其他属性进行运行各种计算和函数,来操作现有数据并得 2024-04-19 Notion Notion Notion Formula ▪️ 【Notion】同步博客图片过期?!阿里云OSS+PicGo搭建自己的高性能图床 背景我一直是以 Notion 作为我写博客的编辑器,然后为了防止由于 notion 访问状态不佳导致无法查看,所以我通过 Notion API 将我的文章内容拉取到本地直接同步推送到我的个人博客站点,但是一直有一个问题就是 Notion 上 2024-04-17 开发 Notion Daily 「Daily」hexo博客使用gitalk时授权登录时403问题 场景最近在更新我的博客主题所以重构了很多内容,其中包括 gitalk。但是在部署完博客后发现使用文章下 gitalk 进行授权登录时报 403 错误。 解决 参考方法:https://cuiqingcai.com/30010.html 主 2024-04-16 Daily 配置 Daily 💟 汪汪2024周刊 001期:女性话语权 Hello,大家好,这里是阿汪同学|本期关键词: 桂花乌龙前提‼️ 本周刊非纯技术周刊,包括各方面的分享和碎碎念。 有趣的 成功第二次水光针 这月打针 ✅ 成功更新了本博客的主题风格,看着这么好看的博客后面要多多输出呀 工具 中文播客网: 2024-04-16 周刊 每周分享 ▪️ 用Notion Collector快捷摘录网页内容到自己的Notion吧! ‼️ 本插件目前仅支持 Chrome(谷歌浏览器)v115 以上使用! 背景 因为在日常的工作学习中经常需要看一些技术文章,官方文档或者 Bug 解决方法文章,原来也一直在使用 Notion 出的 Notion Web Clipper 2024-04-12 开发 Notion 浏览器插件 ▪️ antd使用Form无法获取item数据 问题:在使用 antd 开发过程中,在使用 Form 的 validateFields 方法进行数据验证时,发现无法获取表单数据。 原因:本页面使用了多个 Form,初始化时可能会导致后置 Form 不会被初始化。 解决方法:在 form 2024-03-05 Daily 小问题 ▪️ Slack App开发记录 使用 ngrok,它可为在计算机上本地打开的端口创建外部可寻址 URL。 在 Slack 内创建 Ap 创建 Slack 工作区 创建一个新的Slack 应用程序:「Create New Ap」,选择 From scratch。 2024-01-17 开发 Slack 💘 再见2023,当时只道是寻常 〉》〉》 坚持就是胜利 ✌️! 工作&学习 💡 经历了差不多一年半居家办公的日子,很轻松是真的,很焦虑和懒散也是真的。焦虑的是工作并不多,懒散的是就是这么不是很饱和的情况下也没有多学习。 爱好今年粉丝也涨了几万了,相关收入居然 2024-01-06 随笔 复盘 ⚫ React Hooks 精进 18 - 服务器端组件 React 17渐进升级React 17 带来的渐进升级提供了一种新方案,渐进升级的支持就是一个应用可以同时由多个 React 版本。 新的事件模型react 中所有的事件都是合成事件,实现的机制是在根节点上监听所有事件,经过 react 2023-08-12 React React ⚫ React Hooks 精进 17 - 单元测试 & 常用的第三方工具库 单元测试使用 Jest 和 React Testing Library 进行单元测试JestFacebook 推出的 js 但愿测试框架,零配置就能提供并发测试,测试覆盖率,Mock 工具,断言 API 等。 Jest 从哪里寻找测试文件 2023-08-12 React React ⚫ React Hooks 精进 16 - 打包部署 了解 Webpack通常在实际开发中我们不需要太关注源代码是通过什么编译器如何打包成最后的应用程序的,因为 IDE 已经帮我们把这些都做好了。 但是我们需要知道它的主要功能,以及能够排查问题。 Failed to compile:编译阶段 2023-08-09 React React ⚫ React Hooks 精进 15 - 按需加载 控制整个应用的大小,提高加载性能是前端开发需要的挑战。 提高首屏加载速度: 对应用分包 采用高效的缓存策略 实现按需加载使用 import 语句,定义按需加载的起始模块本质在于,需要有动态加载模块的能力——import(ECMA S 2023-08-09 React React 🆕 在js内用文本内容定位DOM元素 在开发中遇到了一个需求:在 url 内输入页面上的按钮 label 就可以触发按钮的点击事件。 此时就需要用文本内容来定位页面上的DOM元素。 1. 遍历法遍历页面上所有的相关元素。 Array.from(document.queryS 2023-08-09 Daily Javascript ⚫ React Hooks 精进 14 - 浮动层的使用 & 路由管理 浮动层的使用通常的对话框使用: 对话框需要在父组件中声明,才能在子组件中控制是否显示。 给对话框传递参数智能由 props 传入,意味着所有状态管理需要在更高级别的组件上。 处理对话框的误区当这里是一个左右分栏布局的页面,在左侧的菜单栏 2023-08-08 React React ⚫ React Hooks 精进 13 - Hooks给Form带来的新变化 在表单中使用 React 组件:受控组件和非受控组件非受控组件:表单元素的值不是由副组件决定的,是完全内部的状态 通过非受控组件的方式,可以避免某些程度上的组件重复渲染导致的性能问题,但是无法对外有交互。 使用 Hooks 简化表单处理维护 2023-08-06 React React ⚫ React Hooks 精进 12 - 项目结构:按领域组织文件夹结构 在实际开发中,关键在于:每增加一个新的功能,整个应用程序的复杂度不应该明显上升,这样才能保证应用程序始终可扩展,可维护。 软件复杂度的根源:复杂的依赖关系按领域组织文件夹结构通常在开发中会从技术角度对文件夹进行拆分,而不是按照业务功能组织在 2023-08-06 React React ⚫ React Hooks 精进 11 - 创建自定义事件 props 是组件之间通信的基础。 在 React 中使用原生事件React 原生事件的原理:合成事件由于虚拟 DOM 的存在,在 React 中即使绑定一个事件到原生的 DOM 节点,事件也并不是绑定在对应的节点上,而是所有的事件都是绑定 2023-08-05 React React ⚫ React Hooks 精进 10 - 函数组件设计模式 函数组件设计模式保证状态的唯一数据源,语义化的拆分复杂组件都是一些设计模式。 容器模式:实现按条件执行 Hooks注意点:Hooks 必须在顶层作用域调用(因为 React 需要在函数组件内部维护所用到的 Hooks 的状态)。 比如有一个 2023-08-05 React React ⚫ Chapter 1 undefined 2023-07-27 日语初级 日语