前言 js中导入公共模块，使用import的方式导入，用node运行js文件会出现Cannot use import statement outside a module的问题 问题描述 目录结构 └─src └─js └─ext.js └─main.js └─index.html 在ext.js 文件写一些公共方法 export const m = (function(){ return { hello: function(){
webpack 是代码编译工具，webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具，俗称: 打包工具
时下大热的vue框架又来了新开发环境构建工具——Vite,今天我们一起来了解一下这个新成员。
真实项目开发过程中，我们都是使用组件化的去开发vue的项目，但是组件化的思想又是如何来的呢？下面就从开始讲解演变过程
Svelte在2019年中成为后起之秀，接下来，让我们来简单的了解一下，这个新的框架。
前言 JavaScript 的每个.js文件都是独立的，在开发一个项目会有很多的.js文件，有些是公共的方法，可以单独放到一个.js文件中，其它的文件去调用公共方法。 但是，Javascript不是一种模块化编程语言，在es6以前，它是不支持类（class），所以也就没有”模块”（module）了。 export导出模块 在es6以前，还没有提出一套官方的规范,从社区和框架推广程度而言,目前通行的javascript模块规范有两种：CommonJS 和 AMD ES6标准发布后，module成为标准，标准使
今天我们来深度分析一下 Commonjs 和 Es Module，希望通过本文的学习，能够让大家彻底明白 Commonjs 和 Es Module 原理，能够一次性搞定面试中遇到的大部分有关 Commonjs 和 Es Module 的问题。
众所周知，早期 JavaScript 原生并不支持模块化，直到 2015 年，TC39 发布 ES6，其中有一个规范就是 ES modules（为了方便表述，后面统一简称 ESM）。但是在 ES6 规范提出前，就已经存在了一些模块化方案，比如 CommonJS（in Node.js）、AMD。ESM 与这些规范的共同点就是都支持导入（import）和导出（export）语法，只是其行为的关键词也一些差异。
CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目，或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。
在上一篇文章中，我们介绍了使用mpvue开发小程序所需要的一些开发环境的搭建，并创建了第一个mpvue小程序代码骨架并将其运行起来。在本文中，我们来研究熟悉一下mpvue项目的主要目录和文件结构。
本文将会从响应式、模板、生命周期、组件、表单、网络请求等几个方面，来对比 React、Vue3、Svelte 三大流行组件的用法区别。
本文的由来呢，就是因为在 Vue2 中与 Vue3 中都可以使用 Vuex 来进行数据的存储, 但是在 Vue3 出现了 Pinia，所以我就想着在 uni-app 中使用 Pinia 来进行数据的存储。
我们可以将任何声明(无论是变量、函数还是类)置于export之前，从而将其标记为导出。
大家好，今天我来和大家一起来了解前端模块化工具webpack的知识，如有疑问和错误，欢迎指正，一起交流探讨哈！
在前面的篇章中，已经说明了 webpack4 的基本使用，那么本章节开始在 webpack4 中构建vue项目，同时对比看看这种构建方式，与在网页script导入 vue.js 中的区别。
Pinia （发音为 /piːnjʌ/）支持 Vue 3 和 Vue 2 ，对 TypeScript 也有很完好的支持，与 Vuex 相比，Pinia 提供了一个更简单的 API，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。
虽然现在网络环境和电子设备变得越来越好，但是保持应用程序快速加载变得越来越困难。在本系列中，我将深入研究我们在实践中使用的Vue性能优化技术，并且您可以在Vue.js应用程序中使用它们，使应用程序快速加载并顺利执行。我的目标是让这个系列成为关于Vue应用程序性能的全面而完整的指南。
有一个项目需求，要求在前端项目中导出Excel表格，经过查找代码,Vue.js确实可以实现，具体实现步骤为：
webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；
同时修改index页面中script的src属性为<script src="bundle.js"></script>
项目基于Vue-cli3.x进行开发，使用了ant-design-vue框架，然后需要做国际化。此时做国际化需要考虑两方面的国际化，一是ant-design-vue内部组件的国际化，二是国际化我们的业务显示，业务显示我们选用vue-i18n进行国际化。
作为一门非常灵活和强大的语言，JavaScript 对现代 web 产生了深远的影响。它之所以能够在 web 开发中占据主导地位，其中一个主要原因就是频繁更新所带来的持续改进。
大家好，我是「柒八九」。一个「专注于前端开发技术/Rust及AI应用知识分享」的Coder
更多 MintUI 组件请参考 http://mint-ui.github.io/docs/#/zh-cn2/repositories
摘要：我们在项目开发的过程中，也许会在很多页面实现弹窗的消息，普通的方法就是在这每个界面写些原生js代码来控制弹窗效果，这样明显非常冗余。可通过引入组件的方式，可解决部分冗余的代码，但是每个要使用的界面都必须导入、注册、使用，这些代码还是比较冗余。通过插件的方式封装Toast，可解决每个页面重复导入、注册、使用的重复过程。
如上图: 中间的蓝色块就是webpack. 他会将左边各种文件打包成右侧html能够解析的文件.
Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。
在做项目的过程中,做了一些笔记,记录了自己有疑问的地方,还要一个个解决,现在先写一下每个项目开始前的准备:
vue-cli是Vue.js开发的标准工具。它简化了程序员基于webpack创建工程化项目的过程。 中文官网：https://cli.vuejs.org/zh/
2）如何调用mutations.js中定义的setLeftAsideState为全局参数赋值？ 见一下示例：
React, Vue和Angular差不多占据了Web开发的大部分江山，可是最近半年Svelte[1]开始逐渐吸引越来越多人的眼球。这个Svelte框架到底有什么过人之处呢？本文将会为大家分析一下Svelte火起来的原因，并且通过使用Svelte去搭建一个简单的书店应用（bookshop）来帮助大家快速入门这门框架。
大家好，我是码农小余。我们知道，首次执行 vite 时，服务启动后会对 node_modules 模块和配置 optimizeDeps 的目标进行预构建。本节我们就去探索预构建的流程。
安装依赖包 (-D 将依赖记录成开发依赖, 只是开发中需要用的依赖, 实际上线不需要的)
Vue是一套用于构建用户界面的渐进式框架,目前有越来越多的开发者在学习和使用.在笔者写完 从0到1教你搭建前端团队的组件系统 之后很多朋友希望了解一下如何搭建基于vue的组件系统,所以作为这篇文章的补充,本文来总结一下如何搭建基于vue的组件库.
但由于JavaScript生态里面，有Node.js这个东西，这就导致第三方库有两种不同的导入方式。如果我们要做一个网站，我们通常会在HTML中，使用<script>标签引入.js文件，例如：
无论是前端开发者还是后端开发者，都会在项目中封装一些经常使用的功能方法，可以大大提高我们的开发效率
大多数同学提到 Vite ，会下意识的反应出 “快”、“noBundle”等关键词。
Vue3 正式版已经发布一段时间了，和 Vue3 更配的工具 Vite 也已经投入使用了，本文整理了如何将一些常用的工具整合到项目中。
近日尤大亲自创建了一个仓库用来对 Svelte 和 Vue3 组件进行了评测。这其实对我来说非常的感兴趣，因为我最近在业务项目中采用了 Svelte 进行了开发。
这种方式需要另外创建一个vue实例，用来当做消息总线。见vuepro02-bus示例。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
