自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(169)
  • 资源 (3)
  • 问答 (1)
  • 收藏
  • 关注

原创 2022最新Vue面试必胜宝典,大厂面试题解析

理论篇: 1. 说说对 Vue 渐进式框架的理解(腾讯医典) a) 渐进式的含义:主张最少, 没有多做职责之外的事 b) Vue 有些方面是不如 React,不如 Angular.但它是渐进的,没有强主张, 你可以在原有系统的上面,把一两个组件改用它实现,当 jQuery 用; c) 也可以整个用它全家桶开发,当 Angular 用;还可以用它的视图,搭配你自己设计的整个下层用。 d) 你可以在底层数据逻辑的地方用 OO 和设计模式的那套理念,也可以函 数式,都可以,它只是个轻量视图而已

2021-10-13 16:01:51 1370 9

原创 创业项目群2023交流群

每当进入一个新的项目或行业时,最重要的是先参与相应的行业群或创业群,了解最新的动态。创业时,也需要加入一些创业交流群,与同频的人进行交流。不诚信的人和不良企图的人已经被拉黑了,群内严禁发广告,每天都要花很多时间清理广告。在这个创业交流群里,我们共同寻找同频的人,只有聪明的人才开始交流。我创建了一个全国创业的群,让大家可以在里面分享自己的项目,并寻找合作资源。此时,你就需要加入最新的创业交流群,与各行各业的老板进行交流。因此,我创建了一系列的创业交流群,欢迎大家加入。

2023-08-01 15:46:40 623

原创 webpack5构建脚手架移植Vue2项目(问题总结)

本代码已发布npm,下载可以直接使用wvc 项目名称。

2023-03-30 11:03:43 1220

原创 webpack5从0搭建Vue脚手架

1.ESLint插件2.图片压缩3.代码压缩4.项目拆包分包5.前端离线化等等一系列优化操作以及详细的注释,方便同学们学习当时写这套代码的原因是因为公司老项目各方面性能太慢,所以决定升级脚手架也可用于公司老项目直接嵌套进来直接使用。

2023-03-29 17:55:39 1466 2

原创 Element表格长列表渲染太慢太卡如何优化?(缩短加载时间)

我们一次拿到所有数据但是只渲染10条数据,只要把页面填满就行.等用户拉动滚动条到达底部时我们就填加渲染数据30条.初次渲染,脚本执行由2200毫秒优化到75毫秒左右,渲染由600多毫秒优化到19多毫秒。因为我们多个页面需要用到懒加载,所以我们提取成公共方法mixin。因为vue是单页面应用所以一定要记得销毁滚动事件监听。代码注释很详细,具体看注释即可。利用列表懒加载(虚拟列表)

2023-03-24 15:34:34 2522

原创 webpack5去除所有console.log(terser-webpack-plugin去除)

可以使用`terser-webpack-plugin`的`terserOptions`的`compress`属性,将`console.log`设置为`false`即可。具体如下:

2023-03-22 16:57:19 1575

原创 Webpack底层原理及核心概念实际应用(一篇封神系列)

Webpack是一个现代化的代码打包工具,它将多个JavaScript文件打包成一个或多个文件,其中包含所有的依赖项。它通过减少网络请求的数量来提高网站的性能。Webpack还支持许多其他的资源,如图片,样式和字体等。Webpack最初是为Node.js开发的,但它可以用于其他任何类型的Web应用程序或Node.js项目。Webpack基于模块化开发的理念,它支持所有主要的模块化开发规范,包括CommonJS,AMD,ES6模块。

2023-03-15 18:05:57 995

原创 vue内嵌iframe跨域页面传参

公司的一个平台为方便第三方平台接入页面,需要写成可以单页面引入的方式。涉及到跨域访问页面,以及页面多余属性的隐藏。

2023-02-28 13:42:54 2273

原创 vue打包后供运维人员配置

打包之后还可以由运维人员修改配置。方便部署人员配置md5加密。public文件打包不会乱。所以新建pas.js文件。

2023-02-07 17:06:32 881 1

原创 堆和栈详解js

堆内存中的对象不会随方法的结束而销毁,即使方法结束后,这个对象还可能被另一个引用变量所引用(方法的参数传递时很常见),则这个对象依然不会被销毁,只有当一个对象没有任何引用变量引用它时,系统的垃圾回收机制才会在核实的时候回收它。相比于堆来说存取速度会快,并且栈内存中的数据是可以共享的,例如同时声明了var a = 1和var b =1,会先处理a,然后在栈中查找有没有值为1的地址,如果没有就开辟一个值为1的地址,然后a指向这个地址,当处理b时,因为值为1的地址已经开辟好了,所以b也会同样指向同一个地址。

2023-01-12 18:12:48 5830 1

原创 Vue鼠标移入移出事件(冒泡问题)

