前端新青年

去年最后一篇文章介绍了我们的 Electron 桌面客户端的一些优化措施，这篇文章也跟我们正在开发的 Electron 客户端有一定关系。最近我们正在预研在 Electron 页面中实时播放会议视频流的方案。 视频会议界面是最后一块没有被 Web 取代的页面, 它完全用原生开发…

2019 年最后一发，谈谈这半年 Electron 应用开发和优化心得。干货也挺多，希望能给你带来一点启发。 下半年可以拿出来说一说的项目，估计就是我们用 Electron 重构了一个桌面端应用。这个应用类似于钉钉或者企业微信，主要功能有即时通信、语音/视频、会议，基本功能和交…

拆包的方式一般有三种，分别为Facebook的Metro、携程的moles-packer和diff patch（可以使用Google的diff-match-patch）。但目前最好的方式可能还是Metro。在调研的过程中，接触最早的，也是最全的例子为react-native-m…

1. 基本概念 在THREEjs中，渲染一个3d世界的必要因素是场景（scene）、相机（camera）、渲染器（renderer）。渲染出一个3d世界后，可以往里面增加各种各样的物体、光源等，形成一个3d世界： 正交摄像机是一个矩形可视区域，物体只有在这个区域内才是可见的物体…

本文从绘图基础开始讲起，详细介绍了如何使用Three.js开发一个功能齐全的全景插件。 如果你对Three.js已经很熟悉了，或者你想跳过基础理论，那么你可以直接从全景预览开始看起。 OpenGL是用于渲染2D、3D量图形的跨语言、跨平台的应用程序编程接口（API）。 这个接口…

收到了很多反馈，以下所述的方案，的确不是一个最优方案。实现这种效果，可以直接使用微信小程序的swiper组件。以下的实现方案，只提供一种思路，有兴趣可以看看，或者略过。 先看效果图。 左右滑动到一定的距离，就向相应的方向移动一个卡片的位置。 卡片滑动的时候有一定的加速度。 如果…

模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…

typescript在增强react应用的稳定性，可读性以及易管理性方面一直都处在非常重要的位置上，typescript为React和其他javascript前端框架逐步引入了更多的支持；从3.0版本和3.1版本之后显著增强了许多功能。在过去，typescript集成到reac…

按课程小节整理了 Dan Abramov 两套课程的代码，已上传 github。Building React Applications with Idiomatic Redux 课程中，有部分老旧的代码，在 router v4 下不能正常运行，在这份练习代码中，支持了 v4。 …