前言系列首发于公众号『前端进阶圈』 ，若不想错过更多精彩内容，请“星标”一下，敬请关注公众号最新消息。深度剖析之由浅入深揭秘JavaScript类型转换(最全总结篇)值类型转换将值从一种类型转换为另一种类型通常称为类型转换，分为 隐式强制类型转换 和 显示强制类型转换。两者的区别在于是否可直观看出。如下代码：var a = 42; var b = a + ""; // 隐式强制类
前言欢迎关注 『前端进阶圈』 公众号 ，一起探索学习前端技术......前端小菜鸡一枚，分享的文章纯属个人见解，若有不正确或可待讨论点可随意评论，与各位同学一起学习~热点面试题：为什么 0.1+ 0.2 != 0.3，如何让其相等？在开发过程中遇到类似这样的问题：let n1 = 0.1, n2 = 0.2;console.log(n1 + n2 === 0.3); // false
嘿，各位小伙伴！好久不见，好像有一个多月没更新了 这段时间，搞了几个小玩意儿。 为啥没更新文章？ 害，忙着“搞事情”去了呗！?♂️? 这段时间都干了些？ 一句话总结：体验 + 实践 用 AI 编程做了三个项目 提示：文末有彩蛋！ 项目一：个人网站 【欢迎大家访问：https://yaolifeng.com】 说来惭愧，都工作快四年了，连个像样的个人博客都没有，实在有点
常规的图片优化有压缩图片、使用 CSS sprites、懒加载、预加载、CDN 缓存、合适的图片格式、七牛 CDN 图片参数等等，这里不在赘述，这篇文章我们将讨论其他几种方案~
前言 Hey, 我是 Immerse 系列文章首发于【Immerse】，更多内容请关注该网站 转载说明：转载请注明原文出处及版权声明！ 1. 理解 NPM 包的结构 1.1 package.json 文件：包的核心 package.json文件是 NPM 包的中央配置，定义了包的各个方面，从基本元数据到复杂的发布配置。 { "name": "my-awes
学会表达 在写复杂表达式时，可使用一个变量将表达式用变量的方式表示 函数、变量命名要语义化 学会复盘 花一些时间清理自己的代码 尽量以函数式进行编程 拥抱变化 在开发功能时，要考虑变化的情况。该死的产品经理 在封装时要考虑能否封装成一个 js 模块，后续只需要调用响应的 API 即可 学会修复 bug 遇到 bug 考虑为了会出现此缺陷，一定要关注上下文 学会正确使用 git c
? 独立开发者 和 即将出海者们 注意啦! ? ?"独立开发者出海技术栈和工具" 现已上线! ? 涵盖出海技术栈和工具 ? 精选的最佳工具集 ? 发现最适合你的技术栈 ? 社区共建, 持续更新 ? 点击链接查看详情: 独立开发者工具收集站 https://github.com/yaolifeng0629/Independent-developer-tools #出海 #
前言系列首发于公众号『非同质前端札记』 ，若不想错过更多精彩内容，请“星标”一下，敬请关注公众号消息。今天咱们来聊聊 VS Code 里的自定义代码片段。这玩意儿简直是提升编码效率的神器, 用好了能让你敲代码更方便!不管你是刚入行的菜鸟还是身经百战的老兵,这篇攻略都能让你在代码片段的世界里玩得飞起。系好安全带,我们开始起飞啦!代码片段是啥玩意儿?简单说, 代码片段就是一些预先定义好的代码模板。
别再被坑了! JavaScript类型检测的实践在 JavaScript 中,我们经常需要判断一个变量的类型。这个需求在编程中非常常见,因为不同类型的数据会影响到我们的代码逻辑。JavaScript 提供了几种方法来检测数据类型,每种方法都有自己的优缺点。Object.prototype.toString.call()这是最万能的方法。它可以准确识别所有的 JavaScript 内置类型,包括
Next.js 作为一个强大的 React 框架，为开发者提供了两种路由系统：App Router 和 Pages Router。这两种路由系统各有特色，适用于不同的场景。本文将深入探讨这两种路由系统的区别、优缺点和使用场景，帮助你做出最佳选择。App Router：新一代的路由革命App Router 是 Next.js 13 引入的新路由系统，它使用 app 目录来组织路由，带来了许多令人兴奋
前言作为一名开发者，我经常会在 GitHub 和 Gitee 上 fork 各种项目。时间一长，这些仓库就会堆积如山，变成了“垃圾仓库”。每次打开代码托管平台，看到那些不再需要的仓库，我的强迫症就会发作。手动一个一个删除这些仓库不仅耗时耗力，还非常枯燥乏味。 为了彻底解决这个问题，不如解放双手，开发一个工具，能够快速、批量地删除这些不再需要的仓库。于是，一个全新的开源工具 del-repos 诞生
最近工作安排我开发一个Next.js项目模板，心里默笑，React用得少得都快忘光了，现在得搞Next？虽然我曾是React的老用户，但转投Vue阵营已久，React的点点滴滴早已一干二净。不过，挑战归挑战，规矩还得照做。我们通常会用内部工具来搭建新项目的雏形。长久不碰React的我，只能边复习边动手。过了 Next.js文档和找度娘，最终还是根据公司的项目框架写出了第一个版本的企业级模板 ——
JavaScript 是一种单线程的编程语言，这意味着它一次只能执行一个任务。为了能够处理异步操作，JavaScript 使用了一种称为事件循环（Event Loop）的机制。 本文将深入探讨事件循环的工作原理，并展示如何基于这一原理实现一个更为准确的 setTimeout、setInterval什么是事件循环？事件循环是 JavaScript 运行时环境中处理异步操作的核心机制。它允许 Java
重点!!!(先看这)清楚自己学英语的目的, 先搞清楚目标，再行动自身现在最需要的东西：词汇量？口语？还是阅读能力？找对应的书籍,学习资料往兴趣靠拢：网上有大量的美剧学习、小说学习，不要被他们迷了眼，适合他们的不一定适合你，找到适合的你才能长期坚持下去。我的学习方式：比如我要学习和了解第一手的信息,而信息的呈现方式又是英语, 所以我的目标是: 程序员英语对你很合适的英语学习：://
项目背景在上次的业务需求需要我们开发一个商品 H5 页面。这个页面需要在中打开，并且能够以卡片式的形式分享到好友，而不仅仅是纯链接的形式。 遇到的在开发过程中，我们遇到了一些。我们按照之前的经验，接入了 JSDK，并执行了个性化分享配置。然而，当我们换了商品 id 后，发现在 iOS 和 Android 上收藏的数量不一致，有时候第二个卡片甚至没有分享图片和标题。到这里，先抛出
深入理解位运算符及其在JavaScript中的应用在我们之前的文章中，我们已经简单介绍了位运算在JavaScript中的应用，点击这里查看之前的文章。本篇文章，我们将更深入地探讨位运算，帮助你更全面地理解它。常见位运算符运算符描述运算规则&按位与 and两个对应的二进制位都为 1 时，结果为 1，否则为 0|按位或 or两个对应的二进制位有一者为 1 时，结果为 1，否则为 0^按位异或
JavaScript中的包装类型详解在 JavaScript 中，我们有基本类型和对象类型两种数据类型。基本类型包括 String，Number，Boolean，null，undefined 和 Symbol。然而，当我们需要在这些基本类型上调用方法时，就需要用到 JavaScript 的包装类型。什么是包装类型？包装类型是 JavaScript 中的一种特殊对象，它们将基本类型的值“包装”在对象
前言一眨眼出来工作已经三年了这三年自己在各方面都有所提升，做了许多事情...，今年也正好做个总结吧自己想到那写到哪，有点乱，见谅！技术沉迷于技术的第一年工作第一年忙碌于每天的 CRUD第一年自己也没有太多时间学习，大多数时间也都加班，每周周末抽出一天时间去公司再学习自己的东西。当时想的是先在公司站稳脚，后面的再说。然而过了一年自己也更加熟悉于业务和公司技术栈，工作相比于刚入公司更得心应手了。开始学
终极秘诀：打破无代码状态的小方法 大家有没有遇到过不想写代码或学习的时候呢？这种情况下，你们会选择放松还是停下来呢？我很好奇大家是怎么度过这段时间的。我个人的情况是，当我不想写代码或学习的时候，我会去探索一些我感兴趣的东西。比如说，最近我对Bash Terminal路径配置很感兴趣。为什么会对这个感兴趣呢？ 因为我在vscode中使用git作为默认的终端，但是bash的路径看起来太长了，我总是想
第3章 代码的坏味道1.神秘命令(Mysterious Name)?整洁代码中最重要的一环就是有一个好名字，使他们能够清晰地表明自己的功能和用法。但正因为如此，命名就成了编程中最难的两件事之一。而在重构中改名是最常用的重构手法，包括改变函数声明，变量名，字段名等。记住，改名不仅仅是修改名字而已，若想不出一个好的名字，说明背后可能存在更深的设计问题。2. 重复代码(Duplicated Code
超全60000多字详解 14 种设计模式 (多图+代码+总结+Demo) 之前读耗子叔文章时，看到过有句话没有实践，再多的理论都是扯淡，个人很赞同。你觉得自己学会了，但实践与学会之间有着很大差别。单例模式 (Singleton Pattern)定义或概念单例模式：保证一个类仅有一个实例，并提供一个访问的全局访问点。实现的关键步骤：实现一个标准的单例模式其实就是用一个变量来表示是否已经为当前类创建
基于状态模式: 没有实践的理论都是扯淡！！！定义状态模式是一种面向对象的设计模式，它允许一个对象在其内部状态改变时改变它对应的行为。状态模式的关键在于如何区分事物内部的状态，事物内部状态的改变往往会带来事物的行为的改变。通常我们谈到封装，一般都会优先封装对象的行为（比如，某个函数），而不是对象的状态。但在状态模式中恰好相反，状态模式的关键是把事物的每种状态都封装成单独的类，跟状态有关的行为会被封装
基于装饰器——我劝你不要在业务代码上装逼！！！装饰器模式的定义在传统的面向对象语言中，给对象添加功能常使用继承的方式，但继承的方式并不灵活，会带来一些许多问题，如：超类和子类存在强耦合性，也就是说当改变超类时，子类也需要改变。而装饰器模式的出现改变的这种方式，装饰器模式可在不改变现有对象解构的基础上，动态地为对象添加功能。传统的 JavaScript 装饰器var plane = { fi
何为策略模式？比如在业务逻辑或程序设计中比如要实现某个功能，有多种方案可供我们选择。比如要压缩一个文件，我们既可以选择 ZIP 算法，也可以选择 GZIP 算法。这些算法灵活多样，可随意切换，而这种解决方案就是我们所要学习的策略模式。定义或概念策略模式：定义一系列的算法，将他们一个个封装，并使他们可相互替换。策略模式的最佳实践例子1：奖金计算题目：在很多公司的年终奖都是按照员工的工资基数和年底绩效
前言系列首发于『非同质前端札记』 ，若不想错过更多精彩内容，请“星标”一下，敬请关注最新消息。全能指挥官：玩转JavaScript命令模式，让代码听你的话！命令模式的含义命令模式指的是一个执行某些特定的指令。命令模式的示例 demo:// 命令接口 class Command { execute() {} } // 具体命令：打开文档 class OpenDocumentCo
前言系列首发于公众号『非同质前端札记』 ，若不想错过更多精彩内容，请“星标”一下，敬请关注公众号最新消息。懒得改变原始对象？JavaScript代理模式教你怎样一步步偷懒！何为代理模式例如，你想预约一家公司的董事长会面，按照正常流程，你只能通过先联系他的秘书，然后跟他的秘书预约时间，约好时间后你们两个才能会面。(也就是说，代理模式的关键是有个中间者来协调你与对方之间的事情，只能通过中间者将事情转达
前言系列首发于『非同质前端札记』 ，若不想错过更多精彩内容，请“星标”一下，敬请关注最新消息。JavaScript程序设计模式小技巧——策略模式，快看快用！！！何为策略模式？比如在业务逻辑或程序设计中比如要实现某个功能，有多种方案可供我们选择。比如要压缩一个文件，我们既可以选择 ZIP 算法，也可以选择 GZIP 算法。这些算法灵活多样，可随意切换，而这种解决方案就是我们所要学习的策略
JavaScript 的优雅编程技巧：Singleton Pattern定义单例模式：保证一个类仅有一个实例，并提供一个访问的全局访问点。特点仅有一个实例对象全局都可访问该实例主动实例化延迟实例化类似单例模式的使用实践jQuery, lodash, moment ....电商中的购物车(因为一个用户只有一个购物车)Vue 或 React 中全局状态管理(Vuex、Redux、Pinia)全局组件关
前言系列首发于『前端进阶圈』 ，若不想错过更多精彩内容，请“星标”一下，敬请关注最新消息。JavaScript类型、值和原生函数大揭秘, 前端开发者必看！类型ECMAScript 一共有七种语言类型：Undefined、Null、Boolean、String、Number、Object、Symbol内置类型函数不仅是对象，还拥有属性。在函数中的 length 属性是参数的个数如下代码：
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