1、mouseenter:在鼠标光标从元素外部首次移动到元素范围之内时触发,这个事件不冒泡。2、mouseleave:在位于元素上方的鼠标光标移动到元素范围之外时触发,这个事件不冒泡。3、mouseover:在鼠标指针位于一个元素外部,然后用户将其首次移入另一个元素边界之内时触发。4、mouseout:在鼠标指针位于一个元素上方,然后用户将其移入另一个元素时触发。又移入的另一个元素可能位于前一个元素的外部,也可能是该元素的子元素。

2023-01-10 13:43:37 11721

原创 Vue自定义指令(含常用8种指令封装)

在一些后台管理系统,我们可能需要根据用户角色进行一些操作权限的判断,很多时候我们都是粗暴地给一个元素添加 v-if / v-show 来进行显示隐藏,但如果判断条件繁琐且多个地方需要判断,这种方式的代码不仅不优雅而且冗余。背景:在类电商类项目,往往存在大量的图片,如 banner 广告图,菜单导航图,美团等商家列表头图等。在开发中,有些提交保存按钮有时候会在短时间内被点击多次,这样就会多次重复请求后端接口,造成数据的混乱,比如新增表单的提交按钮,多次点击就会新增多条重复的数据。

2023-01-06 14:18:14 4492

原创 Vue前端抒写规范

(不建议 用index 作为 key,和没写基本上没区别,因为不管你数组的顺序怎么颠倒,index 都是 0, 1, 2 这样排列,导致 Vue 会复用错误的旧子节点,做很多额外的工作)校验时,先去校验公共库查找是否有对应校验,有则使用,没有则查看是否要多处使用,如果可复用,则进行抽离。1:作用域不大临时变量可以简写,比如:str,num,bol,obj,fun,arr。1.相同的卡片布局,首先整合数据,尽量使用循环方式去增加,避免变更多处的问题。2:循环变量可以简写,比如:i,j,k等。

2023-01-04 14:05:57 1317 3

原创 element标签页tabs二次封装(vue动态组件)

当组件被缓存时,会自动触发组件的 deactivated 生命周期函数。当组件被激活时,会自动触发组件的 activated 生命周期函数。默认情况下,vue切换动态组件时无法保持组件的状态。include 属性用来指定:只有名称匹配的组件会被缓存。vue 提供了一个内置的组件,专门用来实现动态组件的渲染。循环遍历标签页,其中的if判断用于解决切换页面闪烁问题。这里用到vue的混入,方便多个页面直接引用相关代码。keep-alive 对应的生命周期函数。

2023-01-03 17:55:16 2335 1

原创 如何优雅的封装element侧边栏(复制即用)

【代码】如何优雅的封装element侧边栏(复制即用)

2023-01-03 14:36:12 1023

原创 Vue.js多个数组转化为数组对象

/xx是每个页面的标头第一个名字不一样所以需要动态传,扩展参数是所有的数据数组"2021年","2020年","2019年",......];// 所有数组数据// 年份=》key值});});}

2023-01-03 13:48:28 1595

原创 vue重复上传同一个文件无响应不会触发回调事件

v-if=”clearShow”,初始化数据为true,在change事件触发的函数里设置clearShow为false,即移除了该input标签,然后在回调函数中再设置clearShow为true,这时的文件上传框就是清空的了。再上传同名文件也不会受影响了。change事件触发条件是文件上传框内容改变才可以,每次上传完文件默认是不清空上一次上传的内容的,这样上传同名文件就不会触发change事件。网上现有的方法就是重置input上传文件的标签的dom结构,在vue里我的实现方法就是v-if去控制。

2022-09-28 11:55:21 1513 1

原创 Vue实现登录功能全套详解(含封装axios)

1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面5、每次调后端接口,都要在请求头中加token。

2022-08-24 16:34:04 23703 20

原创 vue监听不到数组和对象的改变

需求:多选框需要动态改变背景色。

2022-08-23 17:56:01 1628

原创 element表格table点击添加背景色

然后需要保存行和列的信息,然后在 tableCellStyl对象里判断,等于哪一行哪一行就变色,否则就是白色。

2022-08-12 11:04:20 1566

原创 Vue3目录结构--源码解读(二)

和之前一样,想要阅读 Vue3 的源码需要修改一下package.json。这句的主要作用就是在我们开启调试模式,能够在浏览器看到我们的源码。

2022-08-03 18:58:08 1452

原创 Vue3是如何挂载组件的--源码解读(一)

来到runtime-core>src>apiCreateApp.ts文件。来到runtime-core>src>renderer.ts文件。来到runtime-core>src>renderer.ts文件。来到runtime-dom>src>index.ts文件。如果大家觉得还不错,下方公z号👇,来跟作者一起学习吧!

2022-07-29 15:19:55 5780

