ym-13140912-CSDN博客

git分享右键“计算机”->“属性”->“高级系统设置”->“环境变量”->在下方的“系统变量”中找到“path”->选中“path”并选择“编辑”->选择“新建”，将bin路径复制到其中->保存并退出。打开终端，输入git，可以看到如下内容：可以输入以下命令，查看git版本与git所在位置。安装git成功后，可以在电脑中查看，出现如下说明安装成功：git全局用户信息配置，用户名user.name就是当你......

2022-07-12 10:45:15 311

原创 can‘t resolve ‘less-loader‘ in ‘D:\workspace\like‘

运行项目，出现如下报错：输入vue ui，打开可视化工具，并在左侧的“依赖”模块里面安装less和less-loader。安装成功再启动项目，就发现项目正常运行了。

2022-06-23 18:07:59 542

原创 6 errors and 0 warnings potentially fixable with the`--fix` option

由于之前使用可视化方式创建项目的时候，选择了eslint的standard标准，所以会出现如下报错。注释掉.eslintrc.js文件中的’@vue/standard’这行代码。再次运行，就可以正常运行项目了。

2022-06-23 18:03:42 769

原创 svg在vue项目中的使用

分享下在项目中使用svg文件的过程。

2022-06-20 18:45:51 414

原创 Component name “index“ should always bemulti-word.

运行vue2项目时，组件名称出现了如下报错。先查看下脚手架的版本，输入vue --version，可以看到我们的vue脚手架的版本是5版本。那么在5版本中，以.vue为后缀的组件文件命名方式有限制，必须是以大驼峰的命名方法来创建文件。...

2022-06-19 17:48:58 1431

原创 vue脚手架创建项目失败，显示vue:无法加载文件

vue创建爱项目失败，显示无法加载文件

2022-06-19 17:38:38 745

原创 TypeScript的安装及简单使用

一、安装TypeScript首先，确保你的电脑安装了Node.js。输入命令npm install -g typescript；把typescript编译器安装到全局，这样，所有的typescript项目都可以使用它。安装完成，我们可以使用 tsc 命令来执行 typescript 的相关代码，输入tsc - v命令来查看版本号，看到typescript的版本号说明安装成功了。二、基本使用新建一个LearningTypeScript文件夹，用VSCode打开。在这个文件夹中新建一个demo01.t

2022-05-15 22:20:13 11462 2

原创 Flex布局

前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、Flex布局的介绍Flex布局（Flexible布局，弹性布局）目前特别在移动端用的最多，目前PC端也使用越来越多了。将一个元素设置为display:flex;flex元素会变成一个flex容器。两个重要的概念：开启了Flex布局的元素叫做flex container，即Fle

2022-05-09 23:37:29 10393

原创浅拷贝与深拷贝

一、浅拷贝浅拷贝：只拷贝对象的顶级属性，嵌套的引用类型则直接复制引用，这样，原对象与拷贝出来的对象，如果修改嵌套的引用类型，会同时反映到这些对象中。这个现象可能会引起组件不刷新的问题，而深拷贝则不会。 // p1 var p1 = { // name age gender 存储在栈内存 name: "张三", age: 20, gender: "男", // hobby 存储在堆内存中

2022-04-27 22:27:48 108 2

原创 ReactDOM.render is no longer supported in React 18.

在运行React项目时，发现报如下错误：点击报错后面的链接，可以看到官网的解释如下所示：在安装时，默认会安装最新的18版本。由于我近期刚学React，还是想跟老师的版本保持一致。所以，将它降低到17版本。输入：npm install react@17.x react-dom@17.x --save再运行项目，就发现没有这个报错了。打开项目的package.json文件，可以发现版本号已经降低了。...

2022-04-27 16:08:03 532

原创数组去重的方式分享

数组去重

2022-04-25 23:01:20 170

原创 Map与Set

一、MapMap是ES6的新增特性，是一种新的集合类型，为JavaScript带来了真正的键/值存储机制，是一种键值对的数据结构，跟对象类似；但是，跟对象还是有区别的。对象bject只能用数值、字符串或者符号作为键；键是无序的；键值对个数只能手动计算。不过Map的key和value可以是任意的数据类型。键值对也是有序的；键值对的个数可以通过size属性获取。属性使用new关键字和Map构造函数可以构建一个空映射。var map = new Map();初始化后，有一些相关的方法对数据进行.

2022-04-15 22:29:20 223

原创安装插件报错：If you are behind a proxy, please make sure that the ‘proxy‘ config is set properly.

问题描述在学习webpack安装安装一个插件css-minimizer-webpack-plugin时，出现如下报错：PS D:\learnwebpack> npm install css-minimizer-webpack-plugin -Dnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs.org/css-minimizer-webpack-plugin failed, reason: con

2022-04-14 15:52:22 11395 7

原创报错：找不到接受实际参数“manage-output”的位置形式参数

进入一个项目目录时，显示如下报错：查找后，发现是进入的目录中含有空格，加上双引号就可以成功进入目录。

2022-04-12 15:27:33 1497

原创 Missing script: “serve“

