pingan8787

JavaScript有很多奇怪的不容易理解的特性（bug?），想要写出比较健壮的JavaScript代码，又不能不去了解这些知识点。今天带来 一篇短文，介绍了一些常见的冷知识。另外，推荐大家都去看看《Javascript: The Good Parts》这本书，薄薄的一本，也不会耽误刷小视频的时间下面是正文部分。JavaScript 冷知识合集：这些特性你都知道吗？JavaScript 作为一门动...

React 一直是前端开发者最受欢迎的框架之一。但是 React 的动画支持似乎一直是个短板。虽然 Vue 和 Svelte 等其他框架相继推出了便于实现动画的 API ，React 开发者长期以来不得不依赖于第三方库，如 Motion for React 和 React Spring 来补足这一缺陷。最近，这种情况终于迎来了转机。React 团队即将推出了一个名为 <ViewTransit...

前言一般情况下，前端在开发本地项目的时候大都用不到https，但有些特殊情况不同，比如你需要使用service worker，又或者需要使用cookie而后端又设置了secure。nextjs本身提供了直接通过https启动项目的方法，所以假如『https://localhost:port[1]』 这种域名就能满足需求的话，建议直接按照nextjs官方提供的方法进行配置即可。API Refere...

今天带来一位10年老前端的一些思考，看看10年的经验总结下来，有哪些是我们可以学习和借鉴的。作者的观点也不一定适合每个团队或者每个场景，大家还是要结合实际情况来具体分析哈。下面是正文部分。开发注意事项考虑边界值：如果要展示一个列表，就要考虑列表为空、列表长度超过一页的情况；如果展示的是文字，则要考虑文字为空、文字超长的情况；访问a.b.c时，a或b是否可能为undefined。考虑特殊场景：如交互...

最初发布于 2018 年的现代 Node.js HTTP 客户端库 —— Undici，在 2024 年取得了显著的增长。下载量从 2023 年的超过 1.89 亿次飙升至 2024 年（1 月至 11 月）的惊人的 4.37 亿次以上，这突显了它在 Node.js 生态系统中的关键作用。今天，Node.js Undici 工作组欣然宣布 Undici v7 的发布。此版本引入了对 fetch()...

一、微信开放平台申请网站应用1、微信开放平台[1]中注册开发者账号，在管理中心选择网站应用，创建相关应用。按照要求准备好资料，提交审核即可，一般2天左右就会有审核结果。注意：基本信息-应用官网：填写公司官网即可；开发信息-授权回调域：只能填写一个回调域，无需带上http或者https，这个配置十分重要，用户扫码成功后，会跳转到这个回调域；2、应用审核通过后，会显示相关详情信息，在后面的接入流程中会...

随着计算机技术的不断发展，图形设计和多媒体制作领域对图像质量、可编辑性和跨平台兼容性的要求越来越高，而矢量图作为一种强大的图像类型，正好满足了这些需求。在软件开发中，基于矢量图无限缩放性、小文件体积、高度可编辑性、跨平台兼容性和透明背景等独特优势，也会被大家广泛使用。01矢量图与SVG矢量图，也称为向量图，是一种基于数学方程和几何属性的图形表示方法。它不同于位图，位图由像素组成，缩放时可能出现失真...

本文转载于掘金社区，作者：keer6https://juejin.cn/post/7414305106825019402前言在项目开发中，点击支付按钮后需要发送支付请求，并在请求完成后的回调中，经过一系列判断，符合某种条件下弹出一个新窗口页面。自然想到使用window.open，但发现该操作会被浏览器拦截。分析原因当浏览器检测到非用户操作产生的新弹出窗口时，会对其进行阻止，因为浏览器认为这可能是...

前言前端开发中难免会遇到价格和金额计算的需求，这类需求所要计算的数值大多数情况下是要求精确到小数点后的多少位。但是因为JS语言本身的缺陷，在处理浮点数的运算时会出现一些奇怪的问题，导致计算不精确。本文尝试从现象入手，分析造成这一问题原因，并总结和整合一些通用的解决方案，以供大家参考。现象回顾下面的是JS进行数值运算过程中常见的问题，这个问题有个专业的名称叫精度丢失。在 JavaScript 中整数...

服务器端渲染（Server-side rendering，简称 SSR）已经存在了一段时间，但值得深入了解。这种技术可以让你的网页应用更快，同时更具 SEO 友好性。在本指南中，我们将解释什么是 SSR、为什么你可能需要使用它，以及如何轻松实现它。我们会覆盖基础知识，比较 SSR 和客户端渲染（CSR），并讨论一些实际案例。什么是服务器端渲染？从本质上讲，服务器端渲染是指在服务器上渲染网页，而不是...