原创 Vue+elementUI二次封装之颜色选择器

template>100%">key="item"label=""v-html="'+item+';width30px;3px;displayheight'+'90%'+40px;>颜色'">name//允许一个自定义组件在使用v-model时定制prop和event。默认情况下,一个组件上的v-model会把value用作prop且把input用作event,这里有用到v-html。...

2022-07-28 17:07:31 2086 1

原创 如何解读vue源码

vue框架主要做的是,用一种特定的dom书写方法,把标签转成js对象(虚拟DOM),再把虚拟DOM插入到HTML中,渲染成页面。越看到后面越明白,不明白的地方可先跳过,抓主干,走完流程,回头补细节。vue源码主要是围绕上面的“主题”来实现。经过之前的源码阅读发现“反过来想就对了”......

2022-07-26 17:34:35 712

原创 js函数调用下载文件链接

代码】js函数调用下载文件链接。

2022-07-22 13:53:26 1245

原创 vue sass相关报错一招解决

首先卸载干净之前安装的和sass相关的所有依赖,或者直接将node_modules和package-lock.json文件删除。执行以下操作然后运行项目即可安装sass-loader安装node-loader安装style-loader或者把package.json里面node-sass和sass-loader版本改成"^7.3.0"就可以了。...

2022-07-22 10:02:33 2208 1

原创 原生JavaScript批量下载文件压缩包

想要实现批量下载压缩包需要有以下三个js文件对应JSZipUtils文件地址:jszip-utils/jszip-utils.js at master · Stuk/jszip-utils · GitHub 对应JSZip文件地址:jszip/jszip.js at main · Stuk/jszip · GitHub对应FileSaver文件地址:jszip/vendor at main · Stuk/jszip · GitHub对应JSZip官网:How to use JSZip把下方代码包裹在一个点击

2022-06-26 21:23:57 1343

原创 Layui表格绑定行点击事件和获取行数据的方法

这里先记录一个行点击事件的坑初始化表格完成后利用事件给table(定位table需要在HTML代码中给table放入指定div)的

2022-06-15 09:16:47 4604

原创 jquery如何调用另外一个页面的js函数,解决同一页面中两个iframe互相调用js函数

如果b.html的iframe是在a.html中那么引用下面的方法1,子iframe内调用父类函数方法:2,子Iframe中获取父界面的元素:这个xx就是父界面中要获取的元素的ID。3,jquery 调用子iframe页面中js的方法:iframefunction() 是子页面的方法函数名...

2022-06-12 00:11:33 1324 2

原创 如何回答让面试官无话可说

1.谈谈你的简历(自我介绍)面试时说话让面试官感觉你有经验,面试时要带点匪气!要有一种工作经验丰富的感觉可以根据以下三个步骤去回答问题,而且用不超过3分钟来阐述。简单开场:包括基本的教育经历和一些基本信息,一到两句就可以了。 为什么要进入这个行业:比如说做过什么实习,参加过什么比赛,有过什么特殊的经历。 举一个最有代表性的例子来证明。2.为何选择我们公司?回答提示:这个问题的目的是HR想了解你的求职动机和对工作的态度,更是希望了解你对公司业务以及所处行业的熟悉和了解程度。回答套

2022-06-09 11:13:38 245

原创 jQuery获取不到动态添加的dom元素节点

当我获取 userNames页面元素后去制作显示隐藏的时候,发现隐藏不了元素,怎么都获取不到。我这里#top内的所有元素都是动态渲染的;因为页面已经将JS加载完毕,此时新增请求动态添加节点,自然获取不到。在网上查阅资料后发现动态添加的标签要事件委托才能获取到节点,也就是说要用:注意:1.userNames 为动态添加节点的父级节点,请使用非动态添加的父级节点,不然同样获取不到。在中动态添加点击节点:2. 请委托给直接上级非动态添加节点,不要扩大范围请不要写为:或者...

2022-06-08 15:19:10 2025

原创 更改配置本地host地址

  Hosts是一个没有扩展名的系统文件,主要作用是定义IP地址和主机名的映射关系,就是将一些常用的域名网址与其对应的IP地址建立一个关联“数据库”,当用户在浏览器中输入一个需要登录的网址时,系统会首先自动从Hosts文件中寻找对应的IP地址,如果找到,系统会立即打开对应网页,若没有找到,则系统会再将网址提交DNS域名解析服务器进行IP地址的解析,若发现是被屏蔽的IP或域名,就会禁止打开此网页!   一、hosts文件的位置:   方法一:   windows系统下,在开始—...

2022-05-12 11:34:20 15103

原创 post请求设置表单form-data格式的几种方式

