当前位置: 首页 > 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…...

基于大模型的 UI 自动化系统

基于大模型的 UI 自动化系统 下面是一个完整的 Python 系统,利用大模型实现智能 UI 自动化,结合计算机视觉和自然语言处理技术,实现"看屏操作"的能力。 系统架构设计 #mermaid-svg-2gn2GRvh5WCP2ktF {font-family:"trebuchet ms",verdana,arial,sans-…...

云启出海,智联未来|阿里云网络「企业出海」系列客户沙龙上海站圆满落地

借阿里云中企出海大会的东风&#xff0c;以**「云启出海&#xff0c;智联未来&#xff5c;打造安全可靠的出海云网络引擎」为主题的阿里云企业出海客户沙龙云网络&安全专场于5.28日下午在上海顺利举办&#xff0c;现场吸引了来自携程、小红书、米哈游、哔哩哔哩、波克城市、…...

大型活动交通拥堵治理的视觉算法应用

大型活动下智慧交通的视觉分析应用 一、背景与挑战 大型活动&#xff08;如演唱会、马拉松赛事、高考中考等&#xff09;期间&#xff0c;城市交通面临瞬时人流车流激增、传统摄像头模糊、交通拥堵识别滞后等问题。以演唱会为例&#xff0c;暖城商圈曾因观众集中离场导致周边…...

【JVM】- 内存结构

引言 JVM&#xff1a;Java Virtual Machine 定义&#xff1a;Java虚拟机&#xff0c;Java二进制字节码的运行环境好处&#xff1a; 一次编写&#xff0c;到处运行自动内存管理&#xff0c;垃圾回收的功能数组下标越界检查&#xff08;会抛异常&#xff0c;不会覆盖到其他代码…...

深入理解JavaScript设计模式之单例模式

目录 什么是单例模式为什么需要单例模式常见应用场景包括 单例模式实现透明单例模式实现不透明单例模式用代理实现单例模式javaScript中的单例模式使用命名空间使用闭包封装私有变量 惰性单例通用的惰性单例 结语 什么是单例模式 单例模式&#xff08;Singleton Pattern&#…...

华为OD机试-食堂供餐-二分法

import java.util.Arrays; import java.util.Scanner;public class DemoTest3 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseint a in.nextIn…...

ip子接口配置及删除

配置永久生效的子接口&#xff0c;2个IP 都可以登录你这一台服务器。重启不失效。 永久的 [应用] vi /etc/sysconfig/network-scripts/ifcfg-eth0修改文件内内容 TYPE"Ethernet" BOOTPROTO"none" NAME"eth0" DEVICE"eth0" ONBOOT&q…...

算法笔记2

1.字符串拼接最好用StringBuilder&#xff0c;不用String 2.创建List<>类型的数组并创建内存 List arr[] new ArrayList[26]; Arrays.setAll(arr, i -> new ArrayList<>()); 3.去掉首尾空格...

服务器--宝塔命令

一、宝塔面板安装命令 ⚠️ 必须使用 root 用户 或 sudo 权限执行&#xff01; sudo su - 1. CentOS 系统&#xff1a; yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh2. Ubuntu / Debian 系统…...

基于IDIG-GAN的小样本电机轴承故障诊断

目录 🔍 核心问题 一、IDIG-GAN模型原理 1. 整体架构 2. 核心创新点 (1) ​梯度归一化(Gradient Normalization)​​ (2) ​判别器梯度间隙正则化(Discriminator Gradient Gap Regularization)​​ (3) ​自注意力机制(Self-Attention)​​ 3. 完整损失函数 二…...