JavaScript有很多奇怪的不容易理解的特性（bug?），想要写出比较健壮的JavaScript代码，又不能不去了解这些知识点。今天带来 一篇短文，介绍了一些常见的冷知识。另外，推荐大家都去看看《Javascript: The Good Parts》这本书，薄薄的一本，也不会耽误刷小视频的时间下面是正文部分。JavaScript 冷知识合集：这些特性你都知道吗？JavaScript 作为一门动...

通常情况下，我们要实现代码高亮功能，需要借助复杂的语法高亮库，例如Prism[1]或highlight.js[2]这些库的基本原理是扫描代码，并将关键词包裹一层标签，然后通过CSS样式改变代码颜色。但是，这种实现会导致页面非常臃肿，增加了很多额外的标签，就像这样那么，有没有办法可以在不改变页面HTML结构的情况下高亮一段代码呢？其实也是有的，之前写过一篇文章，可以利用 CSS Custom Hig...

签名板在网页应用中扮演着重要角色，它们能够记录用户的手写签名或者绘图，从而提升了用户体验。在接下来的内容中，我将指导你如何利用 JavaScript 来开发一个功能丰富的签名板。这个签名板不仅支持自定义和响应式设计，还具备对触摸设备的兼容、多样的笔触样式选择，以及将签名导出为不同格式图片的能力。此外，我们还将探索如何整合像 signature_pad 这样的先进工具来增强签名板的功能。最终效果如下...

前端打包出来的静态文件名带有一串 Hash 值，主要是为了实现以下几个目的：缓存有效性：当文件内容发生变化时，Hash 值也随之改变，这意味着浏览器能够识别文件的更新。如果文件内容没有变化，Hash 值保持不变，浏览器可以从缓存中加载文件，节省网络带宽和提高加载速度。避免缓存问题：在开发和部署过程中，可能会遇到浏览器缓存旧的文件版本的问题。引入 Hash 值后，即使文件的路径没有变化，当文件内容...

由于某次需求的需要，我进行了一次技术调研，内容是调研前端将 pdf 文件转为图片的解决方案，我接到这个需求的第一时间，立马打开搜索引擎，翻看了十分钟后，~很快啊~得出了一个口头结论但这肯定是不行的，十分钟就能整明白的事情就不叫技术调研了，也无需技术调研，然而如何摆好一个技术调研的正确姿势，也没有啥标准模板，让开发人员写文档本来就够痛了，再加上一个没有标准的场景，痛上加痛，既然我想做好这次技术调研，...

前言你是否有过这样的经历？在注册一个新网站时，需要填写个人信息，例如姓名、邮箱、手机号码，甚至身份证号码。你可能会担心，这些信息会被泄露，被不法分子利用。前端数据加密，就是解决这个问题的关键技术之一。它可以在数据传输到服务器之前，对其进行加密处理，即使数据被窃取，也无法被轻易破解。什么是前端数据加密？前端数据加密是指在数据从用户浏览器传输到服务器之前，对其进行加密处理的技术。它将明文数据转换为密文...

相信大家在平常的面试过程中或多或少都被问到过前端性能优化如何实现，但是大部分同学的回答可能说一说自己做了aa、bb、cc...配置；亦或是说了这些配置之后，没有量化的结果去衡量自己的优化到底有没有用。这时候面试官可能就会想：“这位同学的性能优化知识，不成体系，想到哪儿说到哪儿，并且他没有的量化指标，谁知道他是不是从网上背的配置呢。”本篇文章不会提及过多的具体实现，只会提方向，如何回答问题，具体的每...

相信大家在平常的面试过程中或多或少都被问到过前端性能优化如何实现，但是大部分同学的回答可能说一说自己做了aa、bb、cc...配置；亦或是说了这些配置之后，没有量化的结果去衡量自己的优化到底有没有用。这时候面试官可能就会想：“这位同学的性能优化知识，不成体系，想到哪儿说到哪儿，并且他没有的量化指标，谁知道他是不是从网上背的配置呢。”本篇文章不会提及过多的具体实现，只会提方向，如何回答问题，具体的每...

最近，TSH 发布了一年一度的前端状态调查结果，本文将探讨 2024 年前端的现状。前端框架过去一年使用过的前端框架：过去一年使用过的渲染框架：当前前端框架现状：React与Next.js的主导地位：React凭借其强大的社区支持和生态系统，在前端开发中持续占据主导地位。同时，Next.js作为React应用的全栈框架，因其服务端渲染、高效的路由以及对React 19新特性的早期采用，而备受开发者...

服务器端渲染（Server-side rendering，简称 SSR）已经存在了一段时间，但值得深入了解。这种技术可以让你的网页应用更快，同时更具 SEO 友好性。在本指南中，我们将解释什么是 SSR、为什么你可能需要使用它，以及如何轻松实现它。我们会覆盖基础知识，比较 SSR 和客户端渲染（CSR），并讨论一些实际案例。什么是服务器端渲染？从本质上讲，服务器端渲染是指在服务器上渲染网页，而不是...