当前位置: 首页 > news >正文

我最近在干什么【1】

前言

打算开一个新系列,偏休闲点的,不是完整全面的技术分享,话题还是聚焦个人成长(学的技术、了解到的信息、看的书……) 方面。文章偏意识流点,单纯分享我最近在干什么,不定期更新,有话则长无话则短。

JS精进

之前为了快速从安卓转型到前端,趁早开始干项目实操,就主打速通,两个月fast learn了前端三件套和React,学得挺粗糙笼统的,没有多少内部整合的时间。计划一轮学How,先用起来;二轮学Why,学学原理机制;三轮学What,读读源码。
一个月前(11月初)本计划开始学习RN,走走跨端路线,但也没想到这么快就碰到瓶颈,RN起了个头就推进不下去了。于是乎就把精力重新集中会JS的学习,学了近两周,补了之前略过的知识点和ES6之后的语法糖,查漏补缺的同时学学了闭包、提升、类型转化、GC等等稍微偏底层的知识。

前端工程化

其实这件事情应该是贯彻始终的,我也是从最开始的一脸懵逼,啥是vite,为啥不用CRA(create-react-app),ESlint是啥,npm又是啥?当初给我的感觉就是混乱,什么乱七八糟的东西,差生文件多。学习过程中也是东学一点西学一点,不知不觉间凑齐了大致上的拼图,拼成了前端工程化这个包罗万象的概念。
目前或详细或粗糙的了解一下有负责代码规范的Linter(ESLint、Prettier、Stylelint)、代码管理的Git(插一嘴,最近看到篇文章在讲monorepo感觉也挺有意思的)、负责包管理的npm、pnpm啥的、代码测试的Vitest、Jest(我不碰,目前用不到)还有Moudule Bundler(VIte、Webpack)。
前三周左右为了写分享,就去了解算是上述工具中最熟悉的Git,本以为一两篇文章就能把底层机制讲好,但没想到我之前用的不过是冰山一角。洋洋洒洒准备了一周写了一周,才大致上完结了Git系列,现在回头看发现其实还是有很多不足,特别是从第三章开始,以后有机会在修改吧。
上周也是看了眼Vite的文档,也是感觉到我之前用的Vite竟然背后还有这么多有趣的机制,像是TreeShake、HMR、代码分割和压缩。但这些东西对目前的我来说还是远远用不到的。更底层的机制我还不配去碰。
挺有意思的,也是一步一脚印,慢慢的将这上面这些眼花缭乱的名词变成了具体的概念。

青训营

11月也在打卡青训营,确实有些东西,学到不少前沿的东西。

React精进

这周嘛才正式开始React的精进之路,也是没想到在Props和State这块知识能卡我这么久,这还是ing形式,走一步看一步。

无服务器、边缘计算、全栈化

这两天看到的几个有趣的文章中我仿仿佛佛get到了一些前端的趋势,有些玄妙的技术变化变得合理起来了。
大致上就是Vercle之类的云计算公司在推动边缘无服务器,React和Next也在默默向全栈发展(React Server Components),SSR、SSG等渲染技术也逐渐流行,总之整体上的大趋势就是前端全栈化,不断大前端。
提一嘴,两个月前刚开始学Tailwind的时候犹豫好几天,在考虑css技术的最优选,也傻呵呵的写了篇现在看来很稚嫩的文章,但此时,我只能说我的直觉是对的,是符合大趋势的,utility-css的方向是正确的。
也是坚定了我寒假学习Astro的心,看看有没有时间吧,有的话也推一推NodeJS的进度。
现在给我的感觉就是知道的越多,就越发知道我的无知,有太多东西想要去学去了解,这一路上一定是充满惊喜和挑战的,我也因此愈发期待明天的到来了。
技术的更新迭代对现在我的来说是机遇,代表着行业的洗牌,跟不上节奏自会淘汰。

生产而不是消费

我不知道是不是这么翻译嗷,这句话我是从外网一文章中看到的,大致就是在说“讨论2024年该学什么框架、学什么技术是没有意义的,大部分作者和读者不过是在消费这情绪,而不是转身投入到生产实践中。
虽然我不敢苟同这观点,技术选型时的犹豫与思考是有意义的,人总不可能选择早就被时代置否的技术吧,但是转身投入到生产实践中是我赞成的。想多了都是问题,做多了都是答案,技术学习过程中就应该是“实践-思考-实践”的不断上升螺旋。在实践中发掘思考的基点,思维在给行动指引前行的方向。

