自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

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

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

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

2022-09-28 11:55:21 8

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

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

2022-08-24 16:34:04 2464 13

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

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

2022-08-23 17:56:01 229

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

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

2022-08-12 11:04:20 246

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

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

2022-08-03 18:58:08 179

原创 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 766

原创 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 342 1

原创 如何解读vue源码

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

2022-07-26 17:34:35 163

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

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

2022-07-22 13:53:26 406

原创 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 341

原创 原生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 650

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

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

2022-06-15 09:16:47 1844

原创 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 449 2

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

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

2022-06-09 11:13:38 122

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

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

2022-06-08 15:19:10 731

原创 更改配置本地host地址

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

2022-05-12 11:34:20 5025

原创 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 4350

原创 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 888

原创 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 224

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

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

2022-04-29 18:03:12 1105

原创 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 1808 1

原创 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 368

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

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

2022-04-10 17:25:46 3234 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 1061 4

原创 element-plus 使用 el-carousel 跑马灯默认第一页不显示

因为刚开始页面渲染数据还没加载过来,所以第一页无数据。只要el-carousel-item里的for循环有默认长度即可: <el-carousel :autoplay="false" arrow="never" indicator-position="none" :loop="false" v-if="steam.heatPumpCrews[0].shebeiMingZi" //加上这句没数

2022-03-30 17:52:40 1889 6

原创 echarts报错Uncaught (in promise) Error: Initialize failed: invalid dom.

