最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。

最近接到一个比较奇怪的需求，需要在浏览器中以3D曲面的形式展示商品图片，并且图片的大小存在两种规格，大图的宽高皆为小图的两倍，而且大图的位置随机，类似于下图：尝试过各种方案，踩了各种坑之后，发现只有three.js比较符合需求，最终效果如下：难点在于要使列表元素弯曲，单纯的使用css比较难以实现，至少本人没有找到什么好方案。如果换一个思路去思考，我们只需要让其看上去弯曲就行，不需要真的让列表元素弯

前言上期我们介绍了结构型设计模式中的外观模式，今天我们来看看它的近亲，适配器模式。适配器模式（Adapter Pattern）是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式，它结合了两个独立接口的功能。这种模式涉及到一个单一的类，该类负责加入独立的或不兼容的接口功能。——菜鸟教程这样看，适配器就类似于我们生活中的转接头，兼容两个不同的接口。来看看实际应用中怎么使用它吧。参数适配

今天早上阅读几年前写的一段代码时，突然对其是否生效产生了怀疑，这段代码如下：令我困惑的是：这里动态获取上的属性是否生效？先说结论：这个项目使用的是，采用基于webpack的脚手架工具构建，这种动态取值写法是生效的。关于前端项目的环境变量替换问题，这其实属于是一个项目工程化的问题，在以 webpack 为基础的构建工具项目中基本都是采用和 dotenv 这一完整成熟的方案。经过一系列的代码测试验证和

本文介绍对vue-plugin-hiprint部分重要代码的解析，这是一个很好的开源插件，能够自己自定义打印模板，通过后端传来的数据进行渲染打印，官方也提供了许多的api供开发者使用。界面采用了antdesign。实现了免预览的直接打印。分别是：拖拽组件、画布、属性栏封装js中，使用addPrintElementTypes方法添加自定义的组件，可以查看print.io官方文档来配置参数。通过控制台

用户登录这个功能在现在越来越普遍，我也就研究了一下，本文主要讲登录这个功能中token的验证功能，本例使用的是vue框架，如何实现用户登录功能的token验证，以及整个的逻辑关系，也会将涉及到的其他知识点都讲清楚，让大家更容易更透彻的了解这个功能。废话不多说，看正文！总体就是这样，接下来细说每个部分涉及的知识点和代码。 用于生成token和token的解析验证 1.JWT的组成：一个JWT实际上就

懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。使用图片懒加载就可以解决上述问题。在滚动屏幕之前，可视化区域之外的图片不会进行加载，在滚动屏幕时才加载。懒加载适用于图片较多，页面较长的页面场景中。**懒加载与预加载的区别：**一

本文介绍对vue-plugin-hiprint部分重要代码的解析，这是一个很好的开源插件，能够自己自定义打印模板，通过后端传来的数据进行渲染打印，官方也提供了许多的api供开发者使用。界面采用了antdesign。实现了免预览的直接打印。分别是：拖拽组件、画布、属性栏封装js中，使用addPrintElementTypes方法添加自定义的组件，可以查看print.io官方文档来配置参数。通过控制台

先简单回顾一下整体的更新逻辑：当用户触发更新操作时，React会首先尝试应用默认的性能优化策略尝试对组件进行bailout，这一阶段我们在编码过程中可以尽可能的应用状态下放和内容提升满足默认性能优化策略条件提高bailout命中率默认bailout不满足时，我们也可以使用像React.memo来降低匹配条件，再次进行bailout当必不可少的需要重新渲染时，我们可以使用useMemo来减少渲染的时

方法的类型需要用到ref-napi进行转义 例如,回调方法 => 'pointer'char*和char *性质是一样的, 都是字符串所以, 可以把需要的方法定义如下,})方法的使用,就是通过来调用即可唯一需要注意的就是方法, 需要传入的是一个回调函数, 上面定义时, 可以使用’pointer’占位在调用时, 需要使用创建一个回调, 传入函数中, 例如:先查看回调函数的定义的第一个参数是返回参数的