纯 CSS 实现文字换行环绕效果
⌛ 三年前。。。 🧔♂️ 一同事问我：“你说用 css 能不能直接实现这个效果，不想用 js 写，好麻烦啊” 我回答道：“应该不行吧，好像没什么好用的方法。。。” ✅ 现在，三年之约已到，我终于找到了纯 css 实现的方法 省流，实现代码 起源 前几天在翻 chrome 的博客时偶然看到了这么一个东西 Chrome 110 年初登陆， 属性是一个小而强大的 CSS 功能，它为首字母的位置设置样式。您可以将字母放置在下降或上升状态。该...
你了解js的沙箱环境吗
去年的面试了，最近复盘了一下，发现菜的一批，有些问题一下子就答出来了，现在答的话，那时候还在瞎鸡儿答我也不知道答的什么。。。。 在 JavaScript 中，沙箱（sandbox）是一个安全机制，用于隔离运行代码，以防止代码对其它部分的应用程序或系统造成不必要的影响或安全风险。沙箱提供了一个受控环境，在这个环境中，代码可以被执行而不影响外部环境，从而保护用户数据和系统安全。 在浏览器中，沙箱通常指的是浏览器为每个标签页提供的隔离环境。这...
常用HTTP请求编码格式之x-www-form-urlencoded、json_application编码
HTTP请求的编码方式 | Content Type 种类 | 说明 | | | | | application/x www form urlencoded | 数据类型： ，把form数据转换成一个字串 ，然后把这个字串append到url后面，用 分割，加载这个新的url。 当action为post时候，浏览器把form数据封装到http body中，然后发送到server | | application/json | 以纯文本形式...
2024 最新 React 面试题
1\. React18 新特性 18 不在支持 IE 批处理 18 之前，批处理 的更新。 18 中，批处理支持处理的操作范围扩大了： 等这些非 React 原生事件。 Transitions ：用于标记非紧急的更新，用 starTransition 包裹起来就是告诉 React，这部分代码渲染的优先级不高，可以优先处理其它更重要的渲染。 ：除了能提供 startTransition 以外，还能提供一个变量来跟踪当前渲染的执行状态。 S...
七天速记前端八股文
for in和正常for循环的区别 在遍历数组时，正常的 循环通常比 循环更适合。虽然 循环可以用于遍历数组，但它有一些潜在的问题和限制。 下面是一些使用 循环相对于 循环的优势： 1. 顺序遍历： 循环可以按照数组元素的顺序进行迭代。而 循环在遍历数组时，并不能保证按照特定顺序遍历，因为它遍历的是对象的属性。 2. 不包含原型链上的属性： 循环仅遍历数组自身的索引，不包括原型链上的属性。而 循环会遍历对象的所有可枚举属性，包括原型链上...
Webpack 和 Rollup：您应该知道的一些事情
本文只做 Webpack 和 Rollup 的对比总结，不参入 esbuild、Vite 或其他工具的讨论 Webpack 和 Rollup 都是现在前端领域比较流行的打包工具，它们的相似之处在于可以帮助我们 把多个 JavaScript 文件打包成一个可以在浏览器中加载并在生产中使用的文件。 打包成单个文件的好处是可以减少网络请求、提高网站性能等目的。 这篇文章主要想通过对比的方式讲讲这两种打包工具的差异...
2024年JavaScript常见面试题
基础问题 1、 JavaScript是单线程的吗？ 2、 请介绍JavaScript引擎的主要构成以及引擎是如何工作的？ 3、 请介绍JavaScript的事件循环并讲解它对异步编程的意义？ 4、 请解释下JavaScript里的“提升”概念？ 5、 请讲下var、let和const的差异？ 6、 JavaScript有哪些数据类型？ 7、 什么是回调函数和回调地狱？ 8、 请介绍下Promise？ 9、 请介绍下async/await...
为什么[ ] == [ ] 为false, [ ] == ![ ] 为true？
这两个表达式涉及到 JS 中类型转换和比较操作符的行为。JS 是一种灵活的动态语言，它有一套自己的类型转换规则，有时会导致一些看似奇怪的结果。在理解这两个表达式的行为时，需要深入了解 JS 的类型转换机制以及比较操作符的工作方式。 首先介绍一下 JS 中的类型转换机制，JS 中的类型转换通常发生在两种情况下： 隐式类型转换 和 显式类型转换 。隐式类型转换是 JS 自动执行的类型转换，通常发生在需要不同类型的值的运算或比较时。而显式类型...
前端中的观察者和发布订阅设计模式的区别和应用
前言 观察者模式（Observer Pattern）和发布订阅模式（Publish Subscribe Pattern）都是常见的行为设计模式，用于实现对象之间的解耦和通信。它们之间的主要区别在于对象之间的关系和通信方式。 观察者模式： 关系 ：观察者模式中存在一个被观察者（Subject）和多个观察者（Observer）之间的一对多关系。当被观察者的状态发生变化时，所有观察者都会收到通知并进行相应的更新。 通信方式 ：被观察者直接通知...