Three.js常用阴影技术
Three.js是一个流行的用于创建和展示3D图形的JavaScript库，它提供了多种阴影技术来增强3D场景的真实感和视觉效果。使用阴影技术需要综合考虑性能、兼容性、场景特性以及调试和优化等方面的因素，以确保最终的阴影效果能够达到预期的效果并且不会对性能造成过大的影响。
2023-12-10 14 0
js页面滚动到某个元素处
要使用 JavaScript 将页面滚动到某个元素处，你可以使用 scrollIntoView() 方法。这个方法可以让指定的元素滚动到浏览器窗口的可视区域内。这段 JavaScript 代码会找到 ID 为 targetElement 的元素，然后将页面滚动到该元素所在位置。scrollIntoView() 方法中的 behavior: 'smooth' 参数会使得滚动过程更加平滑。
2023-12-09 21 0
轻量级js库Alpine.js用法
Alpine.js 是一个轻量级的 JavaScript 库，用于在前端实现交互性强、动态性高的用户界面。它主要用于添加行为，使得前端页面具备更多的交互功能，而无需引入复杂的框架或库。
2023-12-07 26 0
jQuery4.0重大更新
jQuery 4.0 是 jQuery 的下一个主要版本，预计将于 2024 年发布。该版本将包含一些重大更新，包括：完全弃用 jQuery 1.x 和 2.x 版本。使用 TypeScript 重写 jQuery 核心。添加对新的 JavaScript 特性的支持。总体而言，jQuery 4.0 是一个重大更新，将使 jQuery 更加现代化、可用和兼容。
2023-12-04 69 0
富文本编辑器里多个data:image图片上传
批量上传富文本编辑器中的多个 data:image 图片，一般需要以下步骤：提取 Data URI： 从富文本编辑器中获取内容，并提取所有的 data:image 图片的 Data URI。这可能需要使用正则表达式或其他方法来解析 HTML 并提取图像的 Data URI。上传图片： 将提取的 Data URI 图片进行上传。你可以将这些 Data URI 转换为 Blob 或 File 对象，并将它们作为文件发送到服务器端。
2023-11-30 300 0
vue3中自定义hook函数
在Vue 3中，你可以使用Composition API来创建自定义的Hook函数。Composition API允许你将逻辑组织在可重用的函数中，并在组件中进行使用。这是一个简单的例子，展示了如何使用Vue 3的Composition API创建一个自定义的Hook函数，并在组件中使用它来管理页面标题。自定义Hook函数可以包含各种逻辑和功能，让你更好地组织和重用代码。
2023-11-29 344 0
vue3使用vue-router路由 懒加载和传参
在 Vue3 中使用 vue-router 路由，需要先安装 vue-router 包。在 Vue3 中，路由懒加载可以通过 lazyLoad 属性来实现。lazyLoad 属性接收一个函数，该函数会在路由被访问时执行，并返回组件实例。路由传参可以通过 params 属性来实现。params 属性接收一个对象，该对象会在路由被访问时传递给组件。
2023-11-29 355 0
Quill富文本编辑器使用示例
Quill 是一款开源的 JavaScript 富文本编辑器，由 Google 开发。项目完全免费开源，目前在Github上以获得 37.5k stars。Quill 的用法非常简单，只需以下几步即可创建一个 Quill 编辑器。Quill 还提供了丰富的 API，可以用于设置编辑器的各种属性。
2023-11-28 439 0
常用WebGL技术框架及功能
WebGL（Web Graphics Library）是一种用于在Web浏览器中渲染交互式3D和2D图形的JavaScript API。它允许在不需要插件的情况下，在支持WebGL的浏览器中直接运行高性能的图形渲染。WebGL没有一个固定的技术框架，而是基于JavaScript API，但有一些流行的框架和库可以简化和加速WebGL应用程序的开发。以下是一些常见的WebGL技术框架和功能，希望对大家有所帮助。
2023-11-28 60 0
最小WebGL库OGL使用示例
OGL 是一个小型、有效的 WebGL 库，面向喜欢最少抽象并对自己创建着色器感兴趣的开发人员。OGL 的 API 采用零依赖的 es6 模块编写，与 ThreeJS 有许多相似之处，但它与 WebGL 紧密耦合，并且功能少得多。目前 OGL 在 Github 上通过 MIT 协议开源，有超过 3.2k 的 star、是一个值得关注的前端开源项目。
2023-11-28 417 0
Vue为什么要禁用undefined？
在Vue.js中，有一个特定的设计决策涉及到对undefined的处理。Vue.js默认情况下会忽略数据对象中的undefined属性。这样做会让Vue的响应式系统追踪这个属性，并允许你在模板中使用它。然而，在实际应用中，避免使用undefined而是使用null或其他默认值可能更有助于避免一些潜在的问题和不一致性。
2023-11-28 51 0
fetch和Axios对比
fetch和Axios都是用于在JavaScript中进行HTTP请求的工具，但它们有一些区别和特点。如果你仅需在现代浏览器中发起简单的HTTP请求，可以考虑使用原生的fetch。如果你需要更多的功能和更好的错误处理，或者需要考虑兼容性和一致性，Axios可能是更好的选择。选择使用哪个取决于项目的需求、个人偏好以及对于浏览器兼容性和功能性的考虑。
2023-11-28 119 0
React Axios用法
Axios是一个基于Promise的现代化HTTP客户端，用于浏览器和Node.js环境中，可用于发起HTTP请求。它是一个流行的JavaScript库，提供了一种简单、易用的方式来处理HTTP请求。在React中使用Axios进行HTTP请求需要以下步骤：安装 Axios。导入 Axios。使用Axios发起HTTP请求。
2023-11-28 45 0
js filter、map、reduce等遍历数组的方法
JavaScript中遍历数组的方法有很多种，每种方法都有其特点和适用场景。for循环是最基础的，而forEach、map、filter、reduce等方法则提供了更高级的功能，例如对数组元素进行操作、筛选或归约等。选择遍历方法通常取决于你的需求和代码的可读性。
2023-11-27 52 0
Angular单元测试函数根据不同的参数returnValue不同的值
编写Angular单元测试时，有一个场景是某个函数被多次调用，在mock这个函数的返回值的时候希望根据不同的参数返回不同的值。当需要针对同一个函数根据不同的参数返回不同的值时，你可以使用 Jasmine 的 calls.fake() 来模拟这种行为。这可以让你为不同的参数设置不同的返回值。以下是一个示例，演示了如何在单元测试中根据不同的参数模拟返回不同的值。
2023-11-27 46 0
什么是Web Workers？
Web Workers是一种在浏览器环境中运行的JavaScript脚本的机制，它们允许在单独的线程中执行脚本，而不影响主页面的性能和响应性。通过利用Web Workers，开发人员可以更好地优化应用程序的性能，提高其响应性，并改善用户体验。
2023-11-25 68 0
为什么前端数值精度会丢失？
前端数值精度丢失通常是由于 JavaScript 中使用的浮点数表示方式引起的。JavaScript 中的所有数字都是浮点数，遵循 IEEE 754 浮点数标准。这种表示方法对于大多数情况是有效的，但它也存在精度问题。
2023-11-25 59 0
js异步编程的三种方式
JavaScript 中的异步编程是处理异步操作的一种方式，可以使程序在等待某些耗时任务（如网络请求、文件读写、定时器等）完成时继续执行其他任务，而不会阻塞整个程序。
2023-11-24 58 0
Bootstrap Popovers Tooltips不工作
如果没有弹出窗口的话请注意，必须自己初始化他们。Popovers 依赖第三方库 Popper 进行定位。 您必须在 bootstrap.js 之前包含 popper.min.js，或者使用包含 Popper 的 bootstrap.bundle.min.js。弹出窗口需要弹出窗口插件作为依赖项。
2023-11-23 55 0
