由于公司的前端开始转向 VueJS，最近开始使用这个框架进行开发，遇到一些问题记录下来，以备后用。
时下虽然接入 JSX 语法的框架（React、Vue）越来越多，但与之缘分最深的毫无疑问仍然是 React。2013 年，当 React 带着 JSX 横空出世时，社区曾对 JSX 有过不少的争议，但如今，越来越多的人面对 JSX 都要说上一句“真香”！典型的“真香”系列。
webpack2和vue2已经不是新鲜东西了，满大街的文章在讲解webpack和vue，但是很多内容写的不是很详细，对于很多个性化配置还是需要自己过一遍文档。Vue官方提供了多个vue-templates，基于vue-cli用的最多，不过对于很多人来说，vue-cli 的配置还是过于复杂，对于我们了解细节实现不是很好，所以想自己从零开始搭建一个模板工程，也顺便重新认识一下webpack和vue工程化。
您可能知道，定义React组件的最简单方法是编写 JavaScript 函数，如以下示例所示。
vue-loader 是一个用于将 Vue 单文件组件（.vue 文件）转换为 JavaScript 模块的 webpack 加载器（loader）。是 Vue.js 生态系统中的一部分，用于在开发过程中编译和处理 Vue 组件。
随着前端发展越来越快，JavaScript 这门语言也在不断的更新，从2015年开始，几乎每年都有一个新版本。新语言借鉴了类似 C#,Java 这些高级语言的特征，大大方便了我们编写和维护代码。因此我们需要尽快熟悉这些新特性，把它们应用到我们的项目中。如果你的项目中在使用 React 框架，恭喜你，你现在就可以在你的项目中运用ES6的新特性。如何在项目中，恰当的运用ES6这些新特性，这也是本篇文章要给大家介绍的。
可以将同一函数定义为一个 method 或者一个计算属性。对于最终的结果，两种方式是相同的
1、React DOM 在渲染所有输入内容之前，默认会进行转义。它可以确保在你的应用中，永远不会注入那些并非自己明确编写的内容。所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止 XSS（cross-site-scripting, 跨站脚本）攻击。
针对历史项目或项目中有引入CSS框架（如Bootstrap），可能会存在大量的 CSS 样式未被使用。这可能产生一些不良的影响，如：
在现代前端和后端开发中，数据格式和代码格式的转换是一个常见的需求。为了提高开发效率和代码的可维护性，使用云库工具转换可以极大地简化工作流程。本文将介绍一系列强大的在线转换工具，帮助开发者轻松处理各种数据和代码格式的转换需求。
原文链接：https://www.sitepoint.com/higher-order-functions-javascript/[1]
provide/inject 是 Vue.js 中用于跨组件传递数据的一种高级技术，它可以将数据注入到一个组件中，然后让它的所有子孙组件都可以访问到这个数据。通常情况下，我们在父组件中使用 provide 来提供数据，然后在子孙组件中使用 inject 来注入这个数据。
在本篇博客中，我们将带您逐步了解Vue.js，从入门到进阶，全面掌握这个现代JavaScript框架的核心概念和高级特性。我们将从Vue.js的基础安装和"Hello World"开始，逐步深入到模板语法、数据绑定、组件化开发、常用指令与事件、路由管理、状态管理、Composition API等高级主题。最后，我们还将分享性能优化的技巧和Vue开发的最佳实践，以及回答一些初学者常见的问题，并为您推荐一些优质的学习资源。让我们一起开始Vue.js的学习之旅吧！
为了帮助你在 2024 年 JavaScript 面试中取得好的面试成绩，以及面对一些复杂情况时，也能游刃有余，我们整理了一份包含 35 道JavaScript的必知内容。希望这些内容能够帮助你清晰而快速的了解它们的核心内容。
Vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。主要分为以下几个步骤：
React 是目前为止最受欢迎的 JavaScript 框架之一，而且我相信它也是目前最好用的开发工具之一。
HTMX允许你使用扩展的HTML语法代替 JavaScript 来实现交互性。HTMX 在标记中直接为你提供HTTP 交互，并支持许多其他交互需求，无需求助于 JavaScript。这是一个有趣的想法，可能最终会影响到web前端的工作方式。让我们看看如何使用HTMX以及它的吸引力。
泛型是静态类型语言的基本特征，允许开发人员将类型作为参数传递给另一种类型、函数或其他结构。当开发人员使他们的组件成为通用组件时，他们使该组件能够接受和强制在使用组件时传入的类型，这提高了代码灵活性，使组件可重用并消除重复。
答案：Vue 2 使用 Object.defineProperty() 来实现数据劫持，通过 getter 和 setter 来追踪数据的变化，并实现数据的双向绑定。
React 组件也一样， 它的输入是 props，输出是关于 UI 的描述。我们可以在多个 UI 中重用单个组件，组件也可以包含其他组件。React 组件的本质上就是一个普通的 JavaScript 函数。
AngularJS 是一个功能强大的 JavaScript 前端框架，它提供了丰富的内置过滤器，用于处理和转换视图中的数据。过滤器是 AngularJS 的核心特性之一，它可以帮助我们在模板中对数据进行排序、过滤、格式化等操作，从而更好地满足用户需求。本文将详细介绍 AngularJS 过滤器的概念、特性和用法，并提供一些示例来帮助读者更好地理解和应用。
上篇文章简单介绍了一下loader API,那么除了我们常用的css-loader,sass-loader,style-loader,url-loader,vue-loader之外，还有哪些loader呢，我们一起来梳理一下。
可以看到 useState 返回的是一个数组，那么为什么是返回数组而不是返回对象呢？
在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。
1：编码规范 by @mdo编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范 http://codeguide.bootcss.com/ 2：快速、可靠、安全的依赖管理工具。Yarn 缓存了
数组基本操作可以归纳为增、删、改、查，需要留意的是哪些方法会对原数组产生影响，哪些方法不会
Node js 视图引擎就像 Laravel 中的 Blade。其最基本的定义是，视图引擎是帮助我们用比通常更短、更简单的方式编写 HTML 代码并重用的工具。此外，它还可以从服务器端导入数据并渲染最终的 HTML。Node.js 项目中一些常见的视图引擎如下：
通过webpack的tree-shaking功能，可以将无用模块“剪辑”，仅打包需要的
在常规的服务器端程序设计中， 比如说爬虫程序， 发送http请求的过程会使整个执行过程阻塞，直到http请求响应完成代码才会继续执行， 以php为例子 当代码执行到第二行时，程序便陷入了等待，直到请
虽然现在网络环境和电子设备变得越来越好，但是保持应用程序快速加载变得越来越困难。在本系列中，我将深入研究我们在实践中使用的Vue性能优化技术，并且您可以在Vue.js应用程序中使用它们，使应用程序快速加载并顺利执行。我的目标是让这个系列成为关于Vue应用程序性能的全面而完整的指南。
Node.js 是基于 Chrome V8 javascript 引擎构建的开源、跨平台运行时环境。事件驱动的非阻塞 I/O 模型使 NodeJS 框架 能够开发极其轻便且高效的 Web 应用程序。
有时候，我们想在Vue.js中将JavaScript的map和set作为响应式属性使用。
对象内部通过 defineReactive 方法，使用 Object.defineProperty 来劫持各个属性的 setter、getter（只会劫持已经存在的属性），数组则是通过重写数组7个方法来实现。当页面使用对应属性时，每个属性都拥有自己的 dep 属性，存放他所依赖的 watcher（依赖收集），当属性变化后会通知自己对应的 watcher 去更新(派发更新)
这等效于使用具有函数原型的对象创建方法创建的实例，然后使用实例和参数作为参数调用该函数。
当你想在 constructor() 中访问 this.props 时，你应该把 props 传给 super() 方法。
迁移指南：https://v3.cn.vuejs.org/guide/migration/introduction.html
让我们来创建Express应用程序，Express是一个Node.js Web应用框架，它很强大，可以为用户创建各种Web应用和HTTP工具，使用Express框架可以搭建一个完整功能的网站。
摘要：年后公司项目开始上vue2.0，自己对学习进行了总结，希望对大家有帮助！ 1Vue 介绍 Vue 是什么？ https://vuefe.cn/guide vue也是一个数据驱动框架，做spa页面的 vue如果不做页面可以当做一个单独使用的js库，做双向数据绑定用 vue的核心库只关注视图层,但是vue并不只关注视图，和angular一样也有指令，过滤器这些东西 vue有非常强大的单文件组件 就是css+html+js都写在一个.vue文件中，这样定义的组件很简洁，清晰，组件化分的很彻底 而angula
英文 | https://www.digitalocean.com/community/tutorials/how-to-use-basic-types-in-typescript
1、ReactJS简介 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。 2、ReactJS的背景和原理 在Web开发中，我们总需要将变化的数据实时反应到UI上，这时
JavaScript 的生态系统一直以它的变化速度飞快而著称。在今天快速变化的 JavaScript 框架生态中，稍不留神你就可能错过许多新东西。每当你觉得自己对最新的工具和技术驾轻就熟时，新的创新浪潮又会带来一切改变。
React是流行的javascript框架之一，在2019年及以后将会更加流行。React于2013年首次发布，多年来广受欢迎。它是一个声明性的、基于组件的、用于构建用户界面的高效javascript库。
在 React 函数组件中，可以通过 props 对象来接收传递给组件的属性（props）。以下是一些常见的 props：
崴博.派克诞生于遥远西方的勇士之地，拥有着高超的机械技艺，善于运用各种工具来实现一些看似不可能完成的事。游历王者大陆时机缘巧合遇到了年轻的墨子，与之成为好友。后协助大宗师墨子建造了大陆第一雄城,被后人称为上古文明终结后最伟大的奇迹——长安！长安以“方舟”为驱动核心中枢，配合层出不断的机关，守护着华丽的大明宫。派克为人低调，不喜出现在大众视野，他是需求人性启迪的理想主义者，信奉着唯有光荣进化才能实现人类的全部潜能。
2016年，React在Web端和移动端都实现了迅速的成长，稳稳地领先于其主要竞争对手Augular，巩固了其作为前端框架之王的地位。
响应式指的是变量（如：数组、字符串、数字、对象等）在其值或它引用的任何其他变量在声明后发生更改时更新的能力。
vue-loader会调用@vue/compiler-sfc模块解析SFC源码为一个描述符（Descriptor），然后为每个语言块生成import代码，返回的代码类似下面
1.基本使用 新键文件 template/1.pug 这个文件存放html模板 示例代码
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
