前言笔者利用空余时间研究了一下javascript的IntersectionObserverAPI，发现其有很大的应用场景，比如图片或者内容的懒加载，视差动画等。笔者也在之前的文章中详细介绍了3种Observer（观察者）的用法，包括位置监听，dom变化监听以及窗口变化监听，它们有非常多的应用场景，所以很有必要研究明白，感兴趣的可以读完本片文章之后学

可以在二维和三维空间中创建精确的技术绘图，并且可以应用于各种行业，如建筑、土木工程、机械制造等领域。AutoCAD允许用户使用命令行或者图形用户界面来创建几何形状，并且可以根据需要进行编辑和修改。除了基本的设计功能外，AutoCAD还具有许多其他功能，如动画和渲染，以及与其他程序（例如MicrosoftExcel）的集成。

大家好，我是皮皮。我们会看到很多网页的粒子特效；如上图所示，这些都是借助HTML新特性，使用新增标签Canvas得到的效果；那么我们来了解下canvas。什么是Canvas在MDN中是这样定义  的： 是HTML5新增的元素，可用于通过使用JavaScript中的脚本来绘制图形。例如，它可以用于绘制图形、制作照片、创建动画，甚至可以进行实时

!(https://oscimg.oschina.net/oscnet/0fe2047fb568eaa8a0cf75f1eedd8d47e79.gif)!(https://oscimg.oschina.net/oscnet/54b1d87130a7131dde160faa279e7e6d1e0.jpg)大家好，我是JackTian。

!(https://oscimg.oschina.net/oscnet/bd133680402f49bd9081c9f87a5f1794.gif)rook简介Rook官网：https://rook.io容器的持久化存储容器的持久化存储是保存容器存储状态的重要手段，存储插件会在容器里挂载一个基于网络或者其

!(https://oscimg.oschina.net/oscnet/a5f6a3b8057148fdb458379b1f71e33b.gif)点击上方蓝色字体，关注我——一个在阿里云打工的清华学渣!关于作者：程序猿石头(ID:tangleithu)，现任阿里巴巴技术专家，清华学渣，前大疆后端L

定义：确保一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。类型：创建类模式类图：!23种设计模式（1）：单例模式第1张|快课网(http://static.oschina.net/uploads/img/201407/05200605_0dij.gif"23种设计模式（1）：单例模式

!(https://oscimg.oschina.net/oscnet/b5650333a00146298052e4da35a0746d.gif"兔子红箭头引导关注")Linux系统Shell编程——脚本编写思路与过程“前段时间有小伙伴问我一些问题，涉及到shell脚本的编写问题，事后，我深入思考了下，实际生产环境的确也

本文分享了作者在网页开发中常用的几个高效网站，包括生成SVG波浪图案的GetWaves、创建SVG形状的Blobmaker、Flexbox可视化工具FLEX、一键生成按钮代码的ButtonsGenerator、全面的CSS生成器CSSGenerator、强大的CSS动画库AnimateCSS、以及开发者新闻聚合平台Daily.dev和问答宝库StackOverflow，每个网站都有独特功能，能显著提升开发效率。文章将持续更新，带来更多实用资源。