全部文章
共 1299 篇文章
44 个 React 前端面试问题
1.你知道哪些React hooks？ ：用于管理功能组件中的状态。 ：用于在功能组件中执行副作用，例如获取数据或订阅事件。 ：用于访问功能组件内的 React 上下文的值。 ：用于创建对跨渲染持续存在的元素或值的可变引用。 ：用于记忆函数以防止不必要的重新渲染。 ：用于记忆值，通过缓存昂贵的计算来提高性能。 ：用于通过reducer函数管理状态，类似于Redux的工作原理。 ：与useEffect类似，但效果在所有DOM突变后同步运行...
带圆角的虚线边框？CSS 不在话下
今天，我们来看这么一个非常常见的切图场景，我们需要一个带圆角的虚线边框，像是这样： 这个我们使用 CSS 还是可以轻松解决的，代码也很简单，核心代码： 但是，原生的 dashed 有一个问题，就是我们 无法控制虚线的单段长度与间隙 。 假设，我们要这么一个效果呢虚线效果呢： 此时，由于无法控制 产生的虚线的单段长度与线段之间的间隙，border 方案就不再适用了。 那么，在 CSS 中，我们还有其它方式能够实现带圆角，且虚线的单段长度与...
(Mac版)终于搞懂了浏览器是怎么唤醒本地应用了
之前写了一篇Windows版的终于搞懂了网盘网页是怎么唤醒本地应用了的文章， 发表后，直接窜上了综合热榜第一，这是令我没想到的。 传送门： 然后有些朋友就问了，好奇Mac上应该怎么配置自定义协议来通过浏览器唤醒本地应用。这篇文章我就简单记录一下。 不像Windows在注册表中配置，每个Mac应用都会有一个Info.plist的配置文件，这里还用VS Code来举例子 这个文件是每个app都会包含的，而自定义打开协议就在这里配置。 这里大...
终于搞懂了网盘网页是怎么唤醒本地应用了
用百度网盘举例，可以通过页面打开本机的百度网盘软件，很多软件的网站页面都有这个功能。这个事情一直令我比较好奇，这次终于有空抽时间来研究研究了，本篇讲的是Windows的，mac的原理与之类似，Mac文章已发布： 。 本身单凭浏览器是没有唤醒本地应用这个能力的，不然随便一个网页都能打开你的所有应用那不就乱套了吗。但是电脑系统本身又可以支持这个能力，就是通过配置自定义协议。 举个例子，当你用浏览器打开一个本地的PDF的时候，你会发现上面是f...
axios是怎么做到适配xhr和http的
前言 我们在使用axios的时候是不需要判断这个环境和指定发送的方法的，但是它既可以发送浏览器环境下xhr请求，也可以发送node环境下http请求，就来看一下这是怎么实现的。 基础结构 发送请求 通常我们使用axios发送请求使用的方法就是 或者 axios是Axios的实例，在Axios类中，有一个很重要的方法 , 其他的 等方法都是依赖request方法改造来的 首先，我们看一下Axios类中有什么 request()是 发送请求...
10 个功能强大的 JavaScript 动画库
首发于公众号 ，欢迎关注。📝 每周一篇实用的前端文章 🛠️ 分享值得关注的开发工具 ❓ 有疑问？我来回答 动画。从人群中脱颖而出、吸引访客注意力的绝佳方式。通过富有创意的物体运动和流畅的页面转换，不仅能为我们的网站增添独特的美感，还能提高用户参与度，创造令人难忘的第一印象。 有了这 10 个功能强大的 JavaScript 库，创建动画再简单不过了。滚动动画、手写动画、SPA 页面转换、打字动画、颜色动画、SVG 动画......它...
Editor.js 开发 Notion 风格富文本编辑器
前言 开发一个编辑博客内容的富文本编辑器，风格类似于 Notion 块级的编辑器，研究了 开源项目，和它的风格接近，editorjs 界面简洁，操作个人感觉很高级，插件灵活易扩展，样式可编辑修改，开发成本也没有那么复杂 介绍 Editor.js 亮点 用户界面友好 ：Editor.js 提供了一个直观且易于使用的用户界面，能够轻松地创建和编辑文档 模块化编辑 ： 使用块级元素（blocks）的方式组织文本，每个块负责处理不同类型的内容，...
你知道怎么调试线上代码吗
这篇文章是学习了神说要有光的调试小册的学习笔记： 这篇文章来分享下如何调试线上的代码 什么时候需要调试线上的代码呢，当线上代码出现 bug 的时候，需要定位问题，就需要一步一步调试代码来确认问题，但是线上代码都是构建之后的代码，很难看懂，有什么好的解决办法么？ 实际例子 在本地创建一个 demo 项目 这个项目用 webpack 构建打包 这是 webpack 配置文件 webpack.config.js ： tips：在编写js配置文...
面试被跨域问麻了，这次一定搞明白
跨源资源共享（Cross Origin Resource Sharing， ） 是一种 基于 头 的机制（划重点），该机制通过允许服务器标示除了它自己以外的其他 （域、协议或端口），使得浏览器允许这些源访问加载自己的资源。 跨源 HTTP 请求的一个例子：运行在 的 JavaScript 代码使用 来发起一个到 的请求。 出于安全性， 浏览器限制脚本内发起的跨源 HTTP 请求 。例如，XMLHttpRequest 和 遵循 。这意味着...