硅谷外卖学习日记之babelrc

presets 字段目前用到 presets: [　　　　　　'env', 　　　　　　'react' // react 转码规则　　　　]；只有 env 时，作用和 latest 相同，包括 es5、es6、es7，但是 env 主要的作用是，可以设置 targets 来智能识别当前运行环境，进行适当的转码，而不是一股脑的全部转码成 es5 等。具体用法： presets: [　　　　　...

（点击上方公众号，可快速关注） 作者：韩小平 excaliburhan.com/post/babel-preset-and-plugins.html 如果好文章投稿，点击 → 了解详情 什么是Babel The compiler for writing next generation JavaScript.

引入 在此之前或许你已经用过babel，也许听说过什么 babel-loader babel-core、babel-cli、babel-plugin-…、babel-preset-env 反正各种乱七八糟的做项目随便用一一下就可以了，对他只有个一知半解，甚至不知道他到底是干什么的，反正项目要用，照着用就行了，至少博主之前的状态是这样，如果只对他有个一知半解甚至都不了解，那么项目出bug了你都不知道怎么去调试，只能复制–>粘贴–>百度。 基于此，写下自己对Babel的理解。 Babel是什么？ 我

首先现在根目录先生存.babelrc文件 这个文件是用来设置转码的规则和插件的 基本的格式就是 {   "presets": [],   "plugins": [] } presets 字段是用来设定转码规则，，具体看官方的   https://babeljs.io/docs/plugins/ 先下载所要使用的转码规则 插件 然后将其写到

babel是一种js语法编译器，在前端开发过程中，由于浏览器的版本和兼容性问题，很多js的新方法和特性的使用都受到了限制。使用babel可以将代码中js代码编译成兼容绝大多数主流浏览器的代码。 babel6.X版本之后，所有的插件都是可插拔的，也就是说只安装babel依然无法正常的工作，我们需要配置对应的.babelrc文件才能起作用。 .babelrc文件需要的配置项主要有预设(presets)和插件(plugins)。 1、预设(presets)...

什么是Babel 官方解释,是下一代JavaScript 语法的编译器。 既然是下一代Javascript的标准，浏览器因版本的不同对此会有兼容性问题，JavaScript的新的方法都不能使用，但是目前我们在项目开发一直提倡使用最新的语法糖编写，不但能减少代码量，而且async,await等新特性还解决了回调的编写机制，减轻了代码维护成本。 Babel就因此而生，它可以让你放心使用大部分的Java...

  Babel   官方介绍：将 ECMAScript 2015 及其版本以后的 javascript 代码转为旧版本浏览器或者是环境中向后兼容版本的  javascript 代码。 简而言之，就是把不兼容的 JavaScript 代码转为可兼容，可以执行的 JavaScript 代码。   　　功能：   　　　　语法转换  　　　　添加一些兼容性的 polyfill...

Vue render使用和jsx语法详讲； 如： this.$slots.default

简单来说，这个组件的核心就是让用户能够粘贴任何文本内容（特别是配置文件、JSON等），并且保证粘贴的内容格式完全不变，然后可以原样发送给后端处理。- white-space: pre ：这是最关键的CSS属性，确保所有空格、制表符、换行符都被保留。- 用户粘贴的内容会完整存储在 inputJson.value 中，包括所有格式字符。- 使用Vue3的 v-model="inputJson" 实现双向数据绑定。- wrap="off" ：防止浏览器自动换行，保持原始的行结构。- 聚焦时的视觉反馈。

React组件样式控制主要有三种方式：1）内联样式，通过style属性传递JavaScript对象，支持动态样式但需驼峰命名；2）CSS类名，使用className绑定静态样式；3）CSS-in-JS（如styled-components），将CSS嵌入JS生成带样式组件，支持动态主题切换。三种方式各具特点，内联样式适合简单动态样式，CSS类名适合静态样式，CSS-in-JS适合复杂组件化样式需求。

（如 Cursor、Claude Code 等）无缝集成的技术，旨在将 Figma 设计稿高效转换为代码，提升设计与开发的协作效率。的结合，显著提升了设计到代码的转换效率。开发者只需完成环境配置与链接粘贴，即可实现设计稿的自动化代码生成，减少手动工作量并降低出错率。Figma MCP（Model Context Protocol）是一种通过。，用于与 Figma 和 AI 工具通信。Figma MCP 需要本地运行一个。Figma MCP 通过。

本文介绍了JavaScript中对象的基本概念和使用方法。对象是一种无序的数据集合，由属性和方法组成，可以通过点语法或方括号访问属性。文章详细讲解了对象的增删改查操作、方法的定义与调用，以及使用for-in遍历对象的技巧。同时介绍了Math内置对象及其常用方法（如ceil、floor、round等），包括随机数生成公式和猜数字案例的实现。最后指出null属于object类型，并提供了生成N-M范围随机数的通用公式。

其中 px2vw代表的是高度的适配，px2vh代表的是宽度的适配，我当时着急写反了，但是也可以用，px2vw(1) 大概有1px的大小，如果你先写好了px的标准的1920*1080的设计图，可以直接全局转换。哈喽，大家好，在上次第十五章给大家分享了大屏看板Less适配各种屏幕之后，发现大多数的css都是SCSS,那么今天给大家分享下SCSS的自适应屏幕的方法。底下是原先第十五张的less的适配方法。话不多说，直接上代码。

本文先解析单例模式 “确保类仅一个实例、提供全局访问点” 的定义，及唯一性、自我实例化、全局访问三大特点，说明其节省资源、保数据一致性的作用。接着详解饿汉式、懒汉式（含线程安全与不安全）、双重检查锁、静态内部类、枚举 6 种实现方式，分析各方式代码、原理、优缺点，尤其聚焦懒汉式多线程安全问题与双重检查锁中 volatile 的作用。还介绍单例在日志记录器、配置管理器等场景的应用，对比优缺点，关联 Spring 框架中 Bean 的单例管理，最后总结要点并给出设计模式学习建议。

想象一下，当你在解决一个复杂的数学题时，你不会直接给出答案，而是会在草稿纸上一步步地推导。这就是序列化思维的本质——将复杂问题分解为一系列有序的步骤。在传统的大语言模型中，AI往往像一个"直觉型天才"，能够直接给出答案，但却无法解释推理过程。这就像一个学生告诉你"答案是42"，但却说不出为什么是42一样。Sequential Thinking的出现，让AI开始学会"慢思考"。# 传统模式：直接回答return model.generate(question) # 直接输出最终答案。

React是用于构建用户界面的JS库。React是由Facebook（Meta）开发的，是开源的。React采用组件化模式、声明式编码，可以提高开发效率，提高代码复用率。使用React Native，可以用React语法进行移动端开发，可以使用JS编写安卓和IOS应用，而不需要使用java oc swift。React使用虚拟DOM和Diffing算法，减少与真实DOM的交互。

借助 Suno API，开发者可以轻松地在自己的应用中接入 AI 音乐生成能力，为创意与产品增添无限可能。提供了一套简洁的接口，让我们能够通过代码快速生成音乐、歌词，甚至旋律。本文将带你从零开始，完成。随着 AI 技术的发展，音乐生成已经逐渐成为开发者和创作者探索的新方向。其它语言也是支持的，java/javascript/ 等等…，并分享一些高效集成的技巧。通过本文，你可以快速完成。你需要用该 ID 调用。写一首关于兄弟情义的歌。写一首关于兄弟情义的歌。写一首关于兄弟情义的歌。

但鸿蒙api12后就不能这样定义了。api12后每个对象都要有具体类型。调用时可不指定类型，不指定就用string类型。也可以改为可选参数形式，就不用初始化了。鸿蒙需要给key,value初始化的。只好修改为接口的泛型。