更新时间

This commit is contained in:
jimmy committed 2025-01-20 10:15:03 +08:00
1 parent bc3addcd63
commit 79f7eec41d
14 files changed
+266 -115

No files matched your search

@@ -4,15 +4,14 @@ title: TypeScript 应该被放弃吗
date: 2024-08-04
tags:
- 编程
- 学习
- 思考
- TypeScript
head:
- - meta
- name: keywords
content: vue vue3 js javascript react ts typescript
editLink: false
lastUpdated: true
lastUpdated: 2025-01-20T10:09:34
---
> 文章摘要
@@ -38,10 +37,10 @@ TypeScript 的额外成本:第二篇文章提到,在某些场景下,TypeSc
抛出这个问题主要基于22年和23年发生的一些事件:
![image-20240627143223214](/posts/2024/08/10003/up-58c4155f83bbd826f4bb0ec1ab8d1e32ccd-1719469395020-15-1719469397190-17.png)
![image-20240627143223214](../../../public/posts/2024/08/10003/up-58c4155f83bbd826f4bb0ec1ab8d1e32ccd-1719469395020-15-1719469397190-17.png)
![image-20240627143223214](/posts/2024/08/10003/eed5a2dd0f71b8b4790a1b20c708416c-1719469475131-21.png)
![image-20240627143223214](../../../public/posts/2024/08/10003/eed5a2dd0f71b8b4790a1b20c708416c-1719469475131-21.png)
并且Svelte 不是第一个放弃 TypeScript 的前端框架。早在 2020 年,Deno 就迁移了一部分內部 TypeScript 代码到 JavaScript,以减少构建时间。
@@ -67,13 +66,13 @@ TypeScript 的额外成本:第二篇文章提到,在某些场景下,TypeSc
并且对于这篇文章,Reddit的评论区也是活力十足
![image-20240627144850640](/posts/2024/08/10003/image-20240627144850640.png)
![image-20240627144850640](../../../public/posts/2024/08/10003/image-20240627144850640.png)
并且在知乎对于这个问题的评价更加激进:
![image-20240627143223214](/posts/2024/08/10003/image-20240627143223214.png)
![image-20240627143223214](../../../public/posts/2024/08/10003/image-20240627143223214.png)
以下是文字版本:
+15 -15
View File
@@ -3,19 +3,19 @@ layout: doc
title: Vue还是React?
date: 2024-08-04
tags:
- 编程
- 学习
- 思考
- 编程
- 思考
- vue
- React
head:
- - meta
- name: description
content: Vue和React、Nextjs如何选择
- - meta
- name: keywords
content: vue vue3 js javascript react ts typescript
- - meta
- name: description
content: Vue和React、Nextjs如何选择
- - meta
- name: keywords
content: vue vue3 js javascript react ts typescript
editLink: false
lastUpdated: true
lastUpdated: 2025-01-20T10:09:34
---
> 文章摘要
@@ -38,17 +38,17 @@ lastUpdated: true
但和国内相悖的是,在`JetBrains`与`StackOverflow`在2023年的数据报告中,在前端方面数据,`Node`和`React`以压倒性优势领先其他语言
![2023 JetBrains开发者调查报告](/posts/2024/08/10003/image-20240626141050935-1719382253511-9.png)
![2023 JetBrains开发者调查报告](../../../public/posts/2024/08/10003/image-20240626141050935-1719382253511-9.png)
![StackOverflow 2023调查报告](/posts/2024/08/10003/image-20240626141144499.png)
![StackOverflow 2023调查报告](../../../public/posts/2024/08/10003/image-20240626141144499.png)
2023JavaScript趋势报告:
![image-20240626143412891](/posts/2024/08/10003/image-20240626143412891.png)
![image-20240626143412891](../../../public/posts/2024/08/10003/image-20240626143412891.png)
和国内不同的是,`React`在国外保持着惊人的活力
@@ -188,7 +188,7 @@ lastUpdated: true
> - 如果我们要有一个统治框架,难道我们不希望它没有主见吗?所以 React 真的很好,因为它基本上只是一个带有最小状态管理解决方案的渲染库。有许多其他东西建立在 React 之上,这使得它与其他框架相当。所以即使你考虑元框架,也有很多流行的框架。
> - 如果你了解 JavaScript,你几乎了解 React 的所有内容。他不会像Angular那样有很多新的“魔法”(这里指的是Angular引入的新的改变增加了学习成本,如管道,过滤器等)
![image-20240627133055166](/posts/2024/08/10003/image-20240627133055166-1719466257222-11.png)
![image-20240627133055166](../../../public/posts/2024/08/10003/image-20240627133055166-1719466257222-11.png)
##### 观点四:从公司架构思考问题
@@ -14,8 +14,7 @@ head:
- name: keywords
content: 文字排版 布局
editLink: false
lastUpdated: true
lastUpdated: 2025-01-20T10:10:00
---
> 文章摘要
<!-- DESC SEP -->
@@ -9,68 +9,67 @@ head:
- name: keywords
content: 设计 html 布局
editLink: false
lastUpdated: true
lastUpdated: 2025-01-20T10:09:34
---
对于大部分信息展示网站中都是通过大块的区域内容展示来展现更多信息,并且国内的对应的网站相对较老,所以UI设计以及UI风格上更加的质朴
如:
![[../../../public/posts/2024/08/10002/image-20240709144917869.png]]
<img src="/posts/2024/08/10002/image-20240709144917869.png" alt="/posts/2024/08/10002/image-20240709144917869.png" />
![image-20240709145013421](/posts/2024/08/10002/image-20240709145013421.png)
![image-20240709145013421](../../../public/posts/2024/08/10002/image-20240709145013421.png)
![image-20240709145115262](/posts/2024/08/10002/image-20240709145115262.png)
![image-20240709145115262](../../../public/posts/2024/08/10002/image-20240709145115262.png)
根据几个常见的网址论坛可以看出,对于信息的展示主要通过以下几种方式:
## **标签(板块)**
![image-20240709150825480](/posts/2024/08/10002/image-20240709150825480.png)
![image-20240709150825480](../../../public/posts/2024/08/10002/image-20240709150825480.png)
![image-20240709151217902](/posts/2024/08/10002/image-20240709151217902.png)
![image-20240709151217902](../../../public/posts/2024/08/10002/image-20240709151217902.png)
![image-20240709151251709](/posts/2024/08/10002/image-20240709151251709.png)
![image-20240709151251709](../../../public/posts/2024/08/10002/image-20240709151251709.png)
![image-20240709151345083](/posts/2024/08/10002/image-20240709151345083.png)
![image-20240709151345083](../../../public/posts/2024/08/10002/image-20240709151345083.png)
![image-20240709151437319](/posts/2024/08/10002/image-20240709151437319.png)
![image-20240709151437319](../../../public/posts/2024/08/10002/image-20240709151437319.png)
![image-20240709151552809](/posts/2024/08/10002/image-20240709151552809.png)
![image-20240709151552809](../../../public/posts/2024/08/10002/image-20240709151552809.png)
![image-20240709151640633](/posts/2024/08/10002/image-20240709151640633.png)
![image-20240709151640633](../../../public/posts/2024/08/10002/image-20240709151640633.png)
![image-20240709151839807](/posts/2024/08/10002/image-20240709151839807.png)
![image-20240709151839807](../../../public/posts/2024/08/10002/image-20240709151839807.png)
![image-20240709151858347](/posts/2024/08/10002/image-20240709151858347.png)
![image-20240709151858347](../../../public/posts/2024/08/10002/image-20240709151858347.png)
![image-20240709151925258](/posts/2024/08/10002/image-20240709151925258.png)
![image-20240709151925258](../../../public/posts/2024/08/10002/image-20240709151925258.png)
![image-20240709151949506](/posts/2024/08/10002/image-20240709151949506.png)
![image-20240709151949506](../../../public/posts/2024/08/10002/image-20240709151949506.png)
![image-20240709152145202](/posts/2024/08/10002/image-20240709152145202.png)
![image-20240709152145202](../../../public/posts/2024/08/10002/image-20240709152145202.png)
![image-20240709152228527](/posts/2024/08/10002/image-20240709152228527.png)
![image-20240709152228527](../../../public/posts/2024/08/10002/image-20240709152228527.png)
![image-20240709152344199](/posts/2024/08/10002/image-20240709152344199.png)
![image-20240709152344199](../../../public/posts/2024/08/10002/image-20240709152344199.png)
大多数论坛网站中在主页显眼位置,主要方便用户快速进入不同的模块或专题,将网站的主要内容和业务展示到用户最先注意到的范围内。
## 轮播图
![image-20240709153709220](/posts/2024/08/10002/image-20240709153709220.png)
![image-20240709153709220](../../../public/posts/2024/08/10002/image-20240709153709220.png)
![image-20240709153737574](/posts/2024/08/10002/image-20240709153737574.png)
![image-20240709153737574](../../../public/posts/2024/08/10002/image-20240709153737574.png)
![image-20240709153808702](/posts/2024/08/10002/image-20240709153808702.png)
![image-20240709153808702](../../../public/posts/2024/08/10002/image-20240709153808702.png)
![image-20240709153845136](/posts/2024/08/10002/image-20240709153845136.png)
![image-20240709153845136](../../../public/posts/2024/08/10002/image-20240709153845136.png)
![image-20240709153901153](/posts/2024/08/10002/image-20240709153901153.png)
![image-20240709153901153](../../../public/posts/2024/08/10002/image-20240709153901153.png)
![image-20240709153924475](/posts/2024/08/10002/image-20240709153924475.png)
![image-20240709153924475](../../../public/posts/2024/08/10002/image-20240709153924475.png)
相对于在通过标签直接进行展示,轮播图的使用在整体调研的网站中占比较低,并且多为较为老旧的UI,并且现在的大环境下用户只想了解希望得到的信息,找到目标信息后,点击查看,得到想要的信息,离开网站。
@@ -78,25 +77,25 @@ lastUpdated: true
## 排行(热门)
![image-20240709171101927](/posts/2024/08/10002/image-20240709171101927.png)
![image-20240709171101927](../../../public/posts/2024/08/10002/image-20240709171101927.png)
![image-20240709171148293](/posts/2024/08/10002/image-20240709171148293.png)
![image-20240709171148293](../../../public/posts/2024/08/10002/image-20240709171148293.png)
![image-20240709171249182](/posts/2024/08/10002/image-20240709171249182.png)
![image-20240709171249182](../../../public/posts/2024/08/10002/image-20240709171249182.png)
![image-20240709171310667](/posts/2024/08/10002/image-20240709171310667.png)
![image-20240709171310667](../../../public/posts/2024/08/10002/image-20240709171310667.png)
![image-20240709171406819](/posts/2024/08/10002/image-20240709171406819.png)
![image-20240709171406819](../../../public/posts/2024/08/10002/image-20240709171406819.png)
![image-20240709171423701](/posts/2024/08/10002/image-20240709171423701.png)
![image-20240709171423701](../../../public/posts/2024/08/10002/image-20240709171423701.png)
![image-20240709171439358](/posts/2024/08/10002/image-20240709171439358.png)
![image-20240709171439358](../../../public/posts/2024/08/10002/image-20240709171439358.png)
![image-20240709171502006](/posts/2024/08/10002/image-20240709171502006.png)
![image-20240709171502006](../../../public/posts/2024/08/10002/image-20240709171502006.png)
![image-20240709171529013](/posts/2024/08/10002/image-20240709171529013.png)
![image-20240709171529013](../../../public/posts/2024/08/10002/image-20240709171529013.png)
![image-20240709171610508](/posts/2024/08/10002/image-20240709171610508.png)
![image-20240709171610508](../../../public/posts/2024/08/10002/image-20240709171610508.png)
最新、最近回复、热门、精选、排行
@@ -106,11 +105,11 @@ lastUpdated: true
## 实时新闻(信息)
![image-20240709172705194](/posts/2024/08/10002/image-20240709172705194.png)
![image-20240709172705194](../../../public/posts/2024/08/10002/image-20240709172705194.png)
![image-20240709172741964](/posts/2024/08/10002/image-20240709172741964.png)
![image-20240709172741964](../../../public/posts/2024/08/10002/image-20240709172741964.png)
![image-20240709182327709](/posts/2024/08/10002/image-20240709182327709.png)
![image-20240709182327709](../../../public/posts/2024/08/10002/image-20240709182327709.png)
在大多数网站中该内容反而并不常见,可能对于论坛平台,更多的是需要有效的信息,而不是新的信息
@@ -122,49 +121,49 @@ lastUpdated: true
### 列表形式
![image-20240709182940316](/posts/2024/08/10002/image-20240709182940316.png)
![image-20240709182940316](../../../public/posts/2024/08/10002/image-20240709182940316.png)
![image-20240709183028747](/posts/2024/08/10002/image-20240709183028747.png)
![image-20240709183028747](../../../public/posts/2024/08/10002/image-20240709183028747.png)
![image-20240709183038648](/posts/2024/08/10002/image-20240709183038648.png)
![image-20240709183038648](../../../public/posts/2024/08/10002/image-20240709183038648.png)
![image-20240709183047905](/posts/2024/08/10002/image-20240709183047905.png)
![image-20240709183047905](../../../public/posts/2024/08/10002/image-20240709183047905.png)
![image-20240709183111554](/posts/2024/08/10002/image-20240709183111554.png)
![image-20240709183111554](../../../public/posts/2024/08/10002/image-20240709183111554.png)
![image-20240709183434347](/posts/2024/08/10002/image-20240709183434347.png)
![image-20240709183434347](../../../public/posts/2024/08/10002/image-20240709183434347.png)
![image-20240709183450074](/posts/2024/08/10002/image-20240709183450074.png)
![image-20240709183450074](../../../public/posts/2024/08/10002/image-20240709183450074.png)
### 列表形式(展示更多信息)
![image-20240709183221209](/posts/2024/08/10002/image-20240709183221209.png)
![image-20240709183221209](../../../public/posts/2024/08/10002/image-20240709183221209.png)
--------
![image-20240709183238714](/posts/2024/08/10002/image-20240709183238714.png)
![image-20240709183238714](../../../public/posts/2024/08/10002/image-20240709183238714.png)
![image-20240709183253255](/posts/2024/08/10002/image-20240709183253255.png)
![image-20240709183253255](../../../public/posts/2024/08/10002/image-20240709183253255.png)
![image-20240709183308255](/posts/2024/08/10002/image-20240709183308255.png)
![image-20240709183308255](../../../public/posts/2024/08/10002/image-20240709183308255.png)
![image-20240709183338467](/posts/2024/08/10002/image-20240709183338467.png)
![image-20240709183338467](../../../public/posts/2024/08/10002/image-20240709183338467.png)
![image-20240709183348910](/posts/2024/08/10002/image-20240709183348910.png)
![image-20240709183348910](../../../public/posts/2024/08/10002/image-20240709183348910.png)
### 问答形式
![image-20240709183409479](/posts/2024/08/10002/image-20240709183409479.png)
![image-20240709183409479](../../../public/posts/2024/08/10002/image-20240709183409479.png)
### 卡片形式
![image-20240709183321435](/posts/2024/08/10002/image-20240709183321435.png)
![image-20240709183321435](../../../public/posts/2024/08/10002/image-20240709183321435.png)
### 预览形式
![image-20240709183144841](/posts/2024/08/10002/image-20240709183144841.png)
![image-20240709183144841](../../../public/posts/2024/08/10002/image-20240709183144841.png)
![image-20240709183507358](/posts/2024/08/10002/image-20240709183507358.png)
![image-20240709183507358](../../../public/posts/2024/08/10002/image-20240709183507358.png)
综合已经搜索到的信息来看,信息的展示通过内容的不同,也有不同的展示方式,大部分使用的是列表形式,并且尽量展示少的正文,而是主要展示标题(可能这种方式可以增加点击率吧)
+3 -4
View File
@@ -4,14 +4,13 @@ title: 登录功能的思考
date: 2024-08-05
tags:
- 编程
- 学习
- 想法
head:
- - meta
- name: keywords
content: 登录 架构
editLink: false
lastUpdated: true
lastUpdated: 2025-01-20T10:10:00
---
> 文章摘要
@@ -115,7 +114,7 @@ lastUpdated: true
8. 然后服务器将加密后的密文发送给客户端。
9. 客户端收到服务器发送来的密文,用客户端密钥对其进行对称解密,得到服务器发送的数据。这样HTTPS中的第二个HTTP请求结束,整个HTTPS传输完成。
![image-20240709145013421](/posts/2024/08/img-1.webp)
![image-20240709145013421](../../../public/posts/2024/08/img-1.webp)
它通过以下方式保证数据的安全性: