在chrome插件中，我们通常会看到在插件端登录操作会跳转到第三方独立的web去登录，一旦web登录，返回到插件端，一刷新页面，插件就自动登录了。这是如何实现的呢？本文是插件与web端的单点登录的一篇总结笔记，希望看完在项目中有所帮助。本文主要会从以下几点思考插件的单点登录web端与插件如何通信插件与web端如何信息共享内部插件与content通信机制pos
......
447
0
0
2024-04-24
在看了同事推荐的ts教程后，发现自己还是有很多不会的，所以整理出一些自己学到的新知识点，希望各位也能有所收获！(我就写给自己看看,不要太当回事哈哈哈附上教程链接，看完你就是ts大神！！！写得超级详细，保证有很多你不知道的小细节。 函数如果变量被赋值为一个函数，变量的类型有两种写法。代码语言：javascript复制// 写法一
const hello =
......
281
0
0
2024-04-24
摄影：产品经理赤身盖饭我以前一直使用Vue来写前端。去年下半年接手了一个基于React + Next.js的项目，于是顺带学习了一下Next.js。由于Next.js的特点，这个项目的前后端是放在一起的。一开始没什么问题，看了半天文档就上手了。上周我们需要在另一个网页项目中，调用这个项目的后端接口，于是就需要处理跨域请求的问题。但我发现按照网上的方法，跨域问
......
293
0
0
2024-04-24
前面我们讲了很多前端应用内部的性能优化，实际上除了前端自身，我们还可结合容纳 Web 页面本身的客户端一起做优化。首先，本文中提到的容器，基本上都是指 Web 页面的宿主，比如浏览器、APP 客户端、小程序，它们提供了 WebView 环境来运行 Web 应用。容器性能优化由于 Web 应用本身只运行在 WebView 中，而 WebView 的能力又依赖于
......
297
0
0
2024-04-23
缓冲模式和流模式缓冲模式（buffer mode），在这种模式下系统会把某份资源传来的所有数据，都先收集到一个缓冲区里，直到操作完成为止。然后，系统把这些数据当成一个模块回传给调用方。比如 fs.writeFile、fs.readFile 等；流模式（stream mode），在流模式下，系统会把自己从资源端收到的每一块新数据都立刻传给消费方，让后者有机会立
......
287
0
0
2024-04-23
如果页面中存在耗时较长的计算任务，那么卡顿也是需要关注的一个性能优化点。前面我有给大家整体地讲过《前端性能优化--归纳篇》，其实里面已经囊括了大多数场景下的一些性能优化的方向。当我们开始讨论卡顿时，往往意味着页面中有较大的逻辑运算，该计算任务耗时太长，阻塞了浏览器的主线程，导致用户的一些操作无法及时响应。因此，我们今天卡顿优化的重点在于如何优化耗时较长的计算
......
281
0
0
2024-04-21
场景复现：做后台管理系统的时候，出现了一个bug:点击“导出数据”按钮，打开文件里面是空的。乱码的url正确的urlbug解决思路：1.文件为空，应该是请求的url路径不对，显示一个空的模板即没带参数，因此可以判断是参数有误； 2.控制台打出url,可以看出是参数中文乱码； 3.怎样解决中文乱码问题？（大坑就在这里） 当时我尝试了encodeURI 和 de
......
314
0
0
2024-04-16
最近做项目要求将webpack打包方式换成vite，下面将详细讲解一下配置vite需要修改哪些文件，以及过程中踩到的奇葩坑。vite官网文档网址：https://vitejs.cn1.新建viteconfig.js文件一般在vue-cli项目中会有一个vueconfig.js文件，里面会有webpack配置； 那么新建一份viteconfig.js文件，里面
......
289
0
0
2024-04-16
1.Promise是什么？Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法
......
328
0
0
2024-04-15
闭包这个话题一直都是前端面试的重点，下面我将结合自己的春招面试经验，关于闭包这个问题讲讲技术面试官会对它进行怎么一个提问？1.闭包是什么？闭包是js的一种语法特性。 闭包就是能够读取其他函数内部变量的函数 创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。——《JavaScript高级程序设计》2.为什么要使用闭包
......
332
0
0
2024-04-15
对于内容复杂和变更频繁的前端应用，页面渲染也常常是性能优化的核心场景。前面我有给大家整体地讲过《前端性能优化--方案归纳篇》，其实里面已经囊括了大多数场景下的一些性能优化的方向。关于加载流程相关的优化，也有在《前端性能优化--加载流程篇》一文中进行详细的介绍。本文主要围绕页面渲染相关的内容，来进行性能优化分析。首屏渲染说到页面渲染，首屏的渲染显然是最首要的。
......
242
0
0
2024-04-15
对于前端应用的性能优化，大多数时候我们都是从加载流程开始优化起。前面我有给大家整体地讲过《前端性能优化--归纳篇》，其实里面已经囊括了大多数场景下的一些性能优化的方向。越是交互复杂、用户量大的业务，对性能的要求就越是严格。大多数的前端性能优化，都是从页面的启动和加载流程开始梳理和定位，对于功能复杂的业务来说，这样的梳理尤为重要。注意：前面说过性能优化分为时间
......
254
0
0
2024-04-09
作者 | 黄文勇、何良、徐君编辑 | 蔡芳芳在刚刚过去的 2023 年，WebAssembly 技术发展态势喜人，多项关键性提议都进入了新阶段，并且获得了社区与工具链的广泛深入支持。同时，其应用场景呈现出蓬勃扩展的态势，吸引着越来越多组织和个人开发者群体投入 WebAssembly 的开发之中。下文我们将首先回溯 WebAssembly 在 2023 年各项
......
314
0
0
2024-04-09
大家好，我是「柒八九」。一个「专注于前端开发技术/Rust及AI应用知识分享」的Coder。前言不知道大家看到过上面的图没，它被国内技术媒体传的沸沸扬扬，无端中又挑起了「框架之争」。随后各路主角粉墨登场。「你方唱罢我登场」。由于见证过太多框架的起起伏伏，鄙人认为「框架它写的再好,也只是你手中的兵器」。我们不应该「为器所困」，我们应该作为兵器的主人，在战场上所
......
326
0
0
2024-04-09
近日，前端开发者 Tero Piirajinen 推出了一个名为 Nue.js 的极简化前端开发工具，并迅速引发社区讨论。Piirajinen 在 Hacker News 上表示，它是 React、Vue、Next.js、Vite、Svelte 和 Astro 的替代品。
据悉，Nue 源自德语单词 neue，与英语中的“new”同义。它能帮助具备 HTM
......
284
0
0
2024-04-02