小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI

Literate programming 的核心想法是:把代码和解释它的散文交织在一起,代码可以被实际执行,输出直接嵌入文档。Org mode 的 Babel 就是做这件事的工具——它比 Jupyter Notebook 更灵活(支持任何有 REPL 的语言),但开箱即用时缺少两个东西:REPL 风格的交互式代码块(逐行执行、交替显示输入和输出),以及把 Org...

用 Org Babel 写 Literate 博文:扩展执行 + 定制导出

暗无天日
暗无天日 · 2026-04-25T00:00:00Z
前端邪修:不用Vite也不用Webpack,把React拖回HTML时代的反工程化实践 - 程序设计实验室

作者分享了“前端邪修”的开发实践,通过简单的HTML引入React,避免复杂工具链,降低心智负担。使用gulp和babel处理JSX,构建轻量级应用,适合简单交互需求,强调在需求简单时可拆解工程化。

前端邪修:不用Vite也不用Webpack,把React拖回HTML时代的反工程化实践 - 程序设计实验室

程序设计实验室
程序设计实验室 · 2026-01-22T03:22:00Z
📦 package.json、package-lock.json、.yarnrc、babel.config、tsconfig.json 等文件的终极指南

开发者常用配置文件,但往往忽视其重要性和潜在错误。文章探讨了 package.json、lock 文件、Babel 和 TypeScript 等配置文件的作用及最佳实践,强调保持一致性和避免常见错误,以提高开发效率和减少调试时间。

📦 package.json、package-lock.json、.yarnrc、babel.config、tsconfig.json 等文件的终极指南

DEV Community
DEV Community · 2025-05-10T16:01:21Z
将Next.js编译器从Babel切换到SWC

Next.js计划将编译器从Babel迁移到SWC,以简化构建过程并提升性能。SWC生成的包体积更小,构建速度更快,但仍需检查core-js和regenerator-runtime的依赖。

将Next.js编译器从Babel切换到SWC

DEV Community
DEV Community · 2025-04-23T04:29:16Z
JSX与Babel(React面试必备)

JSX是一种在JavaScript中编写类似HTML代码的语法,实际上是JavaScript。它需要通过Babel转换为浏览器可理解的普通JavaScript,以便在React应用中使用。

JSX与Babel(React面试必备)

DEV Community
DEV Community · 2025-04-22T01:01:14Z
JavaScript字节码与抽象语法树

自1995年Brendan Eich创建以来,JavaScript经历了显著演变,成为强大的编程语言。JavaScript引擎通过字节码和抽象语法树(AST)优化代码执行,AST用于代码分析和转换,字节码提高执行性能。开发者可利用Babel等库创建和遍历AST,实现代码优化。理解这些概念对高级JavaScript开发至关重要。

JavaScript字节码与抽象语法树

DEV Community
DEV Community · 2025-04-16T07:59:44Z
在Webpack和Babel创建的React项目中设置ESLint和Prettier(续)

本文介绍了如何在Webpack和Babel创建的React项目中添加ESLint和Prettier,ESLint用于代码检查以确保质量,Prettier用于格式化以保持一致性。文章详细说明了安装和配置的步骤,以及如何在VSCode中实现自动化。

在Webpack和Babel创建的React项目中设置ESLint和Prettier(续)

DEV Community
DEV Community · 2025-04-14T14:33:49Z
构建自定义Babel插件:高级JavaScript开发者的逐步指南

在Next.js中,服务器端渲染(SSR)能够快速提供完整页面,但需合理管理以避免性能问题。本文探讨了提升性能的缓存策略,包括增量静态再生(ISR)、CDN缓存头设置、边缘函数的使用以及手动缓存API响应。结合SSR与智能缓存可实现动态数据与快速性能的最佳平衡。

构建自定义Babel插件:高级JavaScript开发者的逐步指南

DEV Community
DEV Community · 2025-04-13T02:54:07Z
从零开始使用Webpack和Babel配置React

本文介绍了从零开始配置React项目的步骤,包括项目初始化、基本React组件设置、Webpack和Babel配置、CSS支持及资产处理,最终实现一个完整的React应用。

从零开始使用Webpack和Babel配置React

DEV Community
DEV Community · 2025-03-31T19:49:07Z
理解Babel:JavaScript编译器

Babel是一个编译器,将现代JavaScript(ES6+)转换为旧语法,以确保向后兼容。它通过解析、转换和代码生成的过程,支持代码转换和静态分析,帮助开发者编写兼容旧浏览器的代码。

