Do something cool!

早就听闻 Figma 市值非常高（大概好几年前吧），把 Adobe PhotoShop 都给干下去了。以前只是听闻 Figma 用起来比 PhotoShop 更简单所以才深受用户喜爱，现在感觉事情并没有那么简单，Figma 市值之所以那么高肯定是有原因的，原因应该是盈利确实很好，市占率确实很高，因为我发现它好像是专门做 UI 设计的工具，而随便一想就知道这块蛋糕在现在这个时代是特别大的。

我的东家也是做白板类项目的，不过也是做垂直领域，EDA，项目地址在此：嘉立创 EDA 专业版。我所了解的其他白板项目有这些：

• Excalidraw
• paint-board，LHRUN/paint-board: 🎨 A powerful multi-end drawing board that brings together a lot of creative brushes to experience a whole new range of drawing effects!
• yft-design
• pointless

可见能结合具体业务，垂直发展，才是白板项目能否壮大的关键。而具体业务也有大有小，UI 设计，海报设计这些用户面大所以相应的市值也非常高。

Vue 也是比较常用的前端框架，我这篇文章尝试总结一下 Vue 的常用知识点

声明式编程 + 组件式开发

js 原生语言和 JQuery 这类库，都是命令式的编程，而 Vue 和 React 这类框架，则是声明式编程，或者说是数据驱动式编程。它们的区别在于是否要手动操作 DOM 更新视图。声明式编程只需要关注数据更新，而不用操心 DOM 的更新。

早先的前端开发都是html、js、css三类文件分离的。如果类比做人体的话，html 就像人体的骨骼，是个架子；js 就像人体的肌肉，可以让人体动起来；css 就像皮肤，负责外观。但现在前端编程又回到了融合它们三个的组件式开发的时代。因为组件式开发，封装性更强，这也意味着维护更简单，使用更方便。

window.postMessage()（通用跨域方案）

通过获得目标窗口引用（如 window.open()返回对象、iframe.contentWindow 或 window.opener），发送可序列化数据。

1
2
3
4
5
6
7
8
9
10

// 发送方
const targetWindow = window.open('child.html');
targetWindow.postMessage('Hello', 'https://example.com');

// 接收方
window.addEventListener('message', (event)=>{
    if(event.origin === 'https://example.com'){
        console.log(event.data);
    }
})

优势：支持跨域通信，安全性高（需验证 event.origin）。
局限：需预先建立窗口引用关系，无法广播消息。

最近又开始面试了，然后发现基础还是不牢固，工作中用到的技术确实是比较有限的，平常还要多夯实基础，查漏补缺，不然面试的时候很多东西答不上来。今天面试官问 useCallback，我发现平常不用它，加上好久没复习，我已经全然不记得了。