阅读

最近这两周也是开始重新阅读了,人不能永远淤在技术中。黑塞的书总能给我当下的生活一些启示。高考刚毕业时读的《德米安》从中看到了我的影子,而上周读的《悉达多》又让我看到了我性格的另一面。好好用全身心去感受当下,哪有什么遥远的未来,向现在取经,现在就是未来。
《加缪情书集》也挺有意思,之前读过他的其他一些书,像是《局外人》、《西西弗神话》,在我印象中加缪一直是个冷冰冰的哲人形象,冷静又假装热情的去看世界这个巨大的草台班子。但在这书中我看到了另一个加缪,他充满热情,骨子里溢出浪漫的气质,他也会为一个人焦虑,等待思慕之人的消息,在夜里辗转反侧。也看到他用颤抖的手写下一个又一个浪漫到让人心酸的话。期待,我在期待,那最后为什么成了一直的等待呢。 我与加缪共情同感,我钦佩他能勇敢的写下那些文字,失去自我的同时又保持着自我。

后记

其实挺有东西可写的,思绪不断的飘荡,跟着感觉码下自己声音,让文字去喝止脑海中的回响。
2024.12.05

相关文章:

我最近在干什么【1】

前言 打算开一个新系列,偏休闲点的,不是完整全面的技术分享,话题还是聚焦个人成长(学的技术、了解到的信息、看的书……) 方面。文章偏意识流点,单纯分享我最近在干什么,不定期更新&#xff0c…...

[Vue3]computed原理

Computed原理 不管在是 Vue 2 还是在 Vue 3 中,对 computed 本身的实现原理基本都是一样的。当使用 computed 计算属性时,组件初始化会对每一个计算属性都创建对应的 watcher , 然后在第一次调用自己的 getter 方法时,收集计算属性依赖的所有…...

Vue工程化开发中各文件的作用

1.main.js文件 main.js文件的主要作用:导入App.vue,基于App.vue创建结构渲染index.html。...

【c++笔试强训】(第三十一篇)

目录 最⻓回⽂⼦序列(动态规划-区间dp) 题目解析 讲解算法原理 编写代码 添加字符(字符串) 题目解析 讲解算法原理 编写代码 最⻓回⽂⼦序列(动态规划-区间dp) 题目解析 1.题目链接:最…...

Go 1.19.4 HTTP编程-Day 20

1. HTTP协议 1.1 基本介绍 HTTP协议又称超文本传输协议,属于应用层协议,在传输层使用TCP协议。HTTP协议属是无状态的,对事务处理没有记忆能力,如果需要保存状态需要引用其他技术,如Cookie。HTTP协议属是无连接的&…...

MySQL 8.0 的主主复制(双向复制)

在 Windows Server 2022 Datacenter 上配置 MySQL 8.0 的主主复制(双向复制),步骤与 Linux 类似,但有一些特定的配置和路径需要注意。以下是详细的简化步骤: 1. 使用 root 用户登录 确保你以 root 用户登录到 MySQL …...

四、自然语言处理_03LSTM与GRU

0、前言 随着循环神经网络(RNN)在各种序列数据处理任务中被广泛应用,研究人员逐渐发现了其在处理长序列数据时会容易出现梯度消失(vanishing gradient)和梯度爆炸(exploding gradient)问题&…...

磁盘系列基础知识(一):硬盘;IDE;ATA;SATA;AHCI;SCSI;SAS

