![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 61
普通网友
这个作者很懒,什么都没留下…
展开
-
Uniapp动态修改CSS(通过js修改CSS)
例如产品给了我们个需求需要点击一次按钮来使得view的高度增加10px在html开发中很好实现,但是在uniapp开发app的时候发现并不能通过document.getElementById("")来指定。那么该怎么实现呢?往下看。1.先搭建页面嗯~我知道很丑,但就酱紫。2.重点!!!改造代码,将vHeight放入的style标签中。注意看改造后的style嗯~改造完成,试一下效果。确实生效了。总结一下js中动态修改css样式,需要先定义好要修改的变量,注意style的书写格式1原创 2022-03-12 13:17:17 · 2280 阅读 · 0 评论 -
vue-cli2,vue-cli3(vue脚手架)超详细教程
文章目录vue-cli脚手架Node.js环境安装vue-cli2的安装npm,cnpm介绍安装脚手架用脚手架生成项目目录vue-cli3的安装使用vue-cli3图形界面vue-cli脚手架顾名思义,脚手架就是用来协助,配合,帮助构建一个项目的。使用vue-cli仅需5分钟就可以搭建一个完整的Vue.js应用,相较于人工操作,具有安全,高效的特点。vue-cli与平台无关,功能更加齐全。无论是预编译模板,注入依赖,还是模拟生产环境等功能,vue-cli都具原创 2022-03-11 20:11:50 · 473 阅读 · 0 评论 -
Uncaught TypeError Object(...) is not a function at resetStoreState (vuex.esm-browser.js55021
目录原因:Vue 2.x和Vuex 4.x版本不对应同样的问题也会出现在vue-router等依赖包上问题控制台报错vuex源码报错google浏览器源代码?VSCode解决补充:运行Vue项目原因:Vue 2.x和Vuex 4.x版本不对应Vue 3 匹配Vuex 4 ,Vue 2 匹配Vuex 3Vuex 是什么? | Vuex[这里是图片001]https://vuex.vuejs.org/zh/问题控制台报错Uncaught TypeError: Object(…)原创 2022-03-11 18:48:46 · 3055 阅读 · 0 评论 -
Node.js连接redis显示ClientClosedError错误的解决方法
问题:调用redis的lpush函数显示lpush is not a function代码如下:const redis = require('redis');const db = redis.createClient();class Entry {... save(cb) { const entryJSON = JSON.stringify(this); db.lpush( 'entries', entryJSON, (err) =>原创 2022-03-11 14:48:10 · 1089 阅读 · 0 评论 -
JavaScript之彻底学会Event Loop
前言学习JavaScript执行机制能更好的理解JavaScript的代码执行顺序,进而更好的理解JavaScript的异步模式。Event Loop即事件循环,是浏览器或Node解决单线程运行时不会阻塞的一种机制。(也可以理解为经常使用的异步)在正式学习Event Loop之前,先提出几个问题:什么是同步与异步?JavaScript是一门单线程语言,那如何实现异步?同步任务和异步任务的执行顺序如何?异步任务是否存在优先级?同步与异步计算机领域中的同步与异步和我们现实社会的同步和异原创 2022-03-11 13:26:03 · 66 阅读 · 0 评论 -
element-plus SVG Icon 注册方法 @element-plusicons vue3 main.js统一导入及注册el-icon组件
安装element-plus SVG图标库npm install @element-plus/iconsMain.jsimport ElementPlus from 'element-plus';import * as ElIcons from '@element-plus/icons';// 此处省略若干业务代码const app = createApp(App);for(const name in ElIcons){ /* * 以elIcon为前缀的命名规则,是为了适配已经原创 2022-03-11 12:04:27 · 255 阅读 · 0 评论 -
2022 全栈开发报告:Python “火”得实至名归、前端框架依旧是“三巨头”
随着科技行业的日新月异,许多企业对于全栈开发人员的需求持续高涨——全栈开发人员好比“全能选手”,具备解决软件开发过程中各个层面的各种问题的能力:既能开发客户端应用,也能搞服务器端应用,甚至产品设计也是他们来。在全栈开发愈发“吃香”的趋势下,全栈开发者这一群体也愈发庞大:不论 2020 年还是 2021 年,在知名技术问答网站 Stack Overflow 的年度开发者调查报告中,全栈开发工程师一直是最为主流的开发人员类型。但也因全栈工程师忙于软件开发的方方面面,难免疏漏某些行业动势。为此,全栈开发者 B原创 2022-03-11 10:42:52 · 149 阅读 · 0 评论 -
超详细Vue-coderwhy个人学习笔记(一)(Day1-Day2)
必看笔记目录汇总以及资料源码的获取学Vue,看这篇就够了-Vue个人学习笔记汇总(含资料代码项目地址)本篇是Day1到Day2的笔记(如果觉得不错大家可以给我三连哦~欢迎一起学习交流,我的公众号:richGirlyyy)目录一、(了解)课程介绍课程介绍?项目介绍二、邂逅Vuejs(一) 、内容概述(二)、(理解)认识Vue.js?1.为什么要学习Vue.js2.简单认识一下Vuejs(三)、(掌握)Vue.js安装(四)、(掌握)Vue初体验1.Hell转载 2022-03-10 13:00:24 · 1520 阅读 · 0 评论 -
海康威视web控件开发+vue结合做网页开发
需求:vue的项目,需要在页面展示出海康的硬盘录像机连接的摄像头的实时监控画面以及回放功能.准备:web开发包(包含插件以及demo,在海康官网即可下载32位64位的都有.那些需要积分下载的博主良心不疼么.)点击这里下载:链接: https://pan.baidu.com/s/12FrbycWyWWyiRJH5Yd1tPA 提取码: gam5开始开发:1.安装demo目录下的WebComponentsKit.exe插件(根据自己的浏览器以及系统选择32位还是64位的插件)2.打开demo.ht原创 2022-03-10 11:39:29 · 3809 阅读 · 2 评论 -
关于eslint遇到的报错信息以及解决方法
1、 Duplicate key/ Duplicated key存在重复声明的key值,视情况解决(PS:在uniapp中// #ifdef H5test: 1// #endif// #ifdef MP-WEIXINtest:2// #endif这样的情况也会报错)2、 Parsing error: x-invalid-end-tag vue/no-parsing-error这种报错是因为vue将标签渲染为原生标签的时候,有些标签是自闭合的,所以有end标签会报错解决方法是设置规则原创 2022-03-09 13:56:16 · 1250 阅读 · 0 评论 -
【FeignClient报错】Cannot deserialize value of type``from Object value (token `JsonToken.START_OBJECT`)
1. 问题描述@FeignClient(name = "dataServiceQueryInterface", url = "${url}:${port}")public interface DataServiceQueryInterface { @GetMapping("/dataReport/getSysAreaAllList") List<SysArea> getSysAreaAllList() throws Exception;}使用接口获取数据时报错:Ser原创 2022-03-09 12:35:48 · 1396 阅读 · 0 评论 -
vue实现调用摄像头扫描二维码功能
场景在使用vue开发的h5移动端想要实现一个调用摄像头扫描二维码的功能。可能一时间想到的解决方案就是调用微信的sdk,但是这个微信的扫一扫只能在微信里用,而且还需要公众号认证等配置操作。很麻烦。可以但没必要,万一你的h5和公众号没有任何关联,不久徒增烦恼吗?于是,查阅博客,果然有大佬写过文章。参考博客:vue扫一扫效果图注意:这里本地要用localhost。发布之后要用https的才可以看到。(你的设备也必须有摄像头)代码实现安装npm install @zxing/library原创 2022-03-09 11:12:29 · 5190 阅读 · 5 评论 -
vue3+ts使用vue-router4的使用
vue3+ts使用vue-router跳转vue3路由使用vue3+ts使用vue-router跳转前言一、路由(router)是什么?二、使用步骤1.安装路由2.引入路由3.在main.js中引入router 并挂载4.现在来讲一下如何在页面中使用5.下面是整体页面代码前言随着vue3的降临添加了不少的api特性,需要学习很多新特性的api,给许多小伙伴们带来更大的特性,下面简单的介绍一下vue3中router的使用。一、路由(router)是什么?Vue Ro原创 2022-03-09 09:51:31 · 1109 阅读 · 0 评论 -
Vite启动后提示“Network use `--host` to expose“,且无法通过网络IP访问服务
目录起因问题重现问题原因解决方法1. 修改 vite.config.js 配置2. 通过 Vite CLI 配置3. 修改 npm 脚本起因当使用 Vite 构建项目后,需要通过局域网中的电脑或手机访问服务调试时,发现通过 IP + 端口无法访问。问题重现当运行 npm run dev | serve 命令时,会显示一下内容。> vite-vue@0.0.0 serve /Users/UserName/Workspace/vue-vite> vite |原创 2022-03-09 08:16:49 · 778 阅读 · 0 评论 -
request failed with status code 400
今天部署线上服务器,突然出现一个问题。request failed with status code 400后端没有任何报错,就前端出现一个400。更离奇的是,我本地拿着线上的包复现问题复现不出来。后面仔细看了浏览器请求日志,发现是get请求,而且请求长度有点长,截图如下所以怀疑是不是线上做什么url长度限制。所以后面将该请求试着换成post请求,并将参数内容放到body下面后面果然可以了。博主新推出的gitee免费开源项目(商城+APP+小程序+H5),有兴趣的小伙伴可以了解一下。h原创 2022-03-08 13:36:29 · 7535 阅读 · 0 评论 -
nodejs安装和环境配置
nodejs安装和环境配置1.下载安装node.js官方下载地址: https://nodejs.org/en/ 下载LTS版本(长期稳定版本)安装可以更改安装路径(我的更改是D:Program Files)其余的都是选择 下一步, 安装测试是否安装 成功node -v 查看node的版本npm -v 查看npm的版本(新版的node安装自带安装npm)2.配置环境变量配置全局安装的模块路径和缓存路径(不一定是安装路径)在nodejs文件夹,创建 node_glo原创 2022-03-08 12:16:06 · 75 阅读 · 0 评论 -
javascript百炼成仙 第一章 掌握JavaScript基础1.4数据类型
修行还在继续,随着对要诀的深入,叶小凡明白,在编程世界,刚才的直接量都属于一种数据。和人有男女一样,数据也是有类型的。在JavaScript中,数据可分为两类,分别为原生数据类型(primitive type)和对象数据类型(object type)。心念一动,一个数字6立刻浮现在叶小凡体内的内存元海中,同时,为了不让数字消失,还专门定义了一个变量来指向那个数字。var num = 6;叶小凡心中已有明悟,这个数字和字符串都属于原生数据类型。那么,还有其他原生数据类型吗?心念扫过要诀,一炷香的时原创 2022-03-08 10:55:49 · 1004 阅读 · 0 评论 -
Error Network Error
前端vue,后端springboot,都正常启动但是页码没有数据!!!给我郁闷坏了!!!每个接口报的都是这个错误,结果查看后台发现nginx虽然启动了,但是后台没有进程!!!就很离谱!!!!发现原来是资料里给的nginx有问题,于是重新下了一个nginx!!!!!再一次被自己蠢哭!!!!一开始cmd打开nginx发现没问题的啊,就怀疑是端口的问题,对了端口发现也没问题,于是就一直在翻csdn也没有解决!!!!仅记录自己犯蠢的时刻!!!!(有跟我一样环境的同学报这个错误,可以尝试看看ng.原创 2022-03-08 09:35:32 · 3459 阅读 · 0 评论 -
Bootstrap broker localhost9092 (id -1 rack null) disconnected
现象描述:代码连接本地kafka没有问题 能监听到监听的topic,可获取通道中的所有topic将kafka放到服务器上,本地程序启动报异常,可获取kafka中所有的topic,但是监听topic不起作用启动时,报下面两个异常Bootstrap broker localhost:9092 (id: -1 rack: null) disconnectedConnection to node -1 (localhost/127.0.0.1:9092) could not be established.原创 2022-03-08 08:15:32 · 1921 阅读 · 1 评论 -
2021年最新Web前端面试题精选大全及答案
目录HTML、CSS相关Javascript相关三者的异同Vue相关55.Vue路由懒加载(按需加载路由)React相关react 生命周期函数******为什么虚拟 dom 会提高性能?(必考)(组件的)状态(state)和属性(props)之间有何不同shouldComponentUpdate 是做什么的react diff 原理何为受控组件调用 super(props) 的目的是什么React 中构建组件的方式小程序相关的其他企业中的项目流程奇葩问题HTML、C原创 2022-03-07 21:05:39 · 455 阅读 · 0 评论 -
解决cli4 - “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
出现警告:"export ‘default’ (imported as ‘VueRouter’) was not found in ‘vue-router’"export ‘default’ (imported as ‘Vue’) was not found in ‘vuer’—原因是cli4和cli3不太一样 需要引用相对应的使用的东西改成// import Vue from 'vue'// 不要引用整个Vue cli4默认创建是导入createApp方法import { createAp原创 2022-03-07 09:38:03 · 846 阅读 · 0 评论 -
手把手教你做出数据可视化项目(七)可视化图表数据动态获取及界面跳转
数据可视化前言:https://blog.csdn.net/diviner_s/article/details/115933789Apache Echarts简介:https://blog.csdn.net/diviner_s/article/details/115934089项目最终效果图:此篇博客为自己学习pink老师的课后完成的项目的总结与记录,仅供交流参考。版权所有,转载请标注原作者!使用echarts技术做的可视图,此外其项目包含 的技术有html、css、js、jquerry、aja.原创 2022-03-07 08:18:08 · 367 阅读 · 0 评论 -
十个古老而又强大的正则表达式,能让你少写1000行JS代码
正则表达式,十分古老而又强大。熟悉掌握并使用,可以在编程时节省很多时间和精力,开发效率得到极大的提升。比如下面这十个正则表达式,是日常前JS开发中经常用到的,且都验证过,可直接使用,建议收藏:1、Email地址验证var reg = /^[a-z0-9]+([._\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;var email = “abc@qq.com”;if(email.match(reg) == null原创 2022-03-06 04:46:30 · 90 阅读 · 0 评论 -
万恶的less-loader
报错:Failed to resolve loader: less-loader You may need to install it网上:npm install less less-loader --save-dev无用尝试:npm install less-loader巨坑!!!!!!!!!!!!!!!!ERROR Failed to compile with 1 error 11:35:29 ├F10: PM┤error in ./src/components/Login.vuevue&原创 2022-03-06 03:24:35 · 197 阅读 · 0 评论 -
Web前端——跨域问题
目录1.跨域问题2.为什么要跨域?演示跨域问题3.利用jsonp进行跨域演示jsonp跨域演示用jQuery的方式发送jsonp请求简化方法发送jsonp4.用cros进行跨域cros跨域演示5.proxy模式简介1.跨域问题什么是跨域?首先,现代浏览器为了安全,做了一个同源限制.也就是所谓的同源安全策略.本质上,其实是不存在所谓的跨不跨域的.把浏览器想象成一个发送网络请求的软件.按照道理来说,请求都是可以发送出去的.但是在 w原创 2022-03-06 02:03:45 · 163 阅读 · 0 评论 -
Vue3使用axios
一直用UNIAPP,这次项目要用vue来写,就比较纠结装了vue3,然后挺多不适应的,记录下接口使用吧安装$ npm install axios --save创建config.js这里创建拦截器跟配置域名import axios from 'axios';import { ElMessageBox } from 'element-plus';const config = { // baseURL: process.env.baseURL baseURL: 'https://www原创 2022-03-06 00:42:23 · 135 阅读 · 0 评论 -
Java项目成绩管理系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
源码获取:博客首页 “资源” 里下载!一、项目简述本系统功能包括: 超豪华成绩管理系统,学生,教师,管理员三类用户集 成,课程表管理,成绩查询,成绩详情数据统计,课程录 入,用户管理,账号管理。二、项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX (Webstorm也 行)+ Eclispe (IntelliJ IDEA,Eclispe,MyEclispe,Sts都支 持)。项目技术: Springboot + Maven + Mybatis +.原创 2022-03-05 20:29:29 · 424 阅读 · 2 评论 -
vite搭建vue3的项目中,ReferenceError Buffer is not defined
问题:下载文件,后端返回buffer,前端下载;浏览器报ReferenceError: Buffer is not defined原因:在页面中使用了Buffer,但是浏览器中JS没有Buffer对象,它是存在Node中。解决:将Buffer对象改用ArrayBuffer对象,ArrayBuffer对象是 ES6 才写入标准的。浏览器原生提供ArrayBuffer()构造函数,用来生成实例。它接受一个整数作为参数,表示这段二进制数据占用多少个字节。接口返回结果:改写后的下载方法:func原创 2022-03-03 22:56:09 · 970 阅读 · 0 评论 -
Syntax Error TypeError this.getOptions is not a function
出现问题场景:vue运行项目过程中报错检查代码中并无写错的地方其实涉及到这个问题,就是版本原因了,我安装的 scss-loader 版本太高,卸载安装低版本即可npm uninstall --save sass-loader // 卸载npm i -D sass-loader@8.x // 安装npm uninstall --save node-sass // 卸载npm i node-sass@4.14.1 // 安装// 如果node-sass安装失败,也可以直接在package.js原创 2022-03-03 17:22:53 · 116 阅读 · 0 评论 -
Java项目精美物流管理系统(java+SpringBoot+Vue+maven+Mysql)
一、项目简述本系统功能包括:数据统计、收件录入、发件录入、到件录入、派件录入、问题件录入、退件录入、留仓录入、装车录入、发车录入、到车录入、卸车录入、运单录入、运单编辑、运单查询、数据导入、签收录入、签收查询、快件跟踪、自定义跟踪、问题件跟踪、预付款管理、财务报表明细、现金账单、月结账单、代收货款、业务员提成、订单分配、订单查询、物品名维护、入库、出库、库存、物料、角色管理、用户管理、系统设置、员工维护、客户维护、网点维护、报价维护、其他维护、收发记录、到件预报。二、项目运行环境配置:Jdk1.8原创 2022-03-03 15:13:37 · 222 阅读 · 1 评论 -
Express 框架的使用(详细)
文章目录Express 框架1.1 Express框架是什么1.2 Express 框架特性1.3 原生 node.js 与 Express 框架对比1.4 基本使用(入门代码)2. 中间件2.1 什么是中间件2.2 中间件的基本使用2.3 app.use 中间件用法2.4 中间件应用2.5 错误处理中间件2.6 捕获错误3. express 请求处理3.1 构建模块化路由3.2 GET参数的获取3.3 POST参数的请求3.4 app.use()方法的进原创 2022-03-03 14:09:05 · 609 阅读 · 0 评论 -
Cannot deserialize value of type `java.util.ArrayList<xxx>` from Object value...的解决方案之一
JSON parse error: Cannot deserialize value of type `java.util.ArrayList<xxx.entity.ReviseInfo>` from Object value (token `JsonToken.START_OBJECT`); nested exception is com.fasterxml.jackson.databind.exc.MismatchedInputException: Cannot deserialize va原创 2022-03-03 12:17:38 · 2084 阅读 · 0 评论 -
用VUE实现一个具有登陆、注册等功能的网站【详细步骤】
用VUE实现一个具有登陆、注册等功能的网站【详细步骤】用VUE实现一个具有登陆、注册等功能的网站【详细步骤】一、主要功能二、实现思路1、页面设计2、功能设计3、重点和难点三、代码实现1、项目结构2、页面布局——html部分(以登陆界面为例)3、页面美化——css部分(以登陆界面为例)4、功能设计四、效果展示1、登陆页面2、注册页面3、主页五、总结用VUE实现一个具有登陆、注册等功能的网站【详细步骤】一、主要功能本次任务主要是使用VUE原创 2022-03-02 03:55:34 · 1172 阅读 · 1 评论 -
安装selenium教程
1、安装PythonPython下载路径:Download Python | Python.org官网比较现在比较慢,我用的是Windows64,Python3.8,如果有需要,可以留言留下邮箱发你Install Now是默认安装,建议不要选择这个;Customize installation是自定义安装,选择安装的路径,建议选择这个;勾选Add Python 3.X to PATH:加入系统变量。下图默认全勾选就好①验证是否安装成功:键盘win+R输入cmd,回车进入命令行,输入p原创 2022-03-02 02:52:00 · 15329 阅读 · 7 评论 -
web(一)基础知识
文章目录web开发(一)第一章web开发简介web概念:web开发网站访问过程第二章网页文件HTML语法基础HTML标签的三个要点HTML基本结构标签的分类HTML元素标签属性标题标签和段落标签网页元素标题标签段落标签图片标签,相对路径和绝对路径超链接标签无序列表和有序列表注意事项与编码规范第三章网页中插入表格表格的相关属性网页中插入表单表单标签表单控件CSSCSS简介什么原创 2022-03-02 00:44:43 · 132 阅读 · 0 评论 -
vue2的12种组件间通信方式,父传子,子传父,兄弟传值(超级硬核,宝藏)
玩之前创建一个 父组件 和 一个子组件 ,祝您玩的开心,整理了3多个小时,码字不易。1、props传递数据在父组件子组件添加自定义属性,挂载需要传递的数据,子组件用props来接受,接收方式也可以是数组,也可以是对象,子组件接收到数据之后,不能直接修改父组件的数据。会报错,所以当父组件重新渲染时,数据会被覆盖。如果子组件内要修改的话推荐使用 computed// Parent.vue 传送<template> ? <child :msg="msg"></chil.原创 2022-03-01 23:41:26 · 136 阅读 · 0 评论 -
SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【后端篇】【快速生成后端代码、封装结果集、增删改查、模糊查找】【毕设基础框架】
前后端分离项目快速搭建【后端篇】数据库准备后端搭建1、快速创建个SpringBoot项目2、引入依赖3、编写代码快速生成代码4、运行代码生成器生成代码5、编写application.properties6、在启动类上添加@MapperScan7、编写测试代码测试数据库是否连接正确8、编写后端的工具类代码(封装结果集、日期处理、解决跨域请求)9、编写后端的增删改查代码前端搭建由于篇幅有限,前端搭建单独再写一篇数据库准备data_test.sql:/*SQL原创 2022-03-01 19:58:42 · 1297 阅读 · 1 评论 -
postman测试websocket接口
详细操作可参考官方连接https://blog.postman.com/postman-supports-websocket-apis/原创 2022-02-28 22:33:53 · 1879 阅读 · 0 评论 -
Failed to execute goal com.github.eirslettfrontend-maven-plugin1.12.0yarn (yarn install)
thingsboard编译出错记录解决方案:删掉D: bapache-maven-3.8.2-bin epositorycomgithubeirslett文件夹(repository所在的文件夹comgithubeirslett)总结写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 前端开发 的学习思路及方向。从事互联网开发,最主要的是要学好技术,而学习技术是一条慢长而艰苦的道路,不能靠一时激情,也不是熬几天几夜就能学好的,必须养成平时努力学习的习惯,更加..原创 2022-02-26 23:27:12 · 2259 阅读 · 2 评论 -
catf1ag Web writeup(wp) 可能会持续更新
文章目录命令执行之我在干什么签到题webshell无字符webshellint命令执行《我的女友是机器人》变量覆盖_extract等于False啥都没了文件包含strcmpeasy_serialize什么?有后门easy_jsget_file命令执行之我是谁secret_keyeasy_flask小矛盾where is flags?random_flagxxelab_1CGIxxelab2urldecode命令执行之我在哪ENV命原创 2022-02-26 20:38:05 · 216 阅读 · 0 评论