自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 2.配置vue.config.js

配置vue.config.jshttps://cli.vuejs.org/zh/https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE1.介绍vue.config.js是一个全局配置文件,里面可配置webpack配置,比如eslint等相关配置vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-serv

2021-08-06 09:05:19 215

原创 重排和重绘

重排和重绘1.什么是重排和重绘重排(回流):元素布局(盒模型)发生变化才会引起(定位位置发生变化),​ box-model、display、position发生变化重绘(渲染):页面展示内容(颜色,大小,边框)发生变化,需要重新绘制页面2.重排重绘关系重排肯定会重绘重绘不一定会重排...

2021-08-06 09:04:34 143

原创 for in、for of

for in、for of两个都可以遍历数组,for in可以遍历对象1.遍历数组for in遍历数组 key代表数组中每一项的下标let arr = ['你好', 'hello', 3, false, 5, 6]for (let key in arr) { console.log(key);}结果:0 1 2 3 4 5for of遍历数组,key代表数组中每一项let arr = ['你好', 'hello', 3, false, 5, 6] for (let key

2021-07-20 09:02:53 222

原创 vue脚手架不同版本的区别和介绍

目录vue-cli 命令项目结构设置环境变量(一)vue-cli 命令1. vue-cli下载安装:vue-cli2:npm install vue-cli -gvue-cli3/cli4:npm install -g vue@cli2. 创建新项目vue-cli2:vue init webpack 2.0projectvue-cli3/cli4:vue create 3.0project或通过视图创建项目:vue ui3. 启动项目vue-cli2:

2021-07-19 17:53:13 1538

原创 配置cnpm

参考:https://blog.csdn.net/wwxthinking/article/details/82584848自带的NPM被墙,最好用国内镜像,由taobao提供,输入如下代码安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org //安装完后查看版本 cnpm -v //成功后会有版本信息返回,不成功有可能是node版本低 成功安装后,直接用cnpm代替之前的

2021-07-19 17:52:40 573

原创 vue中UI组件库的使用(vant为例)

vant官网使用: 一、安装# Vue 2 项目,安装 Vant 2: npm i vant -S # Vue 3 项目,安装 Vant 3: npm i vant@next -S 二、引入: 1.全部引入(引入所有组件,不推荐,因为包会很大) 2.按需引入(推荐)2.1 安装插件 ...

2021-06-26 00:45:59 536

原创 VUE脚手架项目eslint代码风格设置

目的:为了保证vscode保存时按照eslint中代码风格一致设置: 1.Vscode,打开设置,右上角有一个按json文件设置的按钮,点击打开:末尾加入图上两句即可: // 根据eslint的配置作格式化处理 "editor.codeActionsOnSave": { "source.fixAll": true }, //自动设置单引号 "vetur.format.defaultFormatter.js": "vscode-...

2021-06-25 16:15:45 358

原创 npm常规命令行集合

NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。1,常规文件操作命令cd.. 返回当前文件的上一级(向上走)cd sell 打开"sell"文件夹(向下走)dir 打开当前文件夹下面的所有文件F: 直接进...

2021-06-25 15:14:54 436

原创 前端内存泄露

一、什么是内存泄露已经不再使用的内存未能被程序释放,叫内存泄露(memory leak)。二、内存泄露会带来什么样的后果?内存泄露会因为减少可用内存数量从而降低计算机性能,严重的可能导致设备停止正常工作,或者应用程序崩溃。三、什么情况下出现内存泄漏?首先了解一下垃圾回收:垃圾回收(英语:Garbage Collection,缩写为GC)在计算器科学中是一种自动的存储器管理机制。当一个计算机上的动态存储器不再需要时,就应该予以释放,以让出存储器,这种存储器资源管理,称为垃圾回收。当一块内存不

2021-06-25 08:47:20 640

原创 link和import的区别

1、本质的差别:link属于HTML标签,而@import完全是CSS提供的一种方式2、加载顺序的差别:当一个页面被加载时(或者被浏览者浏览时),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候会很明显。3、兼容性的差别:@import是CSS2.1提出的,所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题4、使用d

2021-06-25 08:42:54 389

翻译 两个左浮动的div,其中一个宽度固定,怎么让另一个宽度自适应

<div class= "container"><div class="left"></div><div class="right"></div></div><style>/*方法一: BFC(块级格式化上下文)*/.container{width:1000px;height:400px;border: 1px solid red;}.left{width:200px;height:100%;b

2021-06-16 08:47:14 501

转载 JavaScript中的数据类型

一、分类(两大类)1.基本数据类型 2.引用数据类型

2021-06-16 08:42:39 71

原创 地址栏设置网页图标

<linkrel="ShortcutIcon"href="./images/logo-mi2.png"/>

2021-06-11 14:27:08 312

原创 css省略号

/*显示一行,省略号*/ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;/*显示两行,省略号*/text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webk...

2021-06-11 13:57:21 178 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除