![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 67
bsefef
这个作者很懒,什么都没留下…
展开
-
vant组件库中使用van-list组件中load加载事件触发多次的问题
背景:在使用vant UI组件库的时候,当列表加载到底部的时候,可以结合load加载事件,继续获取下一页的数据但是和tab切换结合的时候,就会出现问题了,比如第一个tab下面我进行了忘下滑动的滚动事件,然后我再切换到第二个tab下面,这时候,又会自动执行了一遍加载事件(感觉1.应该是刚开始没有数据,然后直接到底部了,所以唤起了load事件2.第一个列表由于往下滑动了,所以滚动条还在刚才滑动下去的位置,所以直接到底了又触发了load加载事件)所以针对这两个问题 做了以下处理1.首先页面上 load原创 2022-03-12 13:18:53 · 7228 阅读 · 1 评论 -
Element-ui中的el-image的图片预览功能(preview-src-list)
今天用了element-ui中的图片预览功能,但是它的图片预览功能只能预览事先定义的图片,与我的业务功能完全不符,我的业务功能是当点击图片时,就预览当前点击的图片。所以我将其修改了一下,功能就是当点击一行表格中的一个图片时,这个图片就被预览了,代码很简单,就是直接复制element-ui中的图片预览组件就行<el-table-column label="员工照片" align="center"> <template slot-scope="scope"> ..原创 2022-03-12 12:57:33 · 10768 阅读 · 5 评论 -
strict-origin-when-cross-origin nginx、tomcat、java、vue 跨域问题
配置跨域时,要考虑当前环境,只是代码层次,还是tomcat部署后的,再或者是nginx转发后的javaimport java.util.List;import org.springframework.context.annotation.Configuration;import org.springframework.format.FormatterRegistry;import org.springframework.http.converter.HttpMessageConverter;原创 2022-03-11 18:28:41 · 1078 阅读 · 0 评论 -
React全家桶详细讲解-图文并茂
文章目录前言一、React-表单处理受控组件使用步骤多表单元素优化非受控组件二、React-组件综合案例需求分析搭建任务的模板渲染列表添加任务删除任务三、React-组件进阶组件通讯介绍组件的props四、react-组件通讯的三种方式react-父组件传递数据给子组件react-子组件传递数据给父组件react-兄弟组件传递五、react-生命周期创建时(挂载阶段)更新时卸载时完整生命周期钩子函数六、React-原原创 2022-03-11 15:51:29 · 324 阅读 · 0 评论 -
Nodejs安装教程
目录一、安装环境二、安装步骤三、验证安装四、修改全局模块下载路径?五、更换npm源为淘宝镜像六、全局安装基于淘宝源的cnpm总结一、安装环境本教程演示的环境:win 10 64位nodejs下载官网:nodejs官网.点击选中图标下载到电脑本地即可。二、安装步骤1、双击安装包,一直点击下一步。2、点击change按钮,更换到自己的指定安装位置,点击下一步(不修改默认位置也是可以的)。3、一直点击下一步,最后安装成功即可。三、验证安装1、在键盘按下【win+R】键,输入c原创 2022-03-11 14:49:48 · 3567 阅读 · 0 评论 -
monaco-editor 格式化json,sql
初始化monaco-editor微软的开源项目有点坑,纯英文的文档对很多刚开始前端的小朋友很不友好,刚好这段时间公司的项目遇到了文本编辑,发现这个居然是微软的vscode网页版,巧了,刚好开发工具正是vscode,秉着用了这么久我还不熟悉你这玩意的心态,就开始看着官方文档琢磨了,没想到这玩意是真的坑,文档不全的厉害,很多修改难弄的很。一路写下来真的是头疼的厉害第一步:肯定是初始化这个插件npm install monaco-editor -simport * as monaco from 'mona原创 2022-03-11 14:28:21 · 1406 阅读 · 0 评论 -
JavaScript原型是什么
目录先看三个对象一、构造函数(对象):二、实例对象三、 原型对象:再看三个属性:一、prototype:二、__proto__三、constructor属性原型链总结需要知道哪些知识点?1.三个对象2.三个属性以下都从这三个角度去进行分析三个对象有哪三个:1.先明确JS中,万物皆对象。2.对象包括,构造函数(对象)、实例对象、原型(对象)三个属性有哪三个?1.prototype2._ _ proto_ _3.constructor先看三个对象一、构造函数(对象原创 2022-03-11 13:27:43 · 183 阅读 · 0 评论 -
IDEA2021.2创建java web项目(很详细,手把手创建)
该文章适合人群:初学java web不用maven或者gradle创建java web项目忘记了怎么创建web项目错误示范:上来直接创建java ee 项目,这样创建出来的项目有Maven或者Gradle包管理正确演示:1. 创建项目这个时候得到一个这样的项目(如下图,就是java SE项目):2. 导入依赖包可以看到此时已经有web这个包了3. 创建两个包分别是classes和lib,classes用来存放out文件(等等用得上),lib用来存放依赖包创建好了如图原创 2022-03-11 13:06:11 · 384 阅读 · 0 评论 -
element-plus新版本icon使用
最近使用element-plus的icon总是不显示,也是头发掉了一大把,测试了很多办法以后也终于是解决了。记录一下解决方案。<el-form-item> <el-input :prefix-icon="Avatar" v-model="form.username" placeholder="用户名"></el-input></el-form-item><script>export default { name: "Logi原创 2022-03-11 12:06:06 · 357 阅读 · 0 评论 -
Delete ``eslintprettierprettier
一,原因这篇博客写得很清楚:https://blog.csdn.net/weixin_42752574/article/details/114055598还有这篇文章,解决办法很详细:https://segmentfault.com/a/1190000021803437二,解决办法三,我的处理–新建rn+ts项目后.eslintrc.jsmodule.exports = { root: true, extends: '@react-native-community', rules:原创 2022-03-11 11:44:46 · 231 阅读 · 0 评论 -
2022前端未来发展趋势
想搞好前端其实并不容易,除了面对复杂且分散的知识面以外,还要紧跟技术发展趋势,吸收更多的衍生框架。本章仅从作为UU跑腿-同城即送行业从事多年的Web前端开发者视角,解读前端未来发展趋势。移动端能力放大以前端技术为核心的开发方式,在移动端越来越成为主流方式。小程序生态的崛起无线端一直是前端高速发展的主战场,以近几年的发展趋势可知主要在以下区域:App开发,以React Native为主Hibird的模式,以Cordova为代表小程序,依赖于微信,支付宝等的生态事实上,上述几个方原创 2022-03-11 10:44:34 · 1464 阅读 · 0 评论 -
10个CSS技巧,极大提升用户体验
作者:Shadeed译者:前端小智来源:medium有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。一个成功的Web App必须有良好的用户体验。当我们谈及改善用户体验时,你会想到什么?其实,有一点是很容易被开发者忽视的,那就是CSS。我们可以使用一些CSS技巧来改善网页的表现形式、交互细节和可访问性。而且这些技.原创 2022-03-11 10:23:05 · 91 阅读 · 0 评论 -
跨域如此简单
跨域如此简单一、跨域二、代理三、jsonp四、服务端允许跨域五、携带 cookies 的跨域六、携带自定义头的跨域一、跨域跨域即是当前的 web 应用访问了不属于当前 web 应用的接口资源时,浏览器的对资源的一种保护作用。Failed to load http://localhost:8080/test: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'htt原创 2022-03-10 13:02:02 · 144 阅读 · 0 评论 -
无废话快速上手React路由
本文以简洁为目标,帮助快速上手react-router-dom默认你接触过路由相关的开发安装输入以下命令进行安装:// npmnpm install react-router-dom// yarnyarn add react-router-domreact-router相关标签react-router常用的组件有以下八个:import { BrowserRouter, HashRouter, Route, Redirect, Switch, Link, N原创 2022-03-10 11:20:00 · 150 阅读 · 0 评论 -
字节跳动2019春招算法题
字节跳动2019春招算法题1.总结难度:容易到中等。一些题出的太烂,不给数据范围,而且内存设置有问题,如果是刷题不建议刷。2.题目(1)简单字符串模拟。#include<bits/stdc++.h>using namespace std;int main(){ int n; scanf("%d",&n); for(int i=1;i<=n;i++){ string s;cin>>s; int p原创 2022-03-10 10:16:47 · 70 阅读 · 0 评论 -
在vite中配置scss预处理遇到的坑
vite运行报错vite.config.ts配置css: { // css预处理器 preprocessorOptions: { scss: { // 引入 var.scss 这样就可以在全局中使用 var.scss中预定义的变量了 additionalData: '@import "./src/assets/scss/var.scss"' } } }helloWorld.vue<style lang="s原创 2022-03-10 09:55:37 · 1524 阅读 · 0 评论 -
关于js:Uncaught TypeError Cannot read properties of undefined (reading ‘style‘) 全局与局部变量 for循环
问题:想实现点击一个li,就会展示对应的div:代码为:var tab_list = document.querySelector('.tab_list'); var lis = tab_list.querySelectorAll('li'); var items = document.querySelectorAll('.item'); for(var i = 0; i < lis.length; i++){ // 设置每个li的index值原创 2022-03-09 13:57:54 · 5964 阅读 · 0 评论 -
使用 Fiddler 进行小程序抓包
为什么是 Fiddler理由很简单:因为大多数测试同学都是用 Fiddler。虽然不同的抓包工具功能都大同小异,但就像开发者统一开发工具能够提高团队协作的效率一样,开发和测试之间统一工具也能提高大家的沟通效率。如果测试同学在使用 Fiddler 抓包时遇到了什么问题,比如说某个请求抓不到,你给的答复却是:我用 whistle/charles 没问题啊,这肯定会让测试同学抓狂。前置准备下载 Fiddler Everywhere下载地址:www.telerik.com/download/fi…使用这个原创 2022-03-09 13:36:48 · 684 阅读 · 0 评论 -
【javascript】Cannot set properties of undefined解决办法
问题代码let msgList:any; errors?.map((error: { field: React.ReactText; message: any }) => { msgList[error.field] = error?.message || ""; }); console.log(msgList);报错信息:TypeErrorCannot set properties of undefined (setting 'user')问题原因msgList这原创 2022-03-09 12:37:25 · 1571 阅读 · 1 评论 -
Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决
这绝对是最详细的Vue开发工具vuejs-devtools安装教程,相信你只需要5分钟即可解决所有问题所需的所有文件,链接:https://pan.baidu.com/s/19GWDS_7GodIdFBUO0eTDAg 提取码:2yvc一、vue.js插件下载下载地址:vue.js插件下载;点击进入Vue官网即可下载,共有两种版本的插件(开发版本:vue.js,生产版本:vue.main.js),建议使用开发版本。开发版本有更多的错误信息提示和调试,文件较大,生产办文件小但是很多提示不全,解决开发原创 2022-03-09 11:14:09 · 495 阅读 · 1 评论 -
vue使用原生高德地图
1、先在vue项目根目录下新建vue.config.js,这个文件是没有的,vue不提供module.exports = { configureWebpack: { externals: { 'AMap': 'AMap', // 高德地图配置 'AMapUI': 'AMapUI' } },}2、在vue文件index.html中引入高德地图js文件<!DOCTYPE html><html lang="en"> <head>原创 2022-03-09 10:52:29 · 591 阅读 · 1 评论 -
Vue3---父子组件传值(子组件使用 emit 传值到父组件)
Vue3中,子组件通过setup函数中的第一个参数值 props 拿到定义的组件参数进行使用。如果要向父组件传参,需要使用setup函数中的第二个参数值 context(组件上下文)中的emit。官网API[这里是图片001]https://v3.cn.vuejs.org/guide/migration/emits-option.html例1:Tab菜单子组件创建子组件Tabs.vue 例2:搜索子组件创建子组件Search.vue原创 2022-03-09 09:53:09 · 713 阅读 · 0 评论 -
vue3 setup + ts + vite 项目问题解决:Cannot find module ... or its corresponding type declarations.(ts2307)
昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现,遇到此问题:Cannot find module … or its corresponding type declarations.(ts2307)文件报错类型以及ts官方错误说明:这里以别名"@"为例子:// .vue文件<script setup lang="ts">import LoginApi from '@/apis/loginApi'; // (ts2307)import { getDat原创 2022-03-09 09:31:38 · 7051 阅读 · 0 评论 -
vite构建项目按需引入vant时vite-plugin-style-import 报错 require.resolve is not a function
最近开始使用vite去替代了传统的脚手架vue- cli ,为什么好好的脚手架不用,开始追求了vite,时过境迁,我们见证了诸如webpack、Rollup和Parcel等工具的变迁,它们极大地改善了前端开发者的开发体验。在将来 一定是vue3 + vite + ts时代。下面说一下用vite简单构建项引入vant一些流程 和 报错解决1.搭建vite项目使用npmnpm init vite@latest使用 Yarnyarn create vite使用 PNPMpnpm create原创 2022-03-09 08:18:27 · 689 阅读 · 0 评论 -
uniapp开发:uniapp之切换vue3,一直使用一直爽
目录前言使用步骤Tips关注我,不迷路前言随着vue3.0发布以来,紧随着vue3.2又发布了,这尤大大也太厉害了吧。在这里vue3.x的优点就不多说了,反正就是爽。uniapp也是跟紧的步伐,在前几个版本就开始支持vue3.x的使用,甚至在2.9.3的cli版本就开始支持了,更多相关信息查看官方更新日志。从 HBuilderX 3.2 起,支持创建 vue3 的 uni-app 项目,更多uniapp相关信息查看uni-app 项目支持 vue 3.0 介绍,及升级指南。用法与常规vue原创 2022-03-09 07:57:33 · 1475 阅读 · 1 评论 -
run `npm fund` for details解决,前端开发:项目运行npm install 提示XXX ...for funding run `npm fund`...的解决方法
run npm fund for details解决,前端开发:项目运行npm install 提示XXX …for funding run npm fund…的解决方法35 packages are looking for fundingrun npm fund for detailsfound 18 vulnerabilities (3 low, 9 moderate, 6 high)run npm audit fix to fix them, or npm audit for details原创 2022-03-08 13:38:08 · 2983 阅读 · 0 评论 -
Python爬虫教程(纯自学经历,保姆级教程)
序言这是一个系列文章,笔者把从书本,网课,包括博客等多种途径自学爬虫的笔记和心得整理发出。一边是作为一个基础教程,供读者参考,一边也是我自己对笔记的整合,对过程的记录。文章会持续更新 今天是2021.05.10 三天一更新,欢迎各位读者关注我或者关注文章。文章目录序言1.1python爬虫伪装 [免费伪装ip伪装请求头]一、网络爬虫入门二、我的第一个爬虫代码三、“指哪打哪”四、网页信息存储和 BeautifulSoup之find用法五,网页抓取补充 实战心得记录六、动态网页原理原创 2022-03-08 13:17:03 · 147 阅读 · 0 评论 -
node、node-sass、sass-loader的版本兼容问题
目录使用scss报错当前node-sass、sass-loader版本测试步骤一步骤二解决方案解决node-sass问题node和node-sass版本关系这篇文章主要写node、node-sass、sass-loader三者引起的兼容问题。使用scss报错为什么要写这篇文章,安装最新版sass运行报错了。纳尼,最新版的既然不兼容。来看看错误提示 ERROR Failed to compile with 1 error原创 2022-03-08 12:17:44 · 1371 阅读 · 1 评论 -
Mybatis-Plus如何使用分页
文章目录Mybatis-plus如何使用分页1.写个Mybatis-plus配置类:2.写接口测试3.注意4.如果你还有查询条件1.Lambda表达式2.普通查询Mybatis-plus如何使用分页1.写个Mybatis-plus配置类:是通过拦截器实现分页@Configurationpublic class MybatisConfig { @Bean public MybatisPlusInterceptor mybatisPlusInterce原创 2022-03-08 11:56:45 · 638 阅读 · 0 评论 -
JavaScript知识盲区整理
JavaScript知识盲区整理script标签用于引入外部js的注意点JS中严格区分大小写,并且每条语句结尾的分号如果不加,浏览器会自动加,这样会消耗浏览器资源,还容易把分号加错位置在字符串中我们可以使用作为转义字符typeof 用来检查变量类型Number.MAX_VALUE 和 Number.MIN_VALUE获取最大值和最小值,如果自己写的超过最值范围,会返回Infinity当声明一个变量但是不给其赋值时,会返回一个undefined强制类型转换document.write():原创 2022-03-08 10:57:27 · 128 阅读 · 0 评论 -
JavaScript 中的 7 个杀手级单行代码
?? 作者主页:海拥?? 作者简介:??CSDN全栈领域优质创作者、??HDZ核心组成员?? 粉丝福利:粉丝群 每周送13本书,不定期送各种小礼品直接跳到末尾 去评论区领书JavaScript 是 Web 开发最重要的支柱。洗牌阵列在使用需要一定程度随机化的算法时,你经常会发现洗牌数组是一项非常必要的技能。以下代码段以复杂的方式对数组进行混洗。O(n log n)const shuffleArray = (arr) => arr.sort(() => Math.random() -原创 2022-03-08 10:36:23 · 93 阅读 · 0 评论 -
Error while executing npm ERR DProgram FilesGitcmdgit.EXE ls-remote -h -t gitgithub.comad
在使用npm install安装依赖时报错Error while executing: npm ERR! D:Program FilesGitcmdgit.EXE ls-remote -h -t git://github.com/ad如何解决呢我们需要设置git环境git config --global url."https://".insteadOf git://然后重新运行 npm install就行或者npm install --registry=https://registr.原创 2022-03-08 09:37:10 · 736 阅读 · 0 评论 -
element-plus组件库快速上手教程
前言一般我们开发单页面应用(关于单页面应用是什么在本专栏的另一篇文章中有介绍)时,特别是针对和我一样打算走后端开发的同学,对于前端只需要有了解的程度就行了,但是平常做项目练手时经常会要自己写前端的东西,所以本文的主旨就是让各位和我一样的后端开发的同学能快速使用element-ui提供的网页组件快速搭建自己需要的网页。小tips在Idea中安装一个叫“element”的插件,就可以在Idea中写element组件的关键词时快速生成基本代码,比如我现在想要生成一个el-button:在安装了eleme原创 2022-03-08 09:16:13 · 8786 阅读 · 2 评论 -
B站---【狂神说Java】JavaWeb入门到实战---笔记
该笔记大部分搬运B站遇见狂神说的javaWeb,顺便把图文合并记录,便于回顾视频地址:https://www.bilibili.com/video/BV12J411M7Sj 记得三连文章目录1、基本概念1.1、前言1.2、web应用程序web应用程序:1.3、静态web1.4、 动态web2、web服务器2.1、技术讲解2.2、web服务器3、Tomcat3.1安装tomcat tomcat3.2、Tomcat启动和配置3.3、配置3.4、发布一个we原创 2022-03-08 08:17:10 · 153 阅读 · 0 评论 -
飞行棋(C#)
文章目录效果展示主函数场景类型枚举控制台基础设置开始及结束场景逻辑游戏场景逻辑固定打印的信息格子类型枚举和格子结构体地图结构体玩家和电脑结构体绘制玩家扔骰子逻辑效果展示主函数 static void Main(string[] args) { int w = 50; int h = 30; ConsoleInit(w, h);原创 2022-03-07 10:42:14 · 142 阅读 · 0 评论 -
解决Edge浏览器无法同步问题
在地址栏输入 edge://sync-internals/ ,Server URL中无数值,此时设备不能同步。修改Windows的hosts文件,添加:52.167.253.237 activity.windows.com52.167.253.237 edge-enterprise.activity.windows.com52.167.253.237 edge.activity.windows.com再次打开 edge://sync-internals/ ,可看到Server URL中有数值,原创 2022-03-07 09:39:47 · 11098 阅读 · 3 评论 -
手把手教你禁止访问某个网站
最近总是喜欢刷微博看某几个博主写的文章,但是耽误了学习时间,为了控制自己,想把微博这个网站禁止了,尝试了好多种方法。1. 改写hosts文件找到,c盘下C:/WINDOWS/system32/drivers/etc/hosts,用记事本打开这个hosts文件,在文件的最后添加一行 “ip地址 域名”ip地址是我们要访问的这个网站的ip,域名就是网站网址。ip地址查询参考下面链接的这个方法,在这里就不细说了,照着做就行。怎样查看某个网站的IP地址_百度知道我这里要禁止的是微博,添加的这一行就是,’原创 2022-03-07 08:19:46 · 24799 阅读 · 8 评论 -
Cannot find module ‘@vuecompiler-sfcpackage.json‘升级vue3.0报错
Cannot find module '@vue/compiler-sfc/package.json’升级vue3.0报错只需要运行这个两个就可以了yarn add vue@nextyarn add @vue/compiler-sfc -D原创 2022-03-07 07:55:25 · 407 阅读 · 0 评论 -
升级node到指定版本
介绍这里主要介绍,升级node到指定的版本的方式。步骤使用快捷键 Windows+R, 输入 cmd 打开命令窗口,输入命令,查看当下 node的版本, 命令如下;node -v如果当前版本较低,则可以开始升级,命令如下;npm cache升级前还需要使用 npm全局安装一个管理 node版本 的管理模块 n,命令如下;npm install -g n如果报错如下,则可以在刚刚的命令上家上 –force 即可 ,命令如下;npm install -g n --forc原创 2022-03-06 04:48:10 · 7398 阅读 · 1 评论 -
前端实现WebSocket即时通讯
要实现客户端与服务器端的通信,最常接触的是http(https)协议,http通信只能是客户端发起请求,服务器响应。服务器不能主动向客户端传递消息。HTTP 协议无法做到服务器主动向客户端推送信息,2008年诞生的WebSocket 协议可以实现客户端与服务器端的双向对话,即:服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息。WebSocket 协议的底层协议也是TCP协议WebSocket 协议的标识符为ws,加密后为wssWebSocket 协议没有同源限制,即WebSocke原创 2022-03-06 04:27:00 · 2158 阅读 · 1 评论