前端
文章平均质量分 59
m0_54883970
这个作者很懒,什么都没留下…
展开
-
npm install安装报错 gyp info it worked if it ends with ok
前端vue新项目 npm install安装报错 gyp info it worked if it ends with ok1.可能原因1:node和node-sass版本冲突,对应的node和node-sass的版本如下2.node.js卸载与安装之前有安装过弄过node.js的如果node.js版本过高需要重新安装低版本node.js,在控制面板卸载node.js,再在node官网下载对应的msi包安装到之前的安装过node.js的文件夹下。低版本的node.js 只需直接下载高版本的m原创 2022-03-12 13:07:24 · 1809 阅读 · 0 评论 -
Vue 数组中出现__ob__ Observer无法取值[已解决]
问题说明在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用,但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值,更可怕的是 console.log 却能看得到值。数组如下图所示:解决问题那么针对这样的问题博客上基本上都是说要将数组转化成string对象运用这个JSON.parse(JSON.stringify(数组))再进行赋值,然后一顿操作数组变成空!!! 说实话根本不是这个原因,哎被坑了一下午!那么首先先解释一下为什么数组后面会出现__ob__:原创 2022-03-11 20:01:42 · 901 阅读 · 1 评论 -
selenium find_element_by_定位方式语法改变,提示find_element_by_ commands are deprecated
上周重装系统升级了python版本从3.6升级到了3.8,发现旧的脚本不能用了,显示如下提示:find_element_by_* commands are deprecated. Please use find_element() instead看了下 为啥之前的方法不能用了,如下 def find_element_by_id(self, id_) -> WebElement: """Finds an element by id. :Args:原创 2022-03-11 16:01:47 · 337 阅读 · 0 评论 -
mysql--④多表操作
文章目录? 多表关系? 外键约束概念外键约束:? 验证外键约束的作用? 删除外键约束多表联合查询(非常重要)? 内连接查询? 外连接查询多表关系一对一(一般是合并表),一对多/多对一(部门和员工),多对多(学生和课程)--用中间表外键约束概念专门用于多表关系的约束通过主表的主键来控制从表的外键外键约束:1、主表必须已经存在,或者正在创建2、必须要给主表设置主键列3、主键不能包括空值,但是外键可以包括空值4、在主表的表名后面指定的列明或者列名的组合。 这个列原创 2022-03-11 14:38:08 · 86 阅读 · 0 评论 -
Java-Jackson使用详解
Java-Jackson使用详解序列化Json是什么?1.基本规则2.获取数据3.用途Jackson1.导入Jar包2.Json注解3.Json转为Java对象4.Java对象转换Json序列化序列化 (Serialization)是将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间,对象将其当前状态写入到临时或持久性存储区。以后,可以通过从存储区中读取或反序列化对象的状态,重新创建该对象。Json是什么?Jason是JavaScript Object Notati原创 2022-03-11 13:16:06 · 261 阅读 · 0 评论 -
el-calendar日历的各种样式及事件
效果图班和休互相修改功能el-calendar HTML代码段可以根据自己的需要显示内容,样式<template> <div class="la-container"> <div class="la-info-main"> <!-- 关于日历控件 --> <el-calendar class="lar-el-calendar" v-model="value"原创 2022-03-11 11:54:34 · 2050 阅读 · 0 评论 -
2021-2022 年 前端面试汇总 (完善中 ···)
2021-2022 年 Vue 面试题 汇总一、Web面试题1.web常见的五种前端布局方式(1)文档布局(text)文档流本质是 nomal flow (普通流、常规流)元素在文档中的特点 块级元素,和内联元素。缺点:在移动端不可以使用pc端的页面,两个页面的布局是不一致的,移动端需要自己再设计一个布局并使用不同的域名呈现(2)浮动布局(float)浮动一般用于让块级元素排成一行在同一行显示任何元素都可浮动,如一个元素设置为浮动元素,浮动元素无论最初是什么都会变成一个行块级元素,拥有di原创 2022-03-11 10:32:55 · 136 阅读 · 0 评论 -
基于springboot + vue 的个人博客搭建过程(新手村之外的世界依旧充满魅力)
承接上文:基于springboot + vue 的个人博客搭建过程(上线)目前博客项目经历重构后并成功上线,接下来记录优化部分部署优化1. idea集成dockerdocker开启远程端口修改该docker服务文件vi /lib/systemd/system/docker.service修改ExecStart这行(注释后修改为如下)ExecStart=/usr/bin/dockerd -H tcp://0.0.0.0:2375 -H unix:///var/run/docker.sock原创 2022-03-10 10:05:22 · 1561 阅读 · 0 评论 -
[项目经验]——vue优雅使用axios
???个人网站:code宝藏 ??,欢迎访问?????如果大家觉得博主写的还不错的话,可以点点关注,及时获取我的最新文章??非常感谢大家的支持与点赞??文章目录axios传参params与data传参封装axiosaxios传参params与data传参params 传参:参数以 k=v&k=v 格式放置在 url 中传递。springboot后端可以使用@RequestParam注解接受请求,或者保证参数名跟k一样时也可以接收到只要是使用.原创 2022-03-09 12:26:05 · 132 阅读 · 0 评论 -
vue基础:ElementUI的表单
文章目录ElementUI表单一个简单的案例表单的主要组件表单组件的使用行内的表单对齐方式表单验证自定义的验证规则表单内组件尺寸控制总结form模块的属性form模块的方法Form Methods(官方文档的,了解一下)form-item模块的属性ElementUI表单el的表单官网内容很多,看了一眼觉得心累了。但实际上它使用起来非常的方便,el为我们封装了各种组件,样式也大众。一个简单的案例代码如下(使用时确保引入了相关的组件)<templa原创 2022-03-09 11:02:12 · 2307 阅读 · 0 评论 -
Vetur:Root file specified for compilation
Vetur:Root file specified for compilation今天在App.vue组件中导入defineComponent定义的HelloWorld组件时出现了错误。提示:Root file specified for compilation原因:文件名发生过更改。解决:重启vscode遇到过很多次关于路径的问题了,大概总结下。注意文件路径导入是否正确,项目根路径是否对,文件名近期是否更改。...原创 2022-03-09 08:07:06 · 826 阅读 · 0 评论 -
react-router-dom v6.0新特性及路由守卫
一、概述v6相比v5,做了很多的优化。包括书写上更加的便捷,更加体现组件化思想。以往在处理路由嵌套和鉴权方面,v5的写法都靠各自开发人员去实现相对比较参差不齐。一下针对v6的配置做简单的介绍。二、useRoutesv6中路由的设置采用hook的方式,有点像vue的router的实例化。import {useRoutes} from "react-router-dom";import { Suspense, lazy } from 'react'const routes = [ { p原创 2022-03-08 13:26:43 · 285 阅读 · 0 评论 -
node-sass与node版本对应
https://github.com/sass/node-sass/releases?page=1记录一下这个网址可以看node-sass与node版本对应搞环境真是头大了原创 2022-03-08 12:06:22 · 1186 阅读 · 0 评论 -
Error @vitejsplugin-vue requires vue (>=3.2.13) or @vuecompiler-sfc to be present in the dependen
没有下载安装axios运行依赖或者缺少这个库没有安装npm i @vue/compiler-sfc原创 2022-03-08 09:25:51 · 3341 阅读 · 1 评论 -
antdesign 组件样式按需导入,vite插件,vite-plugin-style-import
//vite.config.ts{ plugins: useVitePlugins(viteEnv, isProduction)}export function useVitePlugins(viteEnv: ViteEnv, isProduction: boolean) { const { VITE_USE_IMAGEMIN, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DEL_SOURCE_FI原创 2022-03-08 08:05:46 · 560 阅读 · 0 评论 -
2021 前端 VUE 面试题总汇
文章目录1、vue的生命周期2、Vue2.x 双向绑定原理3、Vue3.x 响应式原理4、v-for 为什么要加上 key5、Vdom的理解6、vuex 的结构,以及 actiion 和 mutation 的区别7、axios 的原理以及优点,如何终止 axios 请求8、vue 的缺点9、vue 和 react 区别10、computed 和 watch 区别,以及 computed 如何实现缓存和更新的11、hash 和 history 区别 ,分别是怎么实现的12原创 2022-03-07 20:55:05 · 376 阅读 · 0 评论 -
苹果iOS捷径(快捷指令)自动填写表单
苹果iOS用户可以通过捷径(快捷指令)快速完成表单填写以提高工作效率。本文主要介绍如何通过捷径(快捷指令)调用 JavaScript 在网页运行的方式快速填写表单。效果展示:捷径(快捷指令)在网页上运行JavaScript 脚本基本格式:var result = [];// JavaScript代码// 调用 Completion 以完成completion(result);以疫情期间在校生出入校园申请表为例:首先分析表单所需要填写的信息类型,在本例中,类型主要有文本框、单选按钮、原创 2022-03-07 09:28:21 · 4338 阅读 · 2 评论 -
怪兽充电小程序
第一首先看中心点上有个小图标实现方式,我们可以使用map 结合一个图片覆盖物实现,在结合定位 <map id="myMap" show-location enable-poi enable-building :latitude="latitude" :longitude="longitude" :markers="markers" @regionchange="anchorpointtapmap"...原创 2022-03-07 08:04:58 · 464 阅读 · 0 评论 -
【面试利器】 原生JS灵魂拷问,你能答上多少(一)
前言目前的前端世界,三大框架横行,原生JavaScript所用越来越少。但我认为JavaScript作为每一个前端工程师的立身之本,学再多遍都不为过。因此我决定整理JavaScript中容易忽视或者混淆的知识点,写一系列文章,以灵魂追问的方式,系统且完整的带大家遨游不一样的JavaScript。系列文章【面试利器】原生JS灵魂拷问,你能答上多少(二)【面试利器】原生JS灵魂拷问,你能答上多少(三)JS类型之问——检测篇第一问:js中的数据类型有哪些?原始数据类型:共有7种Boole原创 2022-03-06 03:14:46 · 106 阅读 · 0 评论 -
wangEditor-v5使用
1、介绍wangeditor基于 slate 内核开发,但不依赖于 React ,所以它本身是无框架依赖的。并且,官方封装了 Vue React 组件,可以很方便的用于 Vue React 等框架。本文介绍的是wangeditor v5版本,所用到的项目例子和版本是vue3+wangeditor v52、安装安装 editoryarn add @wangeditor/editor# 或者 npm install @wangeditor/editor --save安装 React 组件yarn原创 2022-03-06 01:53:58 · 1298 阅读 · 1 评论 -
Vue3.x +Vite引入第三方Cesium包的配置方法
1. 简介在基于Cesium的应用开发过程中,经常会遇到要用的库并不是标准Cesium官方包的情况,官方包的Vue集成是相当成熟的,可以查看的资料也比较多,但是对于非官方的包引用集成,特别是在Vue3+Vite环境中,则是很少被人讨论到。本文针对在实际项目中,介绍如何在Vue3.x+Vite+TS环境引入第三方修改后的Cesium包进行集成开发的配置方法。2. Vue3.x+Vite环境搭建安装vite:cnpm install vite@latest创建项目:yarn create vite ce原创 2022-03-06 00:32:36 · 1385 阅读 · 1 评论 -
element-ui的el-select选择器的@blur事件失效的坑
element-UI文档中本来el-select有个blur事件绑定函数属性。但是使用后发现有时候失焦事件并不能触发生效,也就导致所绑定的函数不能执行。解决办法:利用el-select的@focus方法,在select标签内 添加 ref 于此便可在focus事件内触发 blur事件。 代码如下: <el-select multiple filterable allow-create default-原创 2022-03-05 20:18:32 · 1780 阅读 · 0 评论 -
useHref() may be used only in the context of a <Router> component
报错原因useHref() 只能在 <Router> 组件的上下文中使用。因为在 Router 组件外面使用了 Link 组件,所以导致报错。解决方法将其删除掉,因为该组件已经交给路由组件负责渲染了。原创 2022-03-03 22:45:09 · 868 阅读 · 0 评论 -
uni-app实战项目,跟着做完你就可以独立作战了(四)
标签页实现新建home-label页面pages.json中设置我们在tab中设置点击事件跳转到标签管理页页面布局效果:实现:我们去数据库动态获取标签在这个云函数中做一个改造通过变量来判断是显示编辑还是完成,是否显示true为完成、false为编辑,不显示页面显示效果我们先获取数据循环显示到页面中事件处理添加两个单击事件(此时还没有连接数据库哦)点击推荐内容就放到我的里面点击我的里面的放到推荐中并且自己的删除掉这个方法也可以哦加入连原创 2022-03-03 21:49:54 · 110 阅读 · 0 评论 -
sharding-jdbc-spring-boot-starter最简单使用
前言网上已经有很多的关于sharding-jdbc的使用,但是很多都是抄来抄去,说的也不是特别的完整,作者本来是闲来无事想跑起来试一下效果,但是找了一些文档都不是说的很明白。而且很多都是使用的是sharding-jdbc-core ,但是我们现在开发应该很少用spring mvc开发吧,大部分都是springboot开发,所以还是想用starter的方式。经历不断试错后搭建起最简单的、配置代码最少的测试案例。如果帮助到了你帮忙点赞啊。一、引入依赖mybatis-spring-boot-starte原创 2022-03-03 17:12:03 · 1446 阅读 · 2 评论 -
npm ERR Error while executing npm ERR CProgram FilesGitcmdgit.EXE ls-remote -h -t sshgit@
记录错误npm ERR! Error while executing:npm ERR! C:Program FilesGitcmdgit.EXE ls-remote -h -t ssh://[email protected]/sohee-lee7/Squire.gitnpm ERR!npm ERR! Host key verification failed.npm ERR! fatal: Could not read from remote repository.npm ERR!npm ERR!原创 2022-03-03 16:07:20 · 726 阅读 · 0 评论 -
JavaScript实现一个录屏功能
阅读目录1、创建一个HTML2、使用mediaRecorder录制并存入变量中3、停止屏幕共享播放录制视频4、自动下载录制的视频5、完整代码1、创建一个HTMLOBS studio很酷,但 JavaScript 更酷,现在,我们用 JavaScript 创建自己的录屏功能。首先,创建一个HTML文件,包含记录按钮和一个播放标签,内容如下:<!DOCTYPE html><html> <head> <title>Parcel S原创 2022-03-03 15:02:47 · 231 阅读 · 1 评论 -
Element的input密码框小眼睛(点击眼睛显示密码,再次点击图标隐藏密码)
一、知识点:带 icon 的输入框,可以通过 prefix-icon 和 suffix-icon 属性在 input 组件首部和尾部增加显示图标,也可以通过 slot 来放置图标。因为图标涉及点击事件,带 icon 的输入框,采用的是 slot 方式。slot=“suffix” 表示,图标会出现在input 的尾部;二、实现思路要变化的有,图标样式和input的显示方式定义一个flag默认false,绑定input 的type值,flag为true时,type为 text 类型(可以原创 2022-03-03 13:58:22 · 5155 阅读 · 0 评论 -
Ant design vue的a-modal修改宽度与高度
修改宽度:修改高度:这样即可实现修改原创 2022-03-03 12:06:53 · 4715 阅读 · 0 评论 -
(毕设1)爬虫+mysql+flask+echarts实现网站数据可视化(附源码)
目录1. 项目要求与内容?2.数据爬取2.1分析url,网页源码2.2编写代码2.3 数据清洗3.数据存储3.1?mysql中需要建立的6张表3.2 建表语句3.3将2中清洗后的数据通过navicat导入4.flask web网站的搭建4.1 使用pycharm建一个flask项目4.2 后端4.3 前端4.4项目框架5.项目展示6.源码?点击1. 项目要求与内容利用python爬取数据并进行清洗和预处理,将清洗后的数据存到mysql数据库中,后端利用flask框架,用原创 2022-03-02 13:45:49 · 1302 阅读 · 1 评论 -
Web安全 渗透测试 的漏洞利用
本文章是DVWA靶场来模拟,所有答案均为个人想法.(有更好的答案可以评论.)内容有:(1)SQL注入方式(sqlmap工具的利用)通过SQL注入漏洞一步步拿到管理员后台的账号和密码.(2)寻找网站后台的登陆页面.(3)一句话木马的编写.(4)通过一句话木马连接服务器,并拿到服务器的权限.(5)文件上传技巧和绕过一些比较简单的限制.(6)随意下载和上传服务器的文件.(7)远程连接控制服务器.渗透机:kali工具 1:sqlmap工具 2:burpsuite**本地自己搭建的DVWA靶场:**Win原创 2022-03-02 12:40:56 · 656 阅读 · 0 评论 -
浏览器报:netERR_EMPTY_RESPONSE解决方案
阅文时长| 0.48分钟字数统计| 782.4字符主要内容| 1、引言&背景 2、修改注册表的解决方案 3、声明与参考资料『浏览器报:net::ERR_EMPTY_RESPONSE解决方案』编写人|编写时间| 2021/12/17 AM10:28文章类型| 系列完成度| 已完成座右铭每一个伟大的事业,都有一个微不足道的开始。一、引言&背景完成度:100%a) 应对问题&背景浏览器报 net::ERR_EMPTY_RESPONSE。是谷歌浏览器中的原创 2022-03-02 03:45:00 · 2379 阅读 · 0 评论 -
在线翻译、计算、学习、去除所有广告的CSDN浏览器助手
目录一、前言二、安装教程1.打开下载链接2.配置插件三、使用教程1.页面介绍2.功能布局四、脚本功能·兼容油猴脚本安装使用1.安装油猴脚本2.油猴脚本使用教程五、超神的脚本推荐1.Github 增强 - 高速下载2.右键在新标签中打开图片时显示最优化图像质量3.Search By Image4.文本选中复制5.Google网页翻译6.youtube中文字幕7.简悦( SimpRead ) · 轻阅版8.AC-baidu六、建议一、前言CSDN浏览器助手v2.1原创 2022-03-02 02:41:25 · 335 阅读 · 0 评论 -
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
我是歌谣 放弃很容易 但是坚持一定很酷1前言本文根据自己工作经历编写,若有不合理之处,欢迎吐槽2定义后台管理系统什么 对一个页面进行增删改查 是不是有点像,不重复定义3第一次接触后台管理系统第一次接触后台管理系统是某b站的一个后台管理系统(Vue+Element 实现电商管理系统)那时候还是很努力的去跟着视频编写当时也是认真编写完成这个后台管理系统现在已经找不到那个代码了 当时换了电脑 代码就丢失了反正是b站的视频学习所得3.1原始版后台管理(Vue+Element电商管理系统).原创 2022-03-02 01:37:44 · 671 阅读 · 0 评论 -
VUE项目报错Error Cannot find module ‘webpacklibRuleSet‘_解决
1、报错Error: Cannot find module 'webpack/lib/RuleSet'在第一个问题的时候还试过把node_modules文件夹和package-lock.json文件删除然后再npm install,不知道有没有用,一起做个笔记把解决方案:https://segmentfault.com/q/1010000012177571/a-1020000012180629底下的评论2、执行完之后运行报错Error: Rule can only have one res原创 2022-03-02 00:34:11 · 2169 阅读 · 0 评论 -
vue 中使用$refs,报this.$refs.xxx.xxx() is not a function
this.$refs.xDown2.showPanel() 官网上例子时这么用的,我照着搬下来,竟然报上面的错误,找了好久也看不出哪里写错了,后来请假qq群里的大佬,得以解决。打印console.log(this.$refs.xDown2),发现控制台打印的的dom对象是个数组,使用[0],得以解决上面的问题。如this.$refs.xDown2[0].showPanel();...原创 2022-03-01 23:30:46 · 1563 阅读 · 0 评论 -
Property ‘xxx‘ does not exist on type ‘xxx‘报错解决
用ts写一个组件的时候,遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错,但神奇的是竟然还能正常运行。在参考一些正确的代码后,有两个解决方案。在export default class Add extends Vue {} 里面定义对应的Prop:import { Component, Vue, Prop } from “vue-property-decorator”;import { mapState } from “vue原创 2022-03-01 18:54:38 · 6770 阅读 · 0 评论 -
npm 报错 426 Upgrade Required
ERR! 426 Upgrade Required解决方法更新 node 版本到 14.18.0 以上,可以参考:https://www.jianshu.com/p/e6d3f7110a60然后升级 npm 的版本到最新npm install -g npm@latestnpm config set registry https://registry.npmjs.org/下面是详细的英文描述及原因When I try to publish a new package to npm or try原创 2022-02-28 21:43:20 · 972 阅读 · 0 评论 -
leecode---js实现两数之和
题目描述给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1:输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。示例 2:输入:nums = [3,2,4], targ.原创 2022-02-28 20:09:49 · 113 阅读 · 0 评论 -
elementui中el-cascader级联选择器回显解决办法(稳定有效)
1、场景描述这里展示的是已经获得后台传回来的需要回显数据,在级联选择器中进行回显,并且能保持稳定回显2、解决办法2.1、在el-cascader标签中加入:key=“modalKey”v-model=“choose”2.2、在data中定义data() { //定义变量和初始值return{modalKey: 0,choose: [],}},2.3、赋值参考以下代码methods:{ //创建具体的方法,getInfo() {course.getCours原创 2022-02-26 23:14:56 · 2253 阅读 · 0 评论