![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 63
m0_54850467
这个作者很懒,什么都没留下…
展开
-
Spring Boot 实现接口的各种参数校验
在我们进行接口开发时,在对参数的接收时,我们需要冗余复杂的校验规则 来进行接口参数的校验,接下来推荐一个好用的校验工具Spring Validation。Java API规范 (JSR303) 定义了Bean校验的标准validation-api,但没有提供实现。hibernate validation是对这个规范的实现,并增加了校验注解如@Email、@Length等。Spring Validation是对hibernate validation的二次封装,用于支持spring mvc参数自动校验原创 2022-03-12 13:11:49 · 357 阅读 · 0 评论 -
Vue 踩坑笔记 引入 ElementUI 时打包失败修复记录(ERROR in .node_moduleselement-uilibtheme-chalkindex.css)
Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css Module build failed: ModuleBuildError: Module build failed: TypeError: this.getOptions is not a function)文章目录Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_m原创 2022-03-11 20:06:09 · 1389 阅读 · 1 评论 -
umi3.5新特性之提速方案mfsu
前几天,umi(插件化的企业级前端应用框架)正式发布了3.5版本,此次更新带来了一个全新的功能:mfsu。一、mfsu是什么mfsu是一种基于webpack5新特性Module Federation(模块联邦)的打包提速方案。开启mfsu可以大幅减少启动项目和热更新所需的时间。在生产模式,也可以通过提前编译依赖,大幅提升部署效率。更多介绍详见官网:https://umijs.org/zh-CN/docs/mfsu二、antd pro v5 使用mfsu案例1、初始化项目下面我们以antd pro原创 2022-03-11 18:43:12 · 1005 阅读 · 0 评论 -
Spring Boot:文件上传
测试代码pom.xml:<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/x原创 2022-03-11 16:06:23 · 271 阅读 · 0 评论 -
Node Sass version 6.0.0 is incompatible with^4.0.0
node-sass 6.0.0版本与^4.0.0不兼容1、先卸载之前版本的node-sassnpm uninstall node-sass2、卸载后安装4.0.0版本npm install node-sass@4.14.1这里可能会失败,原因是你安装的淘宝镜像的问题。(1)重装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org重装后重新执行第二步操作即可npm install node-sass@4.1原创 2022-03-11 14:42:31 · 681 阅读 · 0 评论 -
element + vue 关于全屏screenfull用法以及遇到的问题
一.安装screenfull1.npm install screenfull 直接安装的是最高版本的 下载的时候没报错,引用screenfull的时候就报这个错了 说是webpack.confing 文件不支持最新版本的语法问题2.卸掉后换成5.1.0 npm install --save-dev screenfull@5.1.0 换成5.1.0 就可以了二.封装screenfull组件这里我因为项目需要 部分页面全屏 如果不需要直接 screenfull.toggle();<templa原创 2022-03-11 11:58:58 · 3055 阅读 · 0 评论 -
2021年React常见的面试题以及答案(持续更新中...)
React常见的面试题以及答案说说对React的理解?有哪些特性?区分Real DOM和Virtual DOM什么是JSX和它的特性?类组件和函数组件之间有什么区别?了解 Virtual DOM 吗?解释一下它的工作原理。说说对 State 和 Props的理解,有什么区别?说说对React refs 的理解?应用场景?setState是同步还是异步super()和super(props)有什么区别?说说对React事件机制的理解?React事件绑定的方式有哪些?区别?React组原创 2022-03-11 10:37:22 · 808 阅读 · 0 评论 -
谷歌浏览器Chrome不能登录不能同步解决方法
参考链接:参考1参考21、下载一个chrome插件,链接:点击下载插件 密码:p0kc2、将下载的.CRX格式的插件修改成.zip(或.rar)格式的文件。3、对该zip文件解压缩,得到一个文件夹。(打开文件夹,有一个_metadata的文件夹,去掉下划线,将文件名改为metadata。)4、在谷歌浏览器里–更多工具–扩展程序–开启开发者选项–加载已解压的扩展程序–打开我们解压后的文件夹上传【Chrome-Sync-Helper】(如果有风险提示也忽略继续确认)【上传成功后就会出现你的插件。】原创 2022-03-10 12:54:59 · 5102 阅读 · 7 评论 -
浅析npm run serve命令
本地开发一般通过执行 npm run serve 命令来启动项目,那这行命令到底存在什么魔法?我们来一探究竟。根据这篇文章思路:使用vue-cli初始化后运行npm run server到底干了什么得知,npm run serve 实际上会执行 vue-cli-service serve(该文件位于 node_modules.binue-cli-service.cmd),查看该文件,发现最终会执行 node vue-cli-service.js serve(该文件位于 node_modules@vue转载 2022-03-10 11:34:03 · 677 阅读 · 0 评论 -
基于原生JS项目使用Vue3 + Surely Vue Table组件
Js & Surely Vue Table本文主要说明,基于原生JS项目如何使用Surely Vue Table组件。Surely VueSurely Vue Table 是 Ant Design Vue 团队旗下的“高端”组件之一,该组件致力于解决大数据渲染、图表集成等复杂高频问题。 使用该组件可以流畅滚动 10 万行、10 万列的数据,你不必担心页面卡顿造成用户投诉,进而影响业务进展。该组件虽然是 Ant Design Vue 团队开发,但你依然可以将其使用在任何组件库中,它并不是 An原创 2022-03-10 10:09:43 · 1414 阅读 · 0 评论 -
先掌握这 19 个 css 技巧,解决一些疑难杂症
作者:Matt Maribojoc译者:前端小智来源:stackabusevue3 源码实战出来啦:在面试中,害怕被问到 Vue源码,或者想通过自己对Vue 源码的来秀一下面试官的,可以了解一下。修改 placeholder 样式,多行文本溢出,隐藏滚动条,修改光标颜色,水平和垂直居中。这些熟悉的场景啊! 前端开发者几乎每天都会和它们打交道,这里有20个CSS技巧,让我们一起来看看吧。1. 解决 img 5px 间距的问题你是否经常遇到图片底部多出5px间距的问题?不用急,这里有4种方法可以.原创 2022-03-09 13:50:51 · 106 阅读 · 0 评论 -
「2022」字节-前端(互娱)笔试题
1.对数组原生方法的使用① 题 目 :② 参考答案 :const arr1 = [10,9,8,7,6,5,4,3,2,1]arr1.splice(2,1);const arr2 = [10,9,8,7,6,5,4,3,2,1]arr2.slice(0,2).concat(arr2.slice(3,10));const arr3 = [10,9,8,7,6,5,4,3,2,1]arr3.filter(res=>{ return res!==arr3[2]}).....原创 2022-03-09 12:30:25 · 258 阅读 · 0 评论 -
vue3 获取当前路由参数
<script>import {useRouter, useRoute} from 'vue-router'export default { setup(){ // 获取路由器实例 const router = useRouter() //使用 //router.push..... 等等方法 // route响应式对象,监控变化,传值 const route = useRoute //获取 处理route.query 等等 }}</scr原创 2022-03-09 09:45:42 · 2125 阅读 · 0 评论 -
react知识点总结
创建react项目create-react-app引入ant designreact的vscode插件Simple React Snippets也可以使用自定义的如何修改配置文件1.npm run eject 暴露所有的配置文件 不可逆的,在发射前需要提交git文件2.安装react-app-rewired 这个包需要报pakage.json中的脚本配置修改为下面代码,再在更目录下创建config-overrides.js的配置"scripts": { "start": "r原创 2022-03-08 13:31:04 · 802 阅读 · 0 评论 -
Node.js详细安装教程(2021)
Node.js详细安装教程1.下载安装官网下载链接:添加链接描述下载红线可以避免配置麻烦打开下载的可更改路径,也可默认不用勾选,直接next输入node -v接着npm -v安装完成。2.修改全局模块路径和缓存路径(可选,大家自行选择是否修改)当我们在执行npm install express -g命令时,g表示global全局。会默认下载到c盘,c盘一般作为系统盘,尽量把一些程序安装到其他盘,来减少c盘空间的占用它的默认路径为:【C:Use.原创 2022-03-08 12:10:40 · 1336 阅读 · 1 评论 -
JavaScript实现一个录屏功能
阅读目录1、创建一个HTML2、使用mediaRecorder录制并存入变量中3、停止屏幕共享播放录制视频4、自动下载录制的视频5、完整代码1、创建一个HTMLOBS studio很酷,但 JavaScript 更酷,现在,我们用 JavaScript 创建自己的录屏功能。首先,创建一个HTML文件,包含记录按钮和一个播放标签,内容如下:<!DOCTYPE html><html> <head> <title>Parcel S原创 2022-03-08 10:50:22 · 335 阅读 · 0 评论 -
error Component name “xxx“ should always be multi-word vuemulti-word-comp
一、Vue 3编译报错error Component name "Login" should always be multi-word vue/multi-word-comperror Component name “Login” should always be multi-word vue/multi-word-comp分析:语法检查的时候把不规范的代码(即命名不规范)当成了错误解决方案:更改组件名(这个比较麻烦),也就是重新起个组件名,使其符合命名规范,如: StudentName原创 2022-03-08 09:30:08 · 347 阅读 · 0 评论 -
ApiPost 真香真强大,是时候丢掉 Postman、Swagger 了
??3万字总结Java自学、进阶线路图、学习资料大家好,我是一航!如果你是一名Java后端开发工程师,像Swagger、Postman、RAP这些工具,应该再熟悉不过了吧!为我们的接口开发工作带来了很多的便捷,不过因为这些都是独立的框架,之间并不存在互通性,因此在多个框架间协调的时候,不可避免的会带来一些重复性的工作;今天来介绍一款强大的国产工具:ApiPost,将Swagger 、 Postman 、 RAP 、 JMeter 的功能完美的做了整合,一款工具,全部搞定。什么是ApiPostAp.原创 2022-03-08 08:10:06 · 220 阅读 · 0 评论 -
2021JavaScript面试题(最新)不定时更新(2021.11.6更新)
插个小广告~字节跳动前端开发工程师-番茄小说内推,校招、社招、实习均可。欢迎加我q:2679330388,欢迎来撩~文章目录说一下JS的基本数据类型null 和 undefined 的区别?介绍一下JavaScript 原型、原型链?原型链有什么特点?_Array 构造函数只有一个参数值时的表现?说一说其他值到字符串的转换规则?toString如何把对象转换成字符串/字符串和对象的相互转换。其他值到布尔类型的值的转换规则?其他值到数字值的转换规则?相等操作符 == 比较原创 2022-03-07 20:59:46 · 233 阅读 · 0 评论 -
解决 JavaScript heap out of memory 报错
当我们在 丐版 云服务器中执行 node 命令的时候,如果服务器的内存比较小,介于 JavaScript 的语言特性,只能使用部分内存来进行操作,命令执行可能会报错:transforming (648) node_modules/axios/lib/axios.js<--- Last few GCs --->[158365:0x4c20f70] 27361 ms: Scavenge 473.4 (476.6) -> 472.8 (476.6) MB, 66.4 / 0.0 m原创 2022-03-07 09:32:40 · 2448 阅读 · 0 评论 -
我优化了进度条,页面性能竟提高了70%
前言大家好,我是零一。最近我准备在组里进行代码串讲,所以我梳理了下项目之前的业务代码。在梳理的过程中,我看到了有个进度条组件写的非常好,这又想起我刚开始学前端时写的进度条的代码,跟这个比起来真的差距太大了(大部分的初学者应该都想不到,而且我第一次家实习公司带我的mentor亦是如此)。因此,我想给大家分享一下这个思路极好的进度条组件,同时它也存在非常严重的性能问题,本文末尾也会讲解一下问题所在以及优化方式进度条的应用场景一般进度条组件都出现在类似抖音播放视频的这样场景中,如图中底部的箭头所示:进原创 2022-03-07 08:09:15 · 216 阅读 · 0 评论 -
前端面试题二(初中级)二线城市offer给他拿下
1.let,const,var 有什么区别(1)块级作用域: 块作用域由 { }包括,let 和 const 具有块级作用域,var 不存在块级作用域。块级作用域解决了 ES5 中的两个问题:内层变量可能覆盖外层变量用来计数的循环变量泄露为全局变量(2)变量提升: var 存在变量提升,let 和 const 不存在变量提升,即在变量只能在声明之后使用,否在会报错。(3)给全局添加属性: 浏览器的全局对象是 window,Node 的全局对象是 global。var 声明的变量为全局变量,并且会原创 2022-03-06 04:41:03 · 297 阅读 · 0 评论 -
一个简单炫酷的前端小项目(html+css+js)----3D图片演示
一个简单炫酷的特效页面(html+css+js 含源码)----3D图片演示前言一、页面特效效果展示二、功能描述1、打开页面,所有图片会自动转动2、图片的大小和间隔可随鼠标滚轮滚动而改变3、鼠标按住页面任意位置,拖动光标,页面可随之旋转三、功能实现1.创建一个父容器,将所有照片叠放在一起2.给所有照片加上旋转动画3.监听鼠标事件总结前言对于学前端的小伙伴来说,吸引你们入坑的大都是一些炫酷的页面。但往往那些页面的源代码对初学的伙伴们都不太友好。今原创 2022-03-06 03:19:07 · 6740 阅读 · 14 评论 -
Web 基础——Tomcat
Web 基础——Tomcat一、Tomcat 简介1.Apache 与 Tomcat 比较2.Tomcat 同类产品3.Tomcat 与 JDK 的关系4.Tomcat 内部工作原理5.Tomcat 请求过程二、部署 Tomcat 服务1.配置 Tomcat 的 Manager 管理界面2.配置 Tomcat 的虚拟主机三、使用 Tomcat 实现超市订单管理系统1.安装 Mariadb 数据库一、Tomcat 简介Tomcat 是一个开源的开放源代码的原创 2022-03-06 01:58:19 · 217 阅读 · 0 评论 -
vue3中ref的理解
1.什么是refref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听2.ref本质ref底层其实还是reactive,所以当运行时系统会自动根据传入的ref转换成reactive.3.ref注意点在vue中使用ref的值不用通过value获取在js中使用ref的值必须通过value获取4.ref获取元素在vue2中我们可以通原创 2022-03-06 00:36:55 · 359 阅读 · 0 评论 -
Failed to load resource netERR_FILE_NOT_FOUND(vue 项目通过 npm run build 打包以后页面没有内容)
顾名思义这是一个路径问题!!!!!当项目build后打开dist/index.html你会发现页面什么都没有(空白页),查看页面console惊奇的发现一片红更改点一:此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:’./’,module.exports = { publicPath:'./', // 执行 npm run build 统一配置路径 }再次打包index.html 就会看到你想看到原创 2022-03-05 20:23:18 · 454 阅读 · 0 评论 -
Visual Studio 2022自定义(透明)主题和壁纸完整版
效果如下:1.第一步:下载VS2022、下载VS工具集中的扩展开发2.安装好后进入VS2022,点击联机下载扩展:Visual Studio Color Theme Designer 20022和ClaudiaIDE3.安装完成后就可以添加自定义图片(壁纸):工具->选项->ClaudiaIDE注意:扩展到IDE修改为True4.自定义主题:点击文件->新建项目根据下面的列表,修改控件的颜色属性值为 2A252526即可TreeView -> Backg原创 2022-03-03 22:50:00 · 2345 阅读 · 1 评论 -
springboot+vue练手级项目,真实的在线博客系统
文章目录spring boot 练手实战项目说明基础知识面试准备1. 工程搭建1.1 新建maven工程1.1.2遇到的bug1.2 配置1.3 启动类2. 首页-文章列表2.1 接口说明2.2 编码2.2.0 Spring—基于注解开发2.2.1 表结构entity层2.2.2 Controller2.2.3 Service2.2.3.0 解决mapper爆红2.2.3.1mybatisplus遇到多表查询怎么办2.2.3.2创建文件夹时遇到的坑原创 2022-03-03 17:16:49 · 299 阅读 · 0 评论 -
npm install 报错 Error connect ETIMEDOUT 20.205.243.166443
E:electron_workspaceelectron-vue-app ode_moduleselectron-chromedriverdownload-chromedriver.js:30if (err != null) throw err^Error: connect ETIMEDOUT 20.205.243.166:443at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1146:16) {errno: -4039,code:原创 2022-03-03 16:12:01 · 1756 阅读 · 0 评论 -
JavaScript高级 函数进阶
函数进阶函数的定义方式‘函数的调用方式函数中的this指向问题改变this的指向call方法apply()bind()bind()方法的应用三种方法的区别函数的定义方式‘我们常用的函数定义有两种一种是自定义函数 也叫命名函数 如下function fn(){}一种是函数表达式 也叫匿名函数 如下var fun = function (){}但是我们也有第三种方式利用new关键字创造函数 var fun = new Function()我们都知道原创 2022-03-03 15:07:30 · 93 阅读 · 0 评论 -
Error getaddrinfo ENOTFOUND {{url}}
postman出现Error: getaddrinfo ENOTFOUND {{url}}运行接口出现此提示语,说明环境变量配置时和接口添加的接口{{Url}},大小写不一致,请大小写保持一致“URL”“Url”“url”检查环境变量配置的大小写...原创 2022-03-03 14:03:03 · 1759 阅读 · 0 评论 -
auto.js pro 解除限制
require(’./解除autojsPro限制.js’)app.launchApp(‘抖音’)log(id(“com.ss.android.ugc.aweme:id/kov”).findOne().click())原创 2022-03-03 12:11:34 · 1729 阅读 · 4 评论 -
2022年前端开发的最优策略
这篇文章故意具有挑战性、两极化和发人深省的特点。它涵盖了很多你很可能不知道的新鲜内容和想法。1.绪论我将尽力创造一个连贯的逻辑论证链,你可以按照它来了解前端开发应该如何运作。我也会尽量保持这篇博文的简单性,以便 "非开发人员 "大多能够跟上。2.一台电脑或智能手机上有多少个内核?你们都见过像这样的CPU的图片。例如,如果你使用的是Mac,你可以点击左上角的苹果图标,然后点击 “About This Mac”,它将显示类似的内容。处理器 3,2 GHz 8核英特尔至强W处理器一部iPho原创 2022-03-03 00:20:58 · 127 阅读 · 0 评论 -
一个前端对七个后端?别说难,你可能连工作都找不到
前言打卡成功,下班辛苦了不辛苦,命苦放平心态,慢慢厉害一个前端对七个都还算好了,群里有的小伙伴还有一个对八个后端、一个对十个的(有两个前端离职了一位),这看似前端人员可以增加的,可相反的是,前端工作也是不好找,内卷都要卷不动了。在知乎上看到个问题:为什么 211/985 毕业的前端工程师那么难招?下面有个评论很有意思:工程师A说我是211的,工程师B说我是985的,工程师C说我996的,玩笑中又带有点心酸。在这内卷又压力的环境下,还是得夯实技术,提升个人竞争力,找出突破口。稳扎稳打稳输出知原创 2022-03-02 12:45:39 · 113 阅读 · 0 评论 -
爬虫之上传文件,request如何上传文件
爬虫之上传文件,request如何上传文件,当我们遇到需要上传文件的接口时,如何破解上传文件的密码呢?如图,文件的参数名files[],传输多张图片,那如何用python实现呢?1、方法1:使用requests模块import requestsurl = "url/uploadfile"payload={'content': '30而立','activityId': ''}#files=[('files[]',('图片.jpg',open('C:/Users/Administrator/.原创 2022-03-02 03:49:37 · 1579 阅读 · 0 评论 -
基于Vue和Node.js的电商后台管理系统
电商后台管理系统(前端项目) 预览后端API接口源码 下载. 接口API功能用于管理用户账号,商品分类,商品信息,订单,数据统计等业务功能开发模式电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目技术选型前端项目技术栈VueVue-routerElement-UIAxiosEcharts后端项目技术栈Node.jsExpressJwtMysqlSequelize接口API.后端源码 下载.ht原创 2022-03-02 02:46:03 · 1422 阅读 · 2 评论 -
上了学这么久,我才知道他们为什么可以这么爽
?? 小 木 带 你 体 验 极 致 的 插 件 extcolor{Orange}{小木带你体验极致的插件} 小木带你体验极致的插件?? 你 是 否 为 了 看 课 而 烦 恼 呢 ? extcolor{green}{你是否为了看课而烦恼呢?} 你是否为了看课而烦恼呢????? 你 是 否 为 了 不 知 道 怎 么 快 速 浏 览 而 诅 丧 呢 ? extcolor{Brown}{你是否为了不知道怎么快速浏览而诅丧呢? } 你是否为了不知道怎么快速浏览而诅丧呢????? 不 要 慌 , 让 这 .原创 2022-03-02 01:42:24 · 81 阅读 · 0 评论 -
vue-echarts的使用
首先下载:npm install echarts vue-echarts然后全局引入://main.jsimport Vue from 'vue'import ECharts from "vue-echarts";Vue.component('v-chart', ECharts)//全局注册在对应的文件里面具体使用(我这里是折线图):<template> <div class="verify-line"> <v-chart :options="l原创 2022-03-01 23:35:24 · 65 阅读 · 0 评论 -
selenium3自动化测试(这一篇就够了)——自学篇
目录(一)安装selenium(二)selenium3 浏览器驱动(三)selenium元素定位(四)控制浏览器操作(五)WebDriver常用方法(六)鼠标事件(七)键盘事件(八)获取断言信息(九)设置元素等待(十)定位一组元素(十一)多表单切换(十二)多窗口切换(十三)警告框处理(十四)下拉框选择(十五)文件上传(十六)cookie操作(十七)调用JavaScript代码(十八)窗口截图(十九)关闭浏览器常见问题总结(一)安装selenium安装pyth转载 2022-03-01 19:52:32 · 2914 阅读 · 0 评论 -
nuxt安装报错eslint Error [ERR_REQUIRE_ESM] Must use import to load ES Module
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module:require() of ES modeuls is not supported时间2021-12-16想搭建一个nuxt项目,刚开始直接用npx创建了项目npx create-nuxt-app <项目名>直接报错了百度了一大圈没有找到关于这个问题的答案,发现用npx创建nuxt项目,create-nuxt-app的版本是v4.0.0,我就想不用这么新的版本试一下原创 2022-02-28 22:27:21 · 1960 阅读 · 0 评论