在echart初始化函数外加个延时就可以:加上延时会进入异步队列,同步可能获取不到domsetTimeout(() => { init2(); }, 1);function init2() { var chartDom = document.getElementById("Node2"); var myChart = echarts.init(chartDom); var option; optio

2022-03-29 10:01:47 2474

原创 vue自己封装一个echart公共组件

<template> <div class="echarts"></div></template><script> import * as echarts from 'echarts' import { markRaw } from 'vue' export default { props: { isUpdate: String, option: { type: Object, default:.

2022-03-21 15:17:50 1146

原创 echart报错Cannot read properties of undefined (reading ‘type‘)

这个问题需要搞清楚两个关键方法:toRaw:作用:将一个由reactive生成的响应式对象转为普通对象。使用场景:用于读取响应式对象对应的普通对象,对这个普通对象的所有操作,不会引起页面更新。markRaw:作用:标记一个对象,使其永远不会再成为响应式对象。应用场景:有些值不应被设置为响应式的,例如复杂的第三方类库等。当渲染具有不可变数据源的大列表时,跳过响应式转换可以提高性能。1.第一步在所在的组件引入import { markRaw } from 'vue'

2022-03-21 15:15:29 8160 2

原创 Echarts图表不显示tooltip提示框

方法1:// 若只将tooltip的触发方式改为 'item', 那么点击 线上的点,能有提示框弹出 tooltip: { trigger: 'item' },方法2:// tooltip的触发方式仍为 'axis',改变echarts实例的赋值语句// charts.chart = echarts.init(chartContainer.value as HTMLElement) // 保存echarts 实例,赋值给 reactive 响应式对象// c

2022-03-14 16:07:58 5306 1

原创 css实现图片对角边框线

效果图:代码: //阴影 颜色 内阴影box-shadow: 0 0 2.5vw #237ad4 inset; //设置颜色背景 设置方位 background: linear-gradient(#1359df, #1359df) left top, linear-gradient(#1359df, #1359df) left top, linear

2022-03-11 16:34:26 598

原创 echarts柱状图改进度图常用配置

这是改造后的效果:具体代码:init3() { var chartDom = document.getElementById("mountNode3"); var myChart = echarts.init(chartDom); const myColor = ["#1089E9", "#1089E9", "#1089E9", "#1089E9", "#1089E9"]; var option; option = { .

2022-03-10 17:00:10 1384 1

原创 如何写一个花里胡哨的点击按钮(HTML+CSS+JS)

雷迪森安的乡亲们,欢迎来到老实人的前端课堂,今天我们来写个骚气磅礴的轮播图吧,内容太干,建议收藏起来慢慢看,最后我还会教大家如何免费部署上线哦~1646211569(1).jpg正片小轮播图滑动滚播,好不好看你说了算。结构就两行<div id="main"> <h1>something</h1> <div class="content"> <p>You can press <kbd>▲<

2022-03-02 17:14:28 4972 13

原创 如何赚到人生第一桶金,副业新方式,2小时卖600元。

今天我们来谈谈一个老项目新玩法!袜子一直以来都是刚需产品,这个行业几乎没有什么淡旺季,每个人都需要穿袜子,应该大部分人都不会将一双袜子穿好几年,客户群体也是不分年龄段,再加上现在是换季以及过年了,对袜子购买的需求也会增加。而袜子称斤卖是一种新的售卖方式,与之前的 10 元 3 双 10 元 5 双袜子的售卖方式本质上是没有什么区别,只是将多少钱多少双变成根据每双袜子的重量去定价多少钱一斤去售卖。那虽然袜子是刚需产品,也不是一个新行业了。但是我们查看了多家通过抖音按斤称卖袜子的店铺,销量都还挺高的。对于市场来

2022-02-24 14:30:23 2916 11

原创 Ant Design Vue表单验证基本操作

通过rules属性传入约定的验证规则。并将 <a-form-item>的prop属性设置为需校验的字段名即可formRef.value .validate() 触发效验提示通过进入then,否则进入catchformRef.value.resetFields() 清空效验红色提示labelCol:label 标签布局,同 <Col> 组件,设置spanoffset值,如{span: 3, offset: 12}或sm: {span: 3, off...

2022-02-18 15:31:45 4374 3

原创 如此优秀的JS轮播图,写完老师都沉默了

雷迪森安的乡亲们,欢迎来到老实人的前端课堂,今天我们来写个骚气磅礴的轮播图吧,内容太干,建议收藏起来慢慢看,最后我还会教大家如何免费部署上线哦~正片小轮播图滑动滚播,好不好看你说了算。结构就两行<div id="main"> <h1>something</h1> <div class="content"> <p>You can press <kbd>▲</kbd> <kbd&

2022-02-17 17:15:40 5001 7

原创 情人节你们过,表白代码我来写(HTML+CSS+JS)

雷迪森安的乡亲们,欢迎来到老实人的前端课堂,这情人节的,我把爱心都给你们准备好了,今天我们来写个爱心吧。正片注意看到最后哦,下面还有一个更好看的特效,这个是个动态的♥♥结构就两行<script src="https://wow.techbrood.com/libs/jquery/jquery-1.11.1.min.js"></script><canvas id="canvas"></canvas>样式以下样式大部分是js代码渲染上dom后表

2022-02-14 15:51:10 2813 2

原创 HTML期末作业,响应式零食网站项目 (HTML+CSS+JS)

项目:响应式零食网站项目作品描述:响应式零食网站HTML+CSS+JavaScript。主要包括的页面有网站首页,关于我们,产品中心,店面形象,新闻资讯,联系我们等多个页签。视频链接:html+css写一个零食网站,源码请你直接拿走实现技术:CSS+HTML+JS+H5+CSS3+jQuery;作品演示1.网站首页是这样的2.产品中心3.网络营销4.案例展示5.新闻资讯6.联系我们目录结构代码展示这里展示部分代码<div class="barwrap clea

2022-02-09 15:33:28 2366 2

原创 HTML期末作业,仿b站视频项目模板(HTML+CSS+JS)

项目:视频网站项目作品描述:个人信息展示网站响应式模板HTML+CSS+JavaScript。主要包括的页面有推荐、推荐、榜单、推荐、游戏、游戏、音乐、舞蹈等总共8个栏区。视频链接:寒假充电了吗?快拿走b站源码练练手吧(HTML+CSS+JS)实现技术:CSS+HTML+JS+H5+CSS3+jQuery;作品演示1.网站首页2.娱乐栏3.底部目录结构代码展示 <!---------- 顶部页面 ----------> &lt...

2022-01-24 16:35:26 11838 9

原创 Vue.js只刷新一次页面

判断上次的页面这次刷新的路由是否一样,不一样才刷新。 mounted: function() { if (location.href.indexOf("#reloaded") == -1) { location.href = location.href + "#reloaded"; location.reload(); } },或者判断上一个页面是不是登录页,是

2022-01-22 17:46:06 969 2

纯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关注的人

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