磁盘系列基础知识(一)硬盘 IDE ATA SATA AHCI SCSI SAS 硬盘厂家 西部数据Western Digital/WD. 希捷 SEAGATE、三星 SAMSUNG、东之 Toshiba、英特尔 Intel、金士顿 Kingston、闪迪 SanDisk、 英睿达 Crucial、浦科特 Plextor 硬盘类别 HDD (…...

taro小程序进入腾讯验证码

接入原因 昨天突然晚上有人刷我们公司的登录发送短信接口,紧急将小程序的验证码校验更新上去了 接下来就是我们的接入方法,其实很简单,不过有时候可能大家着急就没有仔细看文档,腾讯验证码文档微信小程序地址,注意这里…...

原子类相关

原子引用 JUC 并发包提供了: AtomicReferenceAtomicMarkableReferenceAtomicStampedReference AtomicReference 使用举例 public interface DecimalAccount {// 获取余额BigDecimal getBalance();// 取款void withdraw(BigDecimal amount);/*** 方法内会启动 10…...

RabbitMQ 客户端 连接、发送、接收处理消息

RabbitMQ 客户端 连接、发送、接收处理消息 一. RabbitMQ 的机制跟 Tcp、Udp、Http 这种还不太一样 RabbitMQ 服务,不是像其他服务器一样,负责逻辑处理,然后转发给客户端 而是所有客户端想要向 RabbitMQ服务发送消息, 第一步&a…...

Java Web 3 Axios Vue组件库

一 Ajax 1 同步 异步 2 原生Ajax 比较繁琐 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Documen…...

双目相机的标定,视差图,深度图,点云生成思路与实现。

该文档记录从双目相机标定到点云生成的所有过程&#xff0c;同时会附上代码。 代码直接能跑。https://github.com/stu-yzZ/stereoCamera 目录 大致思路如下&#xff1a; 一、相机标定 1、相机参数介绍 2、单目相机标定 3、双目相机标定 二、图片畸变矫正 三、极线矫正…...

【H2O2|全栈】MySQL的基本操作(三)

目录 前言 开篇语 准备工作 案例准备 多表查询 笛卡尔积 等值连接 外连接 内连接 自连接 子查询 存在和所有 含于 分页查询 建表语句 结束语 前言 开篇语 本篇继续讲解MySQL的一些基础的操作——数据字段的查询中的多表查询和分页查询&#xff0c;与单表查询…...

2、C++命名空间

命名空间 命名空间是一种用来避免命名冲突的机制; 原理是将一个全局的作用域分成一个个命名空间&#xff0c;每个命名空间是个单独的作用域,从而有效避免命名冲突。 注意&#xff1a;命名空间定义在全局 命名空间定义格式 使用&#xff1a; …...

Elemenu-UI时间日期单个组件,限制当前日期之后的时间

element的时间日期组件&#xff0c; type"datetime" &#xff0c;当你设置了:picker-options"pickerOptions"之后 pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); }, }, 会发现&#xff0c;他只会限制日期&#xff0c;但不…...

flutter修改状态栏学习

在flutter中如何动态更改状态栏的颜色和风格。 前置知识点学习 AnnotatedRegion AnnotatedRegion 是 Flutter 中的一个小部件&#xff0c;用于在特定区域中提供元数据&#xff08;metadata&#xff09;以影响某些系统级的行为或外观。它通常用于改变系统 UI 的外观&#xff…...

解决Unity编辑器Inspector视图中文注释乱码

1.问题介绍 新创建一个脚本&#xff0c;用VS打开编辑&#xff0c;增加一行中文注释保存&#xff0c;在Unity中找到该脚本并选中&#xff0c;Inspector视图中预览的显示内容&#xff0c;该中文注释显示为乱码&#xff0c;如下图所示&#xff1a; 2.图示解决步骤 按上述步骤操作…...

关于csgo的游戏作弊与封禁

关于csgo的游戏作弊与封禁 一.关于作弊 什么叫作弊&#xff1f; 1.换肤&#xff0c;换库存 2.各种参&#xff08;回溯&#xff0c;自瞄&#xff0c;透视&#xff0c;急停&#xff0c;连跳&#xff0c;假身&#xff0c;子弹跟踪等&#xff09; 3.某一部分更改游戏内存&…...

严格单元测试造就安全软件

在信息技术迅速发展的今天&#xff0c;软件在各个行业中扮演着至关重要的角色&#xff0c;尤其是在汽车行业&#xff0c;其中软件的可靠性和安全性直接影响到人们的生命安全。软件缺陷所带来的潜在风险不容小觑&#xff0c;尤其在涉及到自动驾驶和车辆控制等关键系统时&#xf…...

STM32F4基本定时器使用和原理详解

STM32F4基本定时器使用和原理详解 前言如何确定定时器挂载在哪条时钟线上配置及使用方法参数配置PrescalerCounter ModeCounter Periodauto-reload preloadTrigger Event Selection 中断配置生成的代码及使用方法初始化代码基本定时器触发DCA或者ADC的代码讲解中断代码定时启动…...

Unit 1 深度强化学习简介

Deep RL Course ——Unit 1 Introduction 从理论和实践层面深入学习深度强化学习。学会使用知名的深度强化学习库&#xff0c;例如 Stable Baselines3、RL Baselines3 Zoo、Sample Factory 和 CleanRL。在独特的环境中训练智能体&#xff0c;比如 SnowballFight、Huggy the Do…...

使用LangGraph和LangSmith构建多智能体人工智能系统

现在&#xff0c;通过组合几个较小的子智能体来创建一个强大的人工智能智能体正成为一种趋势。但这也带来了一些挑战&#xff0c;比如减少幻觉、管理对话流程、在测试期间留意智能体的工作方式、允许人工介入以及评估其性能。你需要进行大量的反复试验。 在这篇博客〔原作者&a…...

Golang——9、反射和文件操作

反射和文件操作 1、反射1.1、reflect.TypeOf()获取任意值的类型对象1.2、reflect.ValueOf()1.3、结构体反射 2、文件操作2.1、os.Open()打开文件2.2、方式一&#xff1a;使用Read()读取文件2.3、方式二&#xff1a;bufio读取文件2.4、方式三&#xff1a;os.ReadFile读取2.5、写…...

Kafka主题运维全指南:从基础配置到故障处理

#作者&#xff1a;张桐瑞 文章目录 主题日常管理1. 修改主题分区。2. 修改主题级别参数。3. 变更副本数。4. 修改主题限速。5.主题分区迁移。6. 常见主题错误处理常见错误1&#xff1a;主题删除失败。常见错误2&#xff1a;__consumer_offsets占用太多的磁盘。 主题日常管理 …...

恶补电源:1.电桥

一、元器件的选择 搜索并选择电桥&#xff0c;再multisim中选择FWB&#xff0c;就有各种型号的电桥: 电桥是用来干嘛的呢&#xff1f; 它是一个由四个二极管搭成的“桥梁”形状的电路&#xff0c;用来把交流电&#xff08;AC&#xff09;变成直流电&#xff08;DC&#xff09;。…...

pgsql:还原数据库后出现重复序列导致“more than one owned sequence found“报错问题的解决

问题&#xff1a; pgsql数据库通过备份数据库文件进行还原时&#xff0c;如果表中有自增序列&#xff0c;还原后可能会出现重复的序列&#xff0c;此时若向表中插入新行时会出现“more than one owned sequence found”的报错提示。 点击菜单“其它”-》“序列”&#xff0c;…...

react-pdf(pdfjs-dist)如何兼容老浏览器(chrome 49)

之前都是使用react-pdf来渲染pdf文件&#xff0c;这次有个需求是要兼容xp环境&#xff0c;xp上chrome最高支持到49&#xff0c;虽然说iframe或者embed都可以实现预览pdf&#xff0c;但为了后续的定制化需求&#xff0c;还是需要使用js库来渲染。 chrome 49测试环境 能用的测试…...

免费批量Markdown转Word工具

免费批量Markdown转Word工具 一款简单易用的批量Markdown文档转换工具&#xff0c;支持将多个Markdown文件一键转换为Word文档。完全免费&#xff0c;无需安装&#xff0c;解压即用&#xff01; 官方网站 访问官方展示页面了解更多信息&#xff1a;http://mutou888.com/pro…...

MAZANOKE结合内网穿透技术实现跨地域图像优化服务的远程访问过程

文章目录 前言1. 关于MAZANOKE2. Docker部署3. 简单使用MAZANOKE4. 安装cpolar内网穿透5. 配置公网地址6. 配置固定公网地址总结 前言 在数字世界高速发展的今天&#xff0c;您是否察觉到那些静默增长的视觉数据正在悄然蚕食存储空间&#xff1f;随着影像记录成为日常习惯&…...