古茗前端第十八期周刊

资讯

文章推荐

vscode源码定位,只需点击页面元素

通过ast将文件路径行列添加到dom的属性上,在网页中注入监听按键定位源代码的交互逻辑,点击时获取到添加的属性发送一个http请求,再通过node server接收请求中的文件信息打开IDE并定位

从业务开发中学习和理解架构设计

这篇文章通俗的讲解了架构设计的出发点和一些准则,文中提及到的一些设计模式和架构设计大家估计都在其它文章中或多或少的看到过。但是让我觉得耳目一新的是文中关于【奥卡姆剃刀原则】,因为我们在真实业务中真真实实的感受到了他说的一些问题,当业务愈加复杂时,我们只想着用新的组件或模块替换老的代码,没有思考老代码腐化的原因。如果只是单纯的重构,我们如何保证新的代码能走的更远呢?

如何实现一个canvas渲染引擎

DOM 为我们提供了许多开箱即用的渲染 API,但是其在面对许多精细化/高动态化渲染的场景时却显得有些力不从心,而 Canvas 就很好地补足了我们对于浏览器渲染能力的一块短板。在本系列中,作者从 Canvas 的节点层级关系开始,依次完成了 Graphics 类、碰撞检测以及事件系统的设计与编码,逐步实现了一个比较完善的 Canvas 渲染引擎。在文章中,作者用了大量的配图注解和代码注释,帮助我们理解模块以及系统的运作流程,对于感兴趣或是正在学习 Canvas 渲染引擎原理的同学来说是不可多得的一篇好文。

真的不可以在 React 组件内部嵌套定义子组件吗?

在React组件中嵌套定义子组件会引起子组件的重复卸载与挂载。但这并不是说我们不能在组件内"拆分"渲染逻辑。对于独立的模块当然最推荐的方式便是拆成独立的组件,而对于不是那么独立的模块,我们也可以用内部的渲染函数解决。

B站埋点分析平台的构建之路

一篇产品视角下的埋点分析平台的构建之路(B站)。 B站埋点分析平台主要包括:埋点设计规范及管理,埋点测试,埋点分析,数据看板四个核心模块。本文对四个核心模块和平台架构做了详细介绍,可以作为一篇产品方案设计参考。

面对繁冗,拒绝"摆烂"|工具型产品如何简化设计

B端工具产品经常会被说"复杂、难以理解",「简化设计」成为设计师必须考虑的一部分。 从用户的感知层面分析,让用户感到复杂的原因可以划分为四大方面:概念、流程复杂、界面、操作。对应的设计策略有:

  • 简化概念,降低认知成本
  • 简短高效流程
  • 简化页面信息布局
  • 轻松操作

文章总结: 引用《简约至上》中的所说:创造简单用户体验的秘诀就在于把复杂性转移到正确的地方。任何产品都具有一定的复杂性,设计的目的不是为了消除所有复杂性,而是将它们放到最合适的位置。

小茗推荐

最后

关注公众号「Goodme前端团队」,获取更多干货实践,欢迎交流分享。


相关推荐
学习3人组1 分钟前
React 样式隔离核心方法和最佳实践
前端·react.js·前端框架
世伟爱吗喽7 分钟前
threejs入门学习日记
前端·javascript·three.js
朝阳58120 分钟前
用 Rust + Actix-Web 打造“Hello, WebSocket!”——从握手到回声,只需 50 行代码
前端·websocket·rust
F2E_Zhangmo20 分钟前
基于cornerstone3D的dicom影像浏览器 第五章 在Displayer四个角落显示信息
开发语言·前端·javascript
slim~40 分钟前
javaweb基础第一天总结(HTML-CSS)
前端·css·html
一支鱼44 分钟前
leetcode常用解题方案总结
前端·算法·leetcode
惜.己1 小时前
针对nvm不能导致npm和node生效的解决办法
前端·npm·node.js
F2E_Zhangmo1 小时前
基于cornerstone3D的dicom影像浏览器 第二章 加载本地文件夹中的dicom文件并归档
前端·javascript·css
用户21411832636022 小时前
Nano Banana免费方案来了!Docker 一键部署 + 魔搭即开即用,小白也能玩转 AI 图像编辑
前端
Zacks_xdc2 小时前
【前端】使用Vercel部署前端项目,api转发到后端服务器
运维·服务器·前端·安全·react.js