eval函数的作用 'eval'函数是javascript中的一个内置函数，它的主要作用是将传入的字符串作为代码来执行。换句话说，'eval'可以将动态生成的字符串当作javascript代码来执行，并返回执行结果。 我的理解就是它可以执行传入的代码，并返回执行结果。 为什么不推荐使用eval 1、 ...

在上图中我们想在点击bi-pen的时候获取到td绑定的id,常用 这是一种常见的方式来访问一个元素的祖父节点。这种写法在简单的情况下是有效的，但在某些情况下可能不够灵活或可维护。所以我们考虑使用 closest 方法： Element.closest() 方法允许你查找最接近当前元素的祖先元素，满足 ...

10 月 5 日 - 6 日，ViteConf 2023 在线举行，Vue 和 Vite 的创建者尤雨溪发表了题为《The State of Vite》 的演讲，他分享了 Vite 的现状与未来展望，本文就来看一看 Vite 现在怎么样了，以及未来的路将怎么走！ Vite 版本发布情况 首先，来快速 ...

theme: qklhk-chocolate 引言：你有没好奇过，在一个使用了transform变换的元素上使用window.getComputedStyle(htmlElement)['transform'] 查询出来的值代表什么？ 为什么硬件加速要使用transform，以及为什么硬件加速会快? ...

经过 Adobe 工程师多年来的努力，并与 Chrome 等浏览器供应商密切合作，通过 WebAssembly + Emscripten、Web Components + Lit、Service Workers + Workbox 和新的 Web API 的支持，终于在近期推出了 Web 版 Pho ...

安装导入 npm npm i three 导入 并非所有功能都在three，还需从子目录导入 // three模块 import * as three from 'three' // 一些不在three模块的功能，这里是OrbitControls导入示例 import { OrbitControls ...

16开始接触前端，一直对一个问题特别感兴趣，那就是js动画，也就是从那时起开始探究动画的各种表现形式，也是那个时候开始意识到编程这块东西最终考验的就是抽象和逻辑，而这一切完全是数学里边的东西。最早接触tweenJS是去年还是前年来着有点忘了，不过当时有点不大看得懂，勉勉强强算是过了一遍，不过有了这个 ...

[webpack中文文档](概念 | webpack 中文文档 | webpack中文文档 | webpack中文网 (webpackjs.com))： 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或 ...

1 StyleSheet 一张 StyleSheet 由一系列 Rules 组成，这些 Rules 可以分成 2 大类: 1 Style Rule 2 At-Rule 下面的例子展示了 Style Rule 和 At-Rule: // Style Rule div { background-colo ...

今天来盘点北京的泛互联网公司。涵盖了综合类、外企类、硬件类、电商类、游戏类、娱乐类、生活类、工具类、人工智能类、金融类、教育类、招聘类、汽车类、外包类、信息化类以及国企央企类等多个领域。 综合类 字节跳动 美团 百度 阿里巴巴 腾讯 网易 外企类 微软 谷歌 亚马逊 Paypel Canva Sho ...

1.d3.shuffle D3.shuffle() 方法用于将数组中的元素随机排序。它使用 Fisher–Yates 洗牌算法，该算法是无偏的，具有最佳的渐近性能（线性时间和常数内存）。 D3.shuffle() 方法的语法如下： d3.shuffle(array, [start, end]) 其中 ...

JavaScript 中有很多简写技巧，可以缩短代码长度、减少冗余，并且提高代码的可读性和可维护性。本文将介绍 20 个提升效率的 JS 简写技巧，助你告别屎山，轻松编写优雅的代码！ 移除数组假值 可以使用 filter() 结合 Boolean 来简化移除数组假值操作。假值指的是在条件判断中被视为 ...

打包工具解决的是前端整体的模块化，不只是局限于js的模块化，打包工具需要完成的功能有：1.模块打包：完成多个模块的打包，将多个模块的js文件打包到一个js里面。2.loader转换： 以webpack为例，可以使用loader完成格式的转换，改善兼容性问题。 3.代码拆分：可以拆分不同模块的代码，没... ...

全文约 5100 字，预计阅读需要 15 分钟。 JavaScript 运行时是指执行 JavaScript 代码的环境。目前，JavaScript 生态中有三大运行时：Node.js、Bun、Deno。老牌运行时 Node.js 的霸主地位正受到 Deno 和 Bun 的挑战，下面就来看看这三个 ...

这是我在博客园的第一篇博客，也是我人生中的第一篇博客。希望它能够记录我的成长，帮助更多的人。 最近在写我们社团的社团网站，有一个页面不太希望普通访客能访问到,所以想做一个“统一身份验证验证”，但是又苦于社团网站搭建是纯静态站，没法做数据库，只能妥协，将账号密码字符串组写到JavaScript脚本里， ...

说明： 轮播图在前端开发中是一种常见的元素，通常用于展示一系列的图片或者内容，并通过滑动或者点击的方式进行切换。使用JavaScript来实现轮播图有以下几个意义： 提升用户体验：轮播图可以在有限的空间内展示更多的内容，为用户提供更多的信息。同时，轮播图也具有较好的视觉效果，可以吸引用户的注意力。 ...

标签组件的效果如下 组件作用 这是一个div，包含了两个文本框，后面是添加和删除按钮 添加按钮复制出新的div，除了文本框没有内容，其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags"> ...

最近在做性能优化，具体优化手段，网上铺天盖地，这里就不重复了。性能优化可分为以下几个维度：代码层面、构建层面、网络层面。本文主要是从代码层面探索前端性能，主要分为以下 4 个小节。使用 CSS 替代 JS、深度剖析 JS、前端算法、计算机底层 ...

作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在日常开发中，很多时候需要对数组进行分组，每次都要手写一个分组函数，或者使用lodash的groupBy函数。好消息是，JavaScript 现在正在引入全新的分组方法：Object.groupBy和Map.groupBy，以后再也不需要 ...