ASS___-CSDN博客

原创 WebPack构建工具

webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。Webpack 的核心功能确实是打包 HTML、JS、CSS 等前端资源，但它的能力远不止于此。2.基础打包能力资源类型处理方式示例 loaderJavaScript模块化打包、语法降级、语法升级。

2025-04-13 00:24:47 706

原创 vue 项目保存时自动格式化

vue/standard’不希望代码中有双引号的存在， .eslintrc.js 会把代码中的单引号(’ ')全部转换为双引号(" ") 也会在每一行后面添加分号(；)，所以关闭插件Vetur关于js代码的格式化，改为采用.eslintrc.js里的规则。“vetur.format.defaultFormatter.js":"vscode-typescript"的作用就是用viscode自带的格式化工具代替vetur格式化。第一步：打开vscode 的 settings.json(设置文件)

2024-12-26 21:14:31 835

原创 vscode快速新建vue模板用户代码片段

=> 用户代码片段 ==> 输入。==> 编辑vue.包含vue2vue3。新建vue文件，输入。

2024-12-26 21:07:36 213

原创 Vue3+TypeScript+vite

setup是一个新的组件选项，作为组件中使用组合API的起点。从组件生命周期来看，它的执行在组件实例创建之前vue2.x的beforeCreate执行。这就意味着在setup函数中this 还不是组件实例，this此时是undefined在模版中需要使用的数据和函数，需要在setup返回直接在script标签中添加setup属性就可以直接使用setup语法糖了。使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；

2024-11-11 17:26:40 794

原创 2024年八股文前端高频面试题(js、vue2、vue3、uniapp、es6、echarts、webpack、算法、git、hr交流、技巧现状）

在data中定义数据, 在return里面和在return外面定义数据的区别1.return外: 单纯修改数据是不可以被修改的,因为没有get/set2.return内: 是可以修改的全局 main.js))局部:某一个组件内demo:{

2024-08-26 14:48:47 9868

原创 NVM安装NodeJS与Vue项目搭建

一、安装NVM1、NVM介绍NVM是NodeJS的版本管理工具，使用NVM可以快速安装各个版本的NodeJS并且切换不同版本NodeJS。在项目开发中，我们可能会有多个项目同时开发维护的情况，但有些各个项目之间所依赖的NodeJS版本可能不同，这时我们就可以通过NVM来进行NodeJS的各个版本之间切换。2、安装NVM（1）NVM官网：【https://nvm.uihtm.com/】（2）在官网上下载对应版本即可，小编这里下载的是v1.1.10版本，下载后解压即可安装。

2024-06-24 23:59:43 1107