我用默认的post方法发送数据的时候发现后端获取不到数据,然而在network中看到参数是的确传出去的了。而且用postman测试的时候也是可以的,比较了下两个的不同发现是postman使用的是form-data格式,于是用form-data格式再次请求,发现OJBK这两种格式都是无法使用的:方法一:配置transformRequest缺点:其他请求格式的数据也会被重新格式化(PUT,PATCH)import axios from "axios" //引入//设置axios.

2022-05-10 17:02:02 15025

原创 Ant Vue a-select选择器修改样式

在使用阿里的 Ant Design Vue时,在使用有下拉菜单 a-select 等组件,会发现更改不了样式分析原因通过仔细查看Dom元素可以发现,官方Select选择器下拉框是直接插入body标签中,与最外级id为app的div同级,所以在Vue中无论怎么写css都无法覆盖到下拉框样式。a-select 代码需要这么写<a-select :getPopupContainer="(triggerNode) => triggerNode.parentNode" >&lt.

2022-05-10 15:25:25 2835

原创 Ant Vue如何导出表格Excel

1.安装依赖1. $ npm install -S file-saver xlsx2. $ npm install -S script-loader2.引入必备文件在 excel文件夹目录Blob.js文件

2022-05-09 17:20:58 736

原创 请求来数据echart图形不显示

问题描述调试代码的时候数据已经请求成功,而且打印对象里面的属性,数据是有的,但是图表就是没展示问题分析想要解决这个问题就要彻底了解什么是异步请求和什么是同步请求同步请求,客户端向服务端发送请求,服务端响应以后客户端才渲染页面 异步请求,客户端向服务端发送请求,客户端不等服务端响应就行行页面渲染,一般做页面的局部刷新。那么造成上面原因就是我的页面向服务端发送请求,页面不等服务端响应就已经渲染图表,尽管后面数据请求成功但此时页面已经渲染成功,页面此时只知道他所渲染图表时数据为空,所以不会显示

2022-04-29 18:03:12 3275

原创 element如何修改原样式及无法修改原样式等问题

1.使用::deep深度修改标签样式找到需要修改的 ElementUI 标签的类名,然后在类名前加上 ::deep,可以强制修改默认样式。这种方式可以直接用到有 scoped 属性的 style 标签中。<style lang="scss" scoped>::v-deep .el-select__popper.el-popper { background: rgba(42, 43, 60, 0.5); border: 1px rgba(103, 179, 229, 1) so.

2022-04-27 15:01:04 3172 2

原创 echart 写一个大屏展示圆边渐变柱状图

效果如上图所示: backgroundColor: "rgba(0,0,0,0)", tooltip: { show: true, formatter: activeName.value == "电" ?"{b}:{c}kWh":"{b}:{c}m³", }, grid: { left: "...

2022-04-21 16:16:38 501

原创 帅气小哥半夜为何频频登录C站

文章标题起的有点霸道,不知道有没有冒犯到在座的各位,半夜登录c站肯定是学习了,你们应该没有多想吧?哈哈哈。本篇主要介绍下我在csdn的一些感想和心得,还请多多支持~你来自哪里?来CSDN想收获什么?我呢,来自中原经济协作区中心地带,西依太行,北靠古赵,东临邺城,为晋、冀、鲁、豫四省通衢。简单来说呢就是河北省邯郸市磁县,这样说可以明白吗,哈哈哈,所以有没有老乡呢?目前是在北京工作。最初来到csdn只是为了记录问题,当时还在企业实习,想着写博客也是应届生找工作的加分项,后来有了一定粉丝的时候

2022-04-10 17:25:46 3306 1

原创 vue3+vite动态遍历加载图片

<div class="header-menu-list flex ac" v-for="(item, i) in header" :key="item.title" > <div class="header-img"> <img :src="getimg(i)" alt="" /> </div></div><script..

2022-04-02 15:14:10 1526 4

纯css实现好玩炫酷的3D相册.rar

简单炫酷好理解纯css,遇到问题可咨询博主哦

2021-08-12

王红元老师的超级商城项目,vue练完这个就可以直接起飞的,干货满满,代码有详细注释supermall2.rar

本项目是本人大学期间的一个接近实战的电商商城项目,采用的前后端分离,以及网络请求的封装,注释非常多,适合刚接触前端的新手练手,里面用到懒加载还有一些可复用组件的优化,还是比较值的学习的,大佬勿喷!! 注:供同学们免费下载,里面接口已过期,代码可以直接用的,需要接口的同学私信联系我哦!!

2021-08-09

百行代码实现的飞机大战,html+css+javascript陈氏飞机大战.rar

完全是用JavaScript+html+css写的,思路清晰,适合小白深入理解JavaScript,记忆用到的动画效果,带游戏声效,干货巨多,也适合有基础的同学,但又不太了解游戏的同学观看, 游戏设有评分功能以及游戏道具功能,欢迎下载!!!

2021-08-04

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

TA关注的人

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