![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 51
普通网友
这个作者很懒,什么都没留下…
展开
-
avue upload 增加参数
在某项目中使用avue crud upload 控件实现文件上传。想要携带参数,依据文档可配置data参数,应该于upload-before事件中进行data赋值,以达到修改参数的目的。上源码:crud upload column// 子grid上传信息表格(带upload字段)export const tableUploadOption = { border: true, index: false, indexLabel: '序号', stripe: true, menuAlig原创 2022-03-12 12:18:27 · 2457 阅读 · 0 评论 -
Error in v-on handler “ReferenceError XXX is not defined“
vue 编译的时候可能会出现 Error in v-on handler: “ReferenceError: XXX is not defined” 这个问题,这个可能是因为你没有引用相应的组件, vue 的 js 方法报错,引用后就可以了总结写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 前端开发 的学习思路及方向。从事互联网开发,最主要的是要学好技术,而学习技术是一条慢长而艰苦的道路,不能靠一时激情,也不是熬几天几夜就能学好的,必须养成平时努力学习原创 2022-03-11 21:50:50 · 12381 阅读 · 0 评论 -
Element Plus最新图标引入以及使用方法,icon动态组件,点击切换图标
最新版本的Element Plus已经移除了Font icon,以下引入以及使用方法为亲测可用的,但是不知道后续是否还会改变,大家可以借鉴一下。本人使用版本“element-plus”: “^1.3.0-beta.1”,“@element-plus/icons-vue”: “^0.2.6”,“typescript”: “~4.1.5”1.安装# Choose a package manager you like.# NPM$ npm install @element-plus/icons原创 2022-03-11 21:47:31 · 2496 阅读 · 1 评论 -
Vue (Vue3) 入门 (学习笔记)
有过一点点 Vue2 的经验,准备系统学习一下 Vue,以最新的 Vue3 为准,记录一下 Vue 的学习笔记,也希望对其他人有帮助。文章目录安装、使用当做一个类库(library)使用当做框架使用安装 vue3运行、发布Vue 实战福利: Vue - Cheat Sheet安装、使用使用 Vue 一般有 2 中方式,一种是把它当做一个类库(library)使用,一种是当做框架使用,整个项目可以称作为 Vue 项目。当做一个类库(library)使用<scr原创 2022-03-11 19:44:44 · 228 阅读 · 0 评论 -
react-router v6路由拦截路由守卫路由鉴权
一个很常见的需求:有些路由,需要登录才能访问,不登陆的情况下访问它就跳转到登录页面。这里就用 Context 来实现路由鉴权。react-router v6稳定版出来了,有许多改变,以前拦截路由的方式也用不成了。在世界之外遨游了好久终于找到了一篇文章,学废了!整理学习一下分享出来。index.js 如下,路由写在了这里面:import { AuthProvider, RequireAuth } from './Auth.js'ReactDOM.render( <HashRouter&原创 2022-03-11 15:44:43 · 1003 阅读 · 0 评论 -
HTML标签
语法规范HTML标签是由尖括号包围的关键词,如HTML标签通常是成对出现的,如和,称为双标签(开始标签和结束标签)有些特殊标签必须是单个标签,如,称为单标签双标签关系分为两种:包含关系和并列关系 //与、为包含关系//和为并列关系基本结构标签即骨架<html> //根标签 <head> //头部,其中必须要设置title <title>网页标题</title> //网原创 2022-03-11 12:59:38 · 453 阅读 · 0 评论 -
解决sass-loader和node-sass版本冲突问题(太难了)
太难了,两天没有学习了,这个问题卡了很久,差点就放弃了,今天终于解决了,继续学习Vue!报错信息1:ERROR Failed to compile with 6 errors 7:45:21 PM error in ./src/components/advanceDemo/toastCom.vue?vue&type=styl原创 2022-03-10 12:34:25 · 584 阅读 · 0 评论 -
挑战一个盒子实现小米logo
大家好呀!学习完spring感觉神清气爽,今天突发奇想试试使用一个盒子来实现小米的logo,主要学习伪元素的使用,以及阴影的妙用,话不多说,看下最终实现效果??1,首先是 html 部分,只是用一个div<div></div>2,css样式首先是基础样式,全局取消内外边距以及使用的盒子模型给body设置flex布局 display: flex; align-items: center; justify-content: center; min-height: 100vh原创 2022-03-10 11:13:28 · 126 阅读 · 0 评论 -
什么是防抖和节流?有什么区别?如何实现?
防抖:高频率触发的事件,在指定的单位时间内,只响应最后一次,如果在指定的时间在触发,则重新计算时间(后面触发的事件执行,替代了前面的事件)function debounce(fn,time) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // 每当用户输入的时候把前一个 setTimeout clear 掉 timeout原创 2022-03-09 13:30:20 · 77 阅读 · 0 评论 -
You are running Node 10.15.3.Create React App requires Node 14 or higher.Please update your version
如果报错:You are running Node 10.15.3.Create React App requires Node 14 or higher.Please update your version of Node. 即node版本太低,需更新解决方案:①.安装一个node的管理工具 npm i n -g如果出现npm ERR! notsup Unsupported platform for n@2.1.8: wanted {“os”:"!win32",“arch”:“any”} (curre原创 2022-03-09 12:09:56 · 2090 阅读 · 0 评论 -
vue中使用Luckysheet实现Excel的导入、在线编辑、导出等功能
一、准备阶段1、在pubilic文件夹下的index.html文件中的head标签中引入Luckysheet的cdn文件 <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css' /> <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@原创 2022-03-09 10:46:02 · 4840 阅读 · 4 评论 -
vue2.0介绍以及网页版vue环境搭建
vue2.0介绍以及网页版vue环境搭建一、原生DOM与虚拟DOM二、Vue.js 是什么三、安装vue1、独立版本2. 使用 CDN 方法3、NPM 方法三、网页版vue环境搭建一、原生DOM与虚拟DOM首先,我们需要搞清楚两个概念,什么是原生dom,什么是虚拟dom传统的开发模式原生JS或JS操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中,我需要更新10个DOM节点,浏览器收到第一个DOM请求后并不知道还有9次更新操作,因此会马上执.原创 2022-03-09 09:12:47 · 238 阅读 · 0 评论 -
uniapp 请求封装,拦截器:请求拦截、响应拦截
目录结构:主要就是request.js和api.js文件,其他是我这边的业务需求文件。1. 全局请求封装:request.js// 全局请求封装export default (url, method, params) => {const token = uni.getStorageSync('token'); uni.showLoading({ title: "加载中" }); if(!token ){ // 执行没有登录的逻辑 return; } return n原创 2022-03-08 14:30:56 · 579 阅读 · 0 评论 -
Puppeteer使用总结
文章目录NodeJS环境配置MAC配置安装方式二:node版本管理:Linux配置Windows配置开发环境初始化基础环境百度OCR对接我的实例代码Docker部署小知识点Puppeteer 语法错误总结我的博客NodeJS环境配置Nodejs下载地址:http://nodejs.cn/download/MAC配置从官网下载并直接安装就可以了安装方式二:# 查看node版本brew search node# 安装nod原创 2022-03-08 13:10:32 · 1816 阅读 · 0 评论 -
Module not found Error Can‘t resolve ‘core-jsmoduleses.promise.js‘ in
未安装core-js在package.json所在目录 :npm i core-js -DERROR in ./src/js/index.js 1:0-48产环境配置15js兼容性处理srcjs'ERROR in ./src/js/index.js 2:0-39Module not found: Error: Can't resolve 'core-js/modules/es.promise.js' in 'D:DesktopMy FilesRecentlyStudyWebPackdemo3.w原创 2022-03-08 11:50:17 · 922 阅读 · 0 评论 -
Element el-table树形数据 tree-props使用注意事项
el-table树形数据 tree-props使用注意事项项目场景:问题描述:解决方案:写在最后项目场景:项目场景:使用el-table树形数据问题描述:根据element官网提示设置tree-props为{children: 'children',hasChildren: 'hasChildren'},data数据也设置了children和hasChildren属性,row-key也绑定了数据的唯一值变量id,但是树形结构就是出不来# 原因分析:找了很久的问题原因原创 2022-03-08 09:09:46 · 2418 阅读 · 3 评论 -
简单解决 Blocked a frame with origin XXX from accessing a cross-origin 。iframe跨域问题
大多数是因为使用 window.parent 或 top.xxxx在子页面,想使用父页面的参数,但是原因两个的域名不一样,所以会出现跨域问题解决方法:在子页面window.postMessage("message", '*');//后面的*号就是处理跨域问题的然后在父页面window.addEventListener('message', function (msg) {console.log(msg.data);})设置监听的方法就可以了...原创 2022-03-07 09:12:16 · 1486 阅读 · 0 评论 -
微信小程序报错: VM102 WAService.js2 Unhandled promise rejection TypeError
首先先看报错。报错的原因是版本问题。。我的默认版本是2.19.4我改成2.14.1之后就不会报错了原创 2022-03-06 05:41:14 · 1556 阅读 · 0 评论 -
前端HTML万字血书大总结,来看看你入门了吗?
一、认识WEB1. 1、 认识网页网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。1.2、浏览器浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。可能你最熟悉的是 IE浏览器,但是他的相应速度实在是太慢了。我们可以通过百度的流量研究院来查看目前浏览器的市场占比,2008年,大名鼎鼎的互联网巨头Google公司发布了它的首款浏览器Chrom原创 2022-03-06 04:20:27 · 184 阅读 · 0 评论 -
【Web 三件套】两万字带你入门 CSS
文章目录1. CSS 基本介绍1.1 认识 CSS1.2 CSS 基本语法规范1.2.1 基本语法1.2.2 样式风格1.2.3 样式大小写1.2.4 空格规范1.3 引入方式1.3.1 内部样式1.3.2 行内样式1.3.3 外部样式2. 选择器2.1 选择器的功能2.2 选择器的种类2.3 基础选择器2.3.1 标签选择器2.3.2 类选择器2.3.3 id 选择器2.3.4 通配符选择器2.3.5 基础选择器小结2.4 复原创 2022-03-06 02:58:32 · 152 阅读 · 0 评论 -
vue的封装request接口(详细)
由于一般使用axios,但是每个组件使用的话,每次都要调用axios还要写地址,如果想更改服务器的地址的话,就要一个组件一个组件的更改所以这就是封装的好处首先引入axios的依赖创建request.jsimport axios from 'axios'// create an axios instanceconst service = axios.create({ // baseURL: 'http://chenyp.top:8008', // url = base url + reque原创 2022-03-06 01:37:45 · 3150 阅读 · 1 评论 -
vue+element使用el-calendar日历自定义基本内容获取点击事件
需求:点击日历上的日期 更新下面的数据需求是可以用官网上的基本el-calendar,但是没有点击之后获取日期做其他事情的方法。。。所以只能自己自定义一个了,做完的图如下图,默认选择当天+1天第一步:HTML的内容 <el-calendar v-model="calendar.productDate" :style="!showCalendar ? 'pointer-events: none; color: #eee' : ''" > //sho原创 2022-03-03 23:33:40 · 1055 阅读 · 0 评论 -
react 导入 react-router-dom引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom‘
react-router-dom从V5升级到V6后,有些使用做了一些改变:(1) Switch 重命名为 Routes// v5<Switch> <Route exact path="/"><Home /></Route> <Route path="/profile"><Profile /></Route></Switch>// v6<Routes> <R.原创 2022-03-03 16:54:52 · 417 阅读 · 0 评论 -
mybatisplus group by 归组
QueryWrapper<MetaItem> wrapper = new QueryWrapper<MetaItem>() .select("set_id,count(0) as field_count") .in("set_id",setids) .groupBy("set_id"); List<Map<String,Object>> list.原创 2022-03-03 15:50:21 · 1918 阅读 · 0 评论 -
IDEA配置tomcat的方法、IDEA配置tomcat运行web项目
IDEA配置tomcat的方法1.打开idea,在项目运行列表下拉选择“Edit Configurations”2.点击 左上角的"+">Templates -> Tomcat Server -> Local>ok3.在打开的界面,第一行“Name”中填入tomcat的名称4.然后点击Configure…,在Application Servers界面,点击“+”,在Tomcat Server配置界面选择要添加的已安装的tomcat路径(bin的上一级路径),最后点击“O原创 2022-03-03 14:45:45 · 10810 阅读 · 0 评论 -
Edge兼容性问题,无法使用,一个不兼容的软件尝试与Edge一起加载
Microsoft Edge出现兼容性问题,无法使用解决方法:打开注册表–进入HKEY_LOCAL_MACHINESOFTWAREPoliciesMicrosoft–新建项:Edge–在Edge项下面新建DWORD(32位):名称为RendererCodeIntegrityEnabled,值为0。最后显示:...原创 2022-03-03 13:41:21 · 8400 阅读 · 1 评论 -
送你一份入门前端学习路线图
互联网时代,只要公司有开发互联网产品的需要,包括网站、网页、H5、小程序、APP等,就一定少不了前端开发工程师岗位。如今的“大前端时代”,前端也已不限于传统PC端和移动手机端,随着VR、可穿戴设备、车载系统、智能投影等设备的出现, Web前端直接进入了各个垂直领域,前端开发将有更阔的发展空间。那么该如何学习前端技术呢?网上攻略很多,本文从自学前端该阅读什么书的角度为你解惑。首先送上前端学习阅读路线图:高清大图下载**:关注华章计算机,在后台对话框回复前端**章老师口解版夯实前端基础入门前端开.原创 2022-03-02 13:28:35 · 413 阅读 · 0 评论 -
解决报错 This dependency was not found(这个依赖没有找到)
错误的原因是你这个文件引入或使用了文件资源,但却没有找到我是因为写样式使用了less,却没有依赖,所以把less删掉或是下less依赖就可以了<style scoped lang='less'></style>报错全部信息ERROR Failed to compile with 1 errors 下午10:57:54This dependency was not found:!!../…/…/node_modules/extract-text-webpack-p.原创 2022-03-02 04:31:42 · 4879 阅读 · 0 评论 -
前端装逼必备--Canvas
如果写代码不是为了装逼,那人生将毫无意义。都2020年了,如果你从事前端开发,连canvas都不会用,那你拿啥去装逼?下面跟着笔者一起来看看canvas是啥,可以用来做啥,有哪些产品是canvas做出来的。Canvas介绍1.canvas是html5的一个新标签,属于h5的新特性2.canvas标签是一个图形的容器,简单点说就是一块画布,你可以在上画矩形,圆形,三角形,折线等等,也可以用来画logo3.它是通过javascript来画的,即脚本绘制图形canvas可以用来干啥呢?1.制作web原创 2022-03-02 02:24:36 · 395 阅读 · 0 评论 -
【已解决】EEXIST npm ERR path Dnodejsnode_globalnpmnode_modules@vueclibinvue.js npm ERR dest D
项目场景:npm ERR! code EEXISTnpm ERR! path D:odejsode_globalnpmode_modules@vuecliinue.jsnpm ERR! dest D:odejsode_globalnpmuenpm ERR! EEXIST: file already exists, cmd shim 'D:odejsode_globalnpmode_modules@vuecliinue.js' -> 'D:odejsode_glob原创 2022-03-02 01:20:56 · 301 阅读 · 0 评论 -
VUE中$t的使用
$t,是vue-i18n国际化插件使用这一插件时,当然需要先引入这一插件然后做好翻译工作翻译好后,就可以在代码中使用那么为什么不直接使用所需要的英文呢?为了中英文转换的方便,可以不需要在工程代码中进行修改,存在即合理呀~...原创 2022-03-02 00:17:26 · 1386 阅读 · 0 评论 -
vite&vue3中使用批量导入 import.meta.glob import.meta.globEager
vite glob-import 官方文档1.引入库以 Vuex4+ 批量导入store模块为例假设有如下目录结构代码:import { createStore } from 'vuex'导入模块const files = import.meta.glob('./module/*.js')或者const files = import.meta.globEager('./module/*.js')注意,路径需为以 ./ 开头)或绝对路径(以 / 开头,相对于项目根目录解析impo原创 2022-03-01 21:27:46 · 3039 阅读 · 0 评论