前端
文章平均质量分 55
普通网友
这个作者很懒,什么都没留下…
展开
-
VSCode插件大全|VSCode高级玩家之第二篇
上一篇文章《VSCode常用快捷键大全》,我们了解到了VSCode中的常用快捷键。学会了快捷键可以让我们更高效和迅速的编写代码。但是没有IDE中的一些辅助功能,还是美中不足。VSCode没有安装插件,就等同于一把枪没有安装配件,打把的时候还是缺失精准度,开枪的时候也会有很重的后坐力。当然没有插件,也可以很好的编写代码,就是没有那么强而已。所以这篇文章会给大家介绍VSCode中最常用的插件,让我们的编辑器加上一双翅膀,让我们在编写代码的过程中如虎添翼的感觉。??所有插件,只要搜索插件名就能找到哦!.原创 2022-03-11 19:43:02 · 977 阅读 · 1 评论 -
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-03-11 14:20:04 · 103 阅读 · 0 评论 -
HTML期末作业-网上书城网上书店
HTML期末作业-网上书城网上书店,HTML+css+JavaScript,7个页面!部分源码<!DOCTYPE HTML><html><head><title>网上书城</title><link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"><link href="css/style.css" rel="styleshee转载 2022-03-11 12:58:00 · 2532 阅读 · 6 评论 -
CSS——CSS基础(一篇就够用)
CSS——CSS基础(一篇就够用)一.CSS概述1.什么是css2.作用3.css和html属性的使用原则二.CSS语法规范1.css的使用方式①行内样式,内联样式②内部样式③外部样式2.css的样式特性①继承性②堆叠性③优先级④调整优先级三.基础选择器1.通用选择器2.元素选择器3.ID选择器4.类选择器类选择器的其它用法①.多类选择器②.分类选择器③.类名的定义规范5.群组选择器6.后代选择器7原创 2022-03-11 11:36:34 · 930 阅读 · 0 评论 -
解决npm报错:‘cross-env’ command not found
解决方案删除node_modules文件夹重新installnpm install启动项目npm start原创 2022-03-10 12:32:49 · 711 阅读 · 0 评论 -
报错Failed to load config “prettier“ to extend from.两步解决方案
解决方案:1)进入项目根目录;npm i eslint prettier-eslint eslint-config-prettier --save-dev原因:I just had this error: I was manually installing the prettier modules, and only hadeslint-plugin-prettierbut noteslint-config-prettier.原创 2022-03-10 11:11:53 · 8059 阅读 · 0 评论 -
后端开发学习Vue(一)
Vue的介绍官网: https://cn.vuejs.org/Vue是一个简单容易上手前端框架例如:下面的代码可以快速构建一个表格: <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-原创 2022-03-09 14:49:08 · 445 阅读 · 0 评论 -
xss跨站脚本攻击
概述:主要指攻击者可以再页面中插入恶意脚本代码,当受害者访问这些页面时,浏览器会解析并执行这些恶意代码,从而达到窃取用户身份、钓鱼、传播恶意代码和控制用户浏览器等行为产生原因:由于web程序对用户的输入过滤不足、,导致用户输入的恶意HTML/Javascript 代码注入到网页中,混淆原有语义,产生新的恶意语句。在其他用户访问网页时,浏览器就会触发恶意的网页代码,从而达到XSS攻击的目的分类:反射型:恶意代码并没有保存在目标网站,通过引诱用户点击一个链接到目标网站的恶意链接来实施攻击输入:输原创 2022-03-09 12:08:21 · 117 阅读 · 0 评论 -
vue中swiper vue-awesome-swiper的使用方法和爬坑大法
文章目录由版本引起的一系列坑正确的使用姿势:安装(指定版本)组件中使用总结:由版本引起的一系列坑时间:2020.07.08(时间,版本很重要-坑的起源)这两天在vue中使用swiper做轮播图,就随手百度了一下,找个帖子开始参考(坑开始了)按照图中的方法,原计划5分钟搞定,一顿操作猛如虎,然后vue各种报错,然后再各种百度,结果开始了2天的爬坑之旅坑1按照上图安装方法,npm将安装最新的vue-awesome-swiper(@4),对应的是swiper6,但是国内暂时没有原创 2022-03-09 10:44:27 · 678 阅读 · 0 评论 -
vue.runtime.esm.js2b0e619 [Vue warn] Error in render “TypeError Cannot read property ‘matched‘
错误截图踩坑原因在配置vue-router的路由时和将router实例挂载至Vue实例上时,实例名称没有按照标准配置vue时在配置vue-router时,我们一般会将路由的映射关系抽成一个数组,就想下面这样const routes = [{ path: '', redirect: '/home' }, { path: '/home', component: Home }, { path: '/category', component原创 2022-03-09 09:11:10 · 2736 阅读 · 0 评论 -
uniApp 使用Vuex 出现 Cannot read properties of undefined (reading ‘commit‘)情况
最近下手uni app 尝鲜 想到vue全家桶的使用,vuex是必不可少的。使用实例使用完按照文档方法使用,发现了一个问题。在调用vue自定义的commit函数是会报错。Cannot read properties of undefined (reading ‘commit’)说是找不到,就在该函数外部打印输出发现是存在的,函数内的 通过this.$store取值为undefined。问题就找到了。其实解决方案就是不使用this实例的属性,上面使用import导入了一个store,这个就是定义的内原创 2022-03-08 14:29:18 · 3220 阅读 · 1 评论 -
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-08 13:08:56 · 23102 阅读 · 0 评论 -
Module build failed Error Node Sass version 7.0.0 is incompatible with ^4.0.0.@node_sass版本问题解决总汇
今天学习的时候遇到一个恶心的问题由于我的node.js为16.13.0 版本在学习vue时对着狂老师的代码敲时 由于版本号不对应导致node-sass 4.13.0sass-loader 7.3.1一直报错都麻了解决了好久。由于继承了老师所说的用就要用最新的原则我改了半天终于解决了。艰辛# 进入工程目录cd hello-vue# 安装 vue-routernpm install vue-router --save-dev# 安装 element-uinpm i element-ui原创 2022-03-08 11:48:42 · 1223 阅读 · 2 评论 -
in .srccomponentslogin.vuevue&type=style&index=0&id=10d9df09&lang=less&scoped=true&
ERROR Failed to compile with 1 error上午10:28:10 error in ./src/components/login.vue?vue&type=style&index=0&id=10d9df09&lang=less&scoped=true&Syntax Error: TypeError: this.getOptions is not a function @ ./node_modules/vue-s.原创 2022-03-08 10:28:20 · 266 阅读 · 0 评论 -
Electron 项目搭建采坑 RequestError connect ETIMEDOUT 20.205.243.166443
最近因项目需求,采用Electron,在进行项目初始化的时候碰到一个问题,经过多次Google才解决,所以特别记录一下,免得以后遗忘。报错如题:RequestError: connect ETIMEDOUT 20.205.243.166:443最近不知道怎么回事,总是打不开 github.com,要么就是加载慢的要死。直到遇到这个问题并经过处理后再打开 gitbub 就快了不少。标题废话不多说,上干货。首先感谢 境与界,这是他的博客地址根据前辈【境与界】的操作步骤一步一步的来哈。1.原创 2022-03-08 09:08:11 · 533 阅读 · 0 评论 -
除夕最炫烟花代码
一、效果展示:烟花特效二:代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2022-03-07 10:34:10 · 93 阅读 · 0 评论 -
移动端兼容宝典大全,专治各种不适
〝 古人学问遗无力,少壮功夫老始成 〞**移动端兼容宝典大全,专治各种不适,**你是否也曾为浏览器各种的不兼容而苦恼,尤其是IE这个牛皮癣,这篇文章可能会给你帮助哦,常码字不易,出精品更难,没有特别幸运,那么请先特别努力,别因为懒惰而失败,还矫情地将原因归于自己倒霉。你必须特别努力,才能显得毫不费力。如果这篇文章能给你带来一点帮助,希望给飞兔小哥哥一键三连,表示支持,谢谢各位小伙伴们。目录一、禁止复制、选中文本二、解决在IOS下页面滑动卡顿三、禁止图片点击放大四、解决input标签type为n.原创 2022-03-07 09:10:39 · 69 阅读 · 0 评论 -
微信小程序[渲染层错误] TypeError Cannot read property ‘replace‘ of undefined 【解决办法】
微信小程序报错:[渲染层错误] TypeError: Cannot read property 'replace' of undefined at rewritor (http://127.0.0.1:15386/__pageframe__/__extendedlib__/weui/latest/pageframe.js:176:44) at http://127.0.0.1:15386/__pageframe__/__extendedlib__/weui/latest/pageframe原创 2022-03-06 05:39:38 · 7580 阅读 · 0 评论 -
前后端分离项目,如何解决跨域问题?
跨域问题是前后端分离项目中非常常见的一个问题,举例来说,编程猫(codingmore)学习网站的前端服务跑在 8080 端口下,后端服务跑在 9002 端口下,那么前端在请求后端接口的时候就会出现跨域问题。403 Forbidden 是HTTP协议中的一个状态码(Status Code),意味着后端服务虽然成功解析了请求,但前端却没有访问该资源的权限。那怎么解决这个问题呢?通常有两个思路:前端使用 Nodejs 代理(开发环境下,生产环境下可以用 Nginx 替代)或者后端开启跨域资源共享一原创 2022-03-06 04:18:53 · 864 阅读 · 0 评论 -
【Vue项目实践】实现在线预览word文件、excel文件
JUST DO IT目录??一、查看word1.引用mammoth.js2. 页面布局3. 请求URL显示数据二、查看Excel? ? ? ? ?1.引用sheetjs2.页面布局3.?请求URL显示数据三、项目应用:根据详情后缀分情况显示word、excel? ? ? ? ?1. 效果展示2. 页面布局3.调用函数展示数据实现效果:一、查看word1.引用mammoth.js(1)安装 npm install --save mammothnpm install .原创 2022-03-06 02:56:54 · 1515 阅读 · 0 评论 -
Vue环境搭建+VsCode+Win10
如果觉得对你有帮助,能否点个赞或关个注,以示鼓励笔者呢?!博客目录 | 先点这里目录一、下载Node.js二、修改存放目录三、添加环境变量四、安装淘宝镜像五、安装Vue-cli六、项目创建创建方式一:图形化界面创建创建方式二:命令行创建安装element-ui关于地址栏的#号vue-cli目录解析七、VS插件安装八、新建.vue时添加默认内容一、下载Node.js官方网站:传送门(点我)这里建议勾上(会自动帮你创建一个NodeJs的环境变量)默认是添加了原创 2022-03-06 01:36:09 · 132 阅读 · 0 评论 -
vue3 定义全局方法(获取全局this)
在main.ts(main.js)中添加const app = createApp(App)app.config.globalProperties.$http = () => { alert(1111)}在组件中使用import { defineComponent, reactive, ref,getCurrentInstance } from 'vue'const _this:any = getCurrentInstance()console.log(_this.appCont原创 2022-03-06 00:14:41 · 2074 阅读 · 0 评论 -
React useNavigate 和 useLocation的使用
useNavigate 用来跳转并传值// 跳转传值import { useNavigate } from 'react-router-dom'const navigate = useNavigate(); function clickCityHandle(city) { navigate('/home', { state: { name: 'zhou' } }) }// 接收跳转传过来的值import { useLocation } from 'react-router-dom'原创 2022-03-03 16:53:15 · 1205 阅读 · 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-03 15:48:45 · 253 阅读 · 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-03 14:44:11 · 198 阅读 · 0 评论 -
ECharts社区里面的gallery在哪里?ECharts gallery新地址
学习echarts-map发现echarts 社区里面没有gallery了!!!找了好久,终于找到了,这是新地址:https://www.makeapie.com/explore.html赶紧收藏。原创 2022-03-03 13:39:46 · 707 阅读 · 1 评论 -
解决VScode提示: 无法将“node”“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
解决VScode提示: 无法将“node”“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。最后发现!!新建一个终端就好了安装node成功之后在cmd中能够正常运行,但是在vscode里一直提示无法识别,尝试了网上的各种方法:改成管理员运行改成管理员启动方法见这里添加环境变量修改环境变量见这里重启重新安装最后发现!!新建一个终端就好了点图上CMD旁边那个+号就可以啦!!搞了好久,最后还是师姐帮原创 2022-03-02 04:30:07 · 1610 阅读 · 1 评论 -
【学习笔记】 Thymeleaf的前端渲染(价值50)
【学习笔记】 Thymeleaf的前端渲染(价值50)??博客首页:** ????文章目的:Thymeleaf前端页面的渲染????博主也在学习阶段,如若发现问题,请告知,非常感谢????同时也非常感谢各位小伙伴们的支持????每日一语:不要在夕阳下时幻想,要在旭日东升时努力! ????吾之所学,献给诸君,愿诸君得有所获!??文章目录【学习笔记】 Thymeleaf的前端渲染(价值50)前言Thymeleaf的介绍配置工具Thymeleaf环境的配置1、导入jar包,原创 2022-03-02 01:19:22 · 396 阅读 · 2 评论 -
VueUse中文文档Vue官方工具库
VueUse官网地址https://vueuse.org/这里就列举常用工具详情请去官网 查看所有API浏览器useFullscreen全屏展示//isFullscreen 当前是否是全屏//toggle 是函数直接调用即可const { isFullscreen, toggle } = useFullscreen();useClipboard粘贴功能//text 粘贴的内容//copy 是粘贴函数const { text, copy, isSupported } = useCli原创 2022-03-02 00:15:52 · 1202 阅读 · 0 评论 -
video.js 报错:your browser did not support
video.js 报错:The media playback was aborted due to a corruption problem or because the media used features your browser did not support最近做H5页面实现加载直播流的功能。在pc浏览器上一切正常,但是在微信浏览器中打开页面就提示The media playback was aborted due to a corruption problem or because the m原创 2022-03-01 21:26:02 · 7520 阅读 · 0 评论