JavaScript共0篇 第7页
JavaScript
排序
意外之惊喜！浏览器缓存优化方案，让页面加载速度飙升48.5%！
前言 在互联网时代，页面加载速度对于用户体验至关重要。特别是在微前端架构下，更快的性能和加载速度是我们不懈追求的目标。正因如此，浏览器缓存优化方案成为了备受关注的话题。 经过对浏览器...
2年前关于React初始化加载组件会渲染两次的问题
React组件在初始加载时渲染两次： import React from 'react' export default function App() { console.log('被加载') return <div>App</div> } 如上在控制台我们会看到输出了两次...
2年前
几行代码就能实现上传接口，白嫖Github做为在线图床
事情是这样的，某天我在项目里临时需要一个图片上传接口来测试功能，简单来说就是从前端上传图片到服务器然后返回一个可访问的静态资源链接，如果为了这个而去开发一个服务端接口实在是麻烦，而...
2年前神奇的 http-modular 魔法，让前端不用封装接口
最近突发奇想，研究出了一个神奇的“编程魔法”，我把这个思想封装成了一个 Node.js 库，叫做 http-modular。 这个想法的核心是，将服务端的 HTTP 接口转换成符合 ESM 规范的 JavaScript 代码，...
2年前消除无用代码！让前端代码根据环境巧妙加载的小技巧
前言 一般在项目开发中，代码部署都会有多种环境（比如测试环境、预发布环境、正式环境等），而一些代码需要根据环境不同来加载。举个实际例子，在项目的 index.html 中需要引入第三方的前端监...
2年前
手写和应用 call/apply/bind 的文章参差不齐，总结分享个全面的
本文你能学到什么 欢迎关注公众号《前端界》，文章会同步更新，也可快速加入前端交流群！ 前言 最近在复习 JavaScript 手写代码。想搜一下 call/apply/bind实现，发现搜的结果参差不齐，有的是...
2年前
图解 history api 和 React Router 实现原理
Router 是开发 React 应用的必备功能，那 React Router 是怎么实现的呢？ 今天我们就来读一下 React Router 的源码吧！ 首先，我们来学一下 History API，这是基础。 什么是 history 呢？ 就是...
2年前
Chrome插件实战开发
在上一篇文章中，我们介绍了Chrome插件的页面如何写，以及各个组件之间是如何来通信的，得到了不少朋友的积极反馈，大家对Chrome插件的相关内容也都比较感兴趣，也存在着相当大的应用市场；本文...
2年前this指向哪？
谁调用就指向谁 this 指向哪？先记住一句话：谁调用就指向谁，记住这句话就成功一大半了。 var userName = '张三' function fn() { var userName = '李四' console.log(this.userName) // 张三 ...
2年前
解决Cesium开发中遇到Compile log: ERROR: 0:3: ‘varying’: Illegal use of reserved word问题
本篇记录了我在使用Cesium.SkyBox源码更换天空盒图片时，却遇到 Fragment 着色器编译失败的问题。 问题：已解决。 查看地址 仓库地址 来源 如图所示，这个错误导致了我程序渲染停止了，而且报出...
2年前
吐槽大会，来瞧瞧资深老前端写的垃圾代码
版权声明：本人文章仅在掘金平台发布，请勿抄袭搬运，转载请注明作者及原文链接 ? 阅读提示：网页版带有主题和代码高亮，阅读体验更佳 ? 忍无可忍，不吐不快。 本期不写技术文章，单纯来吐槽下...
2年前
如何使用 ChatGPT 帮我们分析前端 Bug
背景 作为前端程序员，我们每个月都能够大量稳定的产出 bug ?，而每个月的 bug 统计都会令人无从下手。 以下是测试组提供的一份 bug 清单，通过 Tapd 的 excel 文档导出，可以看到满满的 bug，...
2年前
5分钟教你使用 console.log 管理你的输出日志
前言 在开发过程中，我们经常会使用 console.log 来输出一些信息，以便于我们调试。但是，当我们的项目越来越大，我们的 console.log 也会越来越多，这时候我们就需要对 console.log 进行管理，...
2年前编写 CMakeLists 文件 — 掌握 CMake
本章将介绍编写有效 CMakeList 的基础知识 文件。它将涵盖基本命令和问题 您将需要处理大多数项目。虽然CMake可以处理极其复杂的问题 项目，对于大多数项目，你会发现本章的内容会告诉 你需要知...
2年前Vue 源码解析（八）：provide & inject
Vue provide & inject 源码解析 引入 依赖注入是Vue中负责组件间共享代码的功能，在应用程序的规模增大时，由于组件树的深度会变的很深，使用props进行组件间传值往往会非常麻烦。因此Vue推...
2年前
基于Promise.resolve实现Koa请求队列中间件
前言 最近在做一个 AIGC 项目，后端基于 Koa2 实现。其中有一个需求就是调用兄弟业务线服务端 AIGC 能力生成图片。但由于目前兄弟业务线的 AIGC 项目也是处于测试阶段，能够提供的服务器资源有...
2年前
消除面对Babel的恐惧——Babel其实没那么可怕
前言 不管是浏览器解析JS代码的还是适配浏览器的兼容性、开发各种打包插件，基本都离不开babel的身影，babel的原理其实没有我们想象中的的那么复杂，只是它做的事情比较繁多和繁杂，原理还是挺...
2年前
一文学会手写Promise
什么是Promise 在开始编码之前，我们先来看一下什么是Promise，话不多说直接上MDN的描述。 看完MDN的描述我们已经知道Promise原来是一个对象，可以表示异步操作的成功或失败。 PromiseA+规范 Pr...
2年前
WebAPI：setTimeout是如何实现的？
setTimeout 和 XMLHttpRequest 是事件循环的两种不同类型的应用，非常典型。 function showName(){ console.log('极客时间') } var timerID = setTimeout(showName,200);// 指定showName在xx毫...
2年前
Reflect给对象带来的优势和改进是什么？
前言 在JavaScript中，对象是一种最常见的且核心的数据类型，甚至可以说万物皆对象。我们可以通过Object对象完成我们想要的操作。但在ES6提供了另一个内置对象——Reflect，它提供了一组强大的...
2年前