理解Babel:JavaScript编译器

DEV Community
DEV Community · 2025-03-30T18:25:10Z
React中的JSX是什么?理解React的语法

JSX是React的语法扩展,允许在JavaScript中编写类似HTML的代码,提升组件可读性。使用JSX需遵循规则,如必须有一个父元素、属性使用大驼峰命名、内联样式为JavaScript对象等。Babel将JSX转换为React.createElement(),以确保浏览器兼容性。

React中的JSX是什么?理解React的语法

DEV Community
DEV Community · 2025-03-10T04:36:24Z
为什么我放弃了Babel而选择SWC——我的构建速度提升了400倍!

在生产应用中,将Babel替换为SWC后,构建时间从91秒降至216毫秒,构建大小从27MB减少到18MB,SWC显著提升了构建速度。

为什么我放弃了Babel而选择SWC——我的构建速度提升了400倍!

DEV Community
DEV Community · 2025-03-09T14:27:41Z
阿里发布 Babel:开放多语言大型语言模型 LLM 服务全球 90% 以上使用者

阿里巴巴的Babel模型通过层扩展技术,支持25种语言,提升了低资源语言的处理能力。Babel-9B和Babel-83B在多语言任务中表现优异,尤其在推理和翻译方面,提高了训练数据有限语言的准确性。

阿里发布 Babel:开放多语言大型语言模型 LLM 服务全球 90% 以上使用者

实时互动网
实时互动网 · 2025-03-07T03:02:13Z
使用Rollup、TypeScript和Babel构建ES5兼容项目

现代网页开发中,开发者使用JavaScript和TypeScript构建应用,但旧设备如智能电视仅支持ES5。为确保应用兼容这些设备,需要使用Rollup、TypeScript和Babel构建项目,并通过core-js进行polyfill。这样可以扩大受众,确保应用在更多设备上运行。

使用Rollup、TypeScript和Babel构建ES5兼容项目

DEV Community
DEV Community · 2025-03-06T18:28:46Z
理解React中的JSX:历史、特性与示例

JSX是React的语法扩展,简化了UI组件的编写。2013年由Facebook推出,取代了繁琐的React.createElement。JSX在执行前由Babel编译为JavaScript,提升了可读性和开发体验。它支持嵌入JavaScript表达式、自定义组件、属性、条件渲染和事件处理。理解JSX对高效构建React应用至关重要。

理解React中的JSX:历史、特性与示例

DEV Community
DEV Community · 2025-03-05T20:16:29Z
如何在JavaScript中酿造混淆技术而不烧毁实验室:AST、Babel和插件

本文探讨了JavaScript代码混淆技术,旨在隐藏算法并增加代码分析难度。通过示例展示了使用AST和babel插件进行混淆的方法。尽管混淆能提高安全性,但仍存在被反混淆的风险。强调创造性和定制化混淆的重要性,以保护代码安全。

如何在JavaScript中酿造混淆技术而不烧毁实验室:AST、Babel和插件

DEV Community
DEV Community · 2025-01-10T04:00:52Z
React - JSX

JSX(JavaScript XML)是React中的一种语法,允许在JavaScript中编写类似HTML的元素,结合了JavaScript的强大与HTML的结构,简化了用户界面设计。JSX代码需通过Babel转换为标准JavaScript。

React - JSX

DEV Community
DEV Community · 2024-12-19T16:24:33Z
掌握 JavaScript 装饰器

JavaScript 装饰器是一种强大的特性,用于修改类及其成员,能够在不直接修改源代码的情况下扩展行为。尽管尚未在 JavaScript 中原生支持,但可以通过 TypeScript 或 Babel 使用。装饰器有助于逻辑重用、提高可读性和关注点分离,是开发者提升应用程序的重要工具。

掌握 JavaScript 装饰器

DEV Community
DEV Community · 2024-12-17T07:21:07Z
React 组件语法

React 组件必须以大写字母开头,以便 Babel 能够区分它们与普通语句,否则 React 无法识别为组件。

React 组件语法

DEV Community
DEV Community · 2024-12-08T03:49:45Z
使用React的手动设置(自定义Webpack/Babel配置)(我无法运行它)

本文讨论了一个使用React和Redux构建的前端项目,包含项目的package.json和webpack配置文件。作者在运行项目时遇到多个错误,希望获得帮助解决这些问题。

使用React的手动设置(自定义Webpack/Babel配置)(我无法运行它)

DEV Community
DEV Community · 2024-12-01T05:47:38Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 模力方舟 Gitee AI 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码