新建项目，运行npm run serve时，发现报如下错误：后来发现是自己没进入项目，就直接运行了npm run serve。一定要进入项目目录，再运行项目啊，太大意了！！！真真太粗心了，记录下这个bug，警示自己不要大马虎了。...

2022-04-08 09:59:18 337

原创 CSS的子元素水平垂直居中

前言水平垂直居中是CSS布局中经常会遇到的一个场景。不同的元素的水平或者垂直居中的策略也是不一样的。一、水平居中子元素的水平居中：普通元素、行内元素、inline-box元素：在父元素中设置text-align:center。块级元素（宽度确定）：在块级元素自身设置margin: 0 auto，也就是设置margin-left:auto; margin-right:auto;就可以实现了。不用在父元素上设置。1.普通元素 <style> .box {

2022-04-06 22:57:39 1121 2

原创 SessionStorage和LocalStorage

一、本地存储是什么？它分为两个部分：SessionStorage和localStorage。数据存储在用户浏览器中；设置、读取方便、甚至页面刷新不丢失数据；容量较大，约5M。只能存储字符串，可以将对象JSON.stringify()编码后存储。二、SessionStorage1.介绍它可以将数据存储到浏览器中。可以通过F12找到Application中的SessionStorage查看哪些数据被存储进来了。①　声明周期为关闭浏览器窗口；(关闭浏览器窗口就没有了)②　在同一个窗口（页面

2022-04-04 21:54:27 3158

原创在项目使用Element UI的图标时，进入页面发现图标不能全部显示

问题描述：在vue2项目中使用Element UI的icon图标时，发现页面中使用的图标并不能完全显示。原因分析：在package.json文件中，查看Element UI的版本，发现版本号有点低；解决方案：需要卸载之前的Element UI，再安装指定版本。卸载命令：npm uninstall element-ui安装指定版本命令：npm install element-ui@2.15.6 --save（注意：这里的指定版本号要紧跟着element-ui，它们中间没有空格）安装完成，

2022-04-02 21:49:54 859

原创运行vue项目，eslint报错

问题描述在运行vue项目时，出现如下图所示的报错，比如：字符串必须用单引号，不能加分号等。原因分析：根据报错信息，可以看出是eslint的问题，eslint是一个非常严格的语法检查器，有很多规范，有一丁点的错误就会报错。解决方案：我们关闭它即可。找到build文件夹下的webpack.base.conf.js文件，注释掉如下框出来的那行代码。这样，再运行npm run dev，就不会出现这个报错了。...

2022-04-01 09:40:47 3952

原创 Vue2组件通信

前言最近复习了vue相关知识点，今天分享下父子组件通信。一、组件通信是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、父组件与子组件的通信1.父传子子组件设置props属性，接收从父组件传递过来的参数。在父组件中使用子组件时，一定要动态绑定子组件里面的参数，这样父组件的内容才会传递给子组件。代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as

2022-03-31 22:58:30 995

原创 Invalid prop: type check failed for prop “index“.

Vue中在通过遍历的方式进行页面的渲染时，发生报错如下：根据报错信息，可以看到index参数报错，以及报错的具体位置，到页面中找到<ElSubMenu>和<ElMenuItem>。查看Element UI的官网，可以发现SubMenu和Menu-item的index参数类型应为String类型。将有index参数的前面拼接上一个空字符串，因为加号拼接字符串都是字符串，这样问题就解决了。...

2022-03-26 15:46:35 759 2

原创 Invalid prop: type check failed for prop “span“.

运行Vue + Element UI项目，发现报错如下：到项目中检查，发现前面的span有冒号，但是“16”的span没有冒号。加上冒号，就解决了这个错误。<el-col :span="8" style="margin-top: 20px"></el-col><el-col style="margin-top: 20px" :span="16"></el-col>...

2022-03-22 19:54:26 388

原创 [vue-router] Route with name ‘xxx‘ does not exist

在写项目时，路由无法正常跳转，报错如下：检查后发现是index.js中配置路由的 name 大小写的问题，将name改成与文件夹一样的即可，就可以长长实现路由跳转了。

2022-03-21 10:00:13 8421

原创 ES6---Promise期约

前言JavaScript以往的异步行为实现的不理想，会出现“回调地狱”，嵌套回调的代码复杂且不容易维护。我们更加期望用一种更加优雅的方式来进行这种异步操作。如何优雅地操作呢？就是使用Promise。一、Promise是什么？ECMAScript6增加了Promise（期约）类型，所有现代浏览器都支持ES6期约。Promise是异步编程的一种解决方案，它支持优雅地定义和组织异步逻辑。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as

2022-03-18 22:49:19 399

原创 var、let、const的区别

var、let、const相关

2022-03-12 23:17:30 978 2

原创在Vue中使用Element UI的NavMenu 导航菜单时，渲染数据出现的报错

1、[Vue warn]: Method "computed" has type "object" in the component definition. Did you reference the function correctly?运行项目，发现报错，查看了错误原因，竟然粗心地将computed计算属性放在了methods中，它们俩应该是同级的，改成同级之后错误就消失了。2、在通过遍历的方式进行页面的渲染时，发生报错如下：[Vue warn]: Invalid prop: type ch

2022-03-12 16:03:57 2068

空空如也

空空如也