html
关注
分享
扫一扫
文章平均质量分 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 · 2643 阅读 · 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 · 12544 阅读 · 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 · 2698 阅读 · 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 · 263 阅读 · 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 · 1101 阅读 · 0 评论 -
HTML标签
语法规范HTML标签是由尖括号包围的关键词，如HTML标签通常是成对出现的，如和，称为双标签（开始标签和结束标签）有些特殊标签必须是单个标签，如，称为单标签双标签关系分为两种：包含关系和并列关系 //与、为包含关系//和为并列关系基本结构标签即骨架<html> //根标签 <head> //头部，其中必须要设置title <title>网页标题</title> //网原创 2022-03-11 12:59:38 · 511 阅读 · 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 · 646 阅读 · 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 · 287 阅读 · 0 评论 -
什么是防抖和节流？有什么区别？如何实现？
防抖：高频率触发的事件,在指定的单位时间内，只响应最后一次，如果在指定的时间在触发，则重新计算时间(后面触发的事件执行，替代了前面的事件)function debounce(fn,time) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // 每当用户输入的时候把前一个 setTimeout clear 掉 timeout原创 2022-03-09 13:30:20 · 91 阅读 · 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 · 2180 阅读 · 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 · 5188 阅读 · 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 · 264 阅读 · 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 · 774 阅读 · 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 · 1958 阅读 · 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 · 953 阅读 · 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 · 2568 阅读 · 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 · 1859 阅读 · 0 评论 -
微信小程序报错： VM102 WAService.js2 Unhandled promise rejection TypeError
首先先看报错。报错的原因是版本问题。。我的默认版本是2.19.4我改成2.14.1之后就不会报错了原创 2022-03-06 05:41:14 · 1594 阅读 · 0 评论 -
前端HTML万字血书大总结，来看看你入门了吗？
一、认识WEB1. 1、 认识网页网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。1.2、浏览器浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。可能你最熟悉的是 IE浏览器，但是他的相应速度实在是太慢了。我们可以通过百度的流量研究院来查看目前浏览器的市场占比,2008年，大名鼎鼎的互联网巨头Google公司发布了它的首款浏览器Chrom原创 2022-03-06 04:20:27 · 208 阅读 · 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 · 179 阅读 · 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 · 3193 阅读 · 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 · 1188 阅读 · 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 · 470 阅读 · 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 · 2326 阅读 · 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 · 11023 阅读 · 0 评论 -
Edge兼容性问题，无法使用，一个不兼容的软件尝试与Edge一起加载
Microsoft Edge出现兼容性问题，无法使用解决方法：打开注册表–进入HKEY_LOCAL_MACHINESOFTWAREPoliciesMicrosoft–新建项：Edge–在Edge项下面新建DWORD(32位)：名称为RendererCodeIntegrityEnabled，值为0。最后显示：...原创 2022-03-03 13:41:21 · 8866 阅读 · 1 评论 -
送你一份入门前端学习路线图
互联网时代，只要公司有开发互联网产品的需要，包括网站、网页、H5、小程序、APP等，就一定少不了前端开发工程师岗位。如今的“大前端时代”，前端也已不限于传统PC端和移动手机端，随着VR、可穿戴设备、车载系统、智能投影等设备的出现， Web前端直接进入了各个垂直领域，前端开发将有更阔的发展空间。那么该如何学习前端技术呢？网上攻略很多，本文从自学前端该阅读什么书的角度为你解惑。首先送上前端学习阅读路线图：高清大图下载**：关注华章计算机，在后台对话框回复前端**章老师口解版夯实前端基础入门前端开.原创 2022-03-02 13:28:35 · 601 阅读 · 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 · 5318 阅读 · 0 评论 -
前端装逼必备--Canvas
如果写代码不是为了装逼，那人生将毫无意义。都2020年了，如果你从事前端开发，连canvas都不会用，那你拿啥去装逼？下面跟着笔者一起来看看canvas是啥，可以用来做啥，有哪些产品是canvas做出来的。Canvas介绍1.canvas是html5的一个新标签，属于h5的新特性2.canvas标签是一个图形的容器，简单点说就是一块画布，你可以在上画矩形，圆形，三角形，折线等等,也可以用来画logo3.它是通过javascript来画的，即脚本绘制图形canvas可以用来干啥呢？1.制作web原创 2022-03-02 02:24:36 · 429 阅读 · 0 评论 -
【已解决】EEXIST npm ERR path Dnodejsnode_globalnpmnode_modules@vueclibinvue.js npm ERR dest D
项目场景：npm ERR! code EEXISTnpm ERR! path D:odejsode_globalnpmode_modules@vuecliin ue.jsnpm ERR! dest D:odejsode_globalnpm uenpm ERR! EEXIST: file already exists, cmd shim 'D:odejsode_globalnpmode_modules@vuecliin ue.js' -> 'D:odejsode_glob原创 2022-03-02 01:20:56 · 404 阅读 · 0 评论 -
VUE中$t的使用
$t，是vue-i18n国际化插件使用这一插件时，当然需要先引入这一插件然后做好翻译工作翻译好后，就可以在代码中使用那么为什么不直接使用所需要的英文呢？为了中英文转换的方便，可以不需要在工程代码中进行修改，存在即合理呀~...原创 2022-03-02 00:17:26 · 1463 阅读 · 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 · 3182 阅读 · 0 评论