ElementUI笔记 -- 1
ElementUI笔记 -- 1
vue工程项目案例(图书管理+用户管理) vue-router + element ui Plus
然后直接跳到 第三步的1、编写index.js(可以直接复制,前提是以上一、二步骤完成或者上面目录对应创建)3、删除app.vue里面的style以及其他不必要组件2、安装element ui Plus(1)、进入element官网element ui Plus(2)、点击指南找到安装中的使用包管理
axios的使用
这样我们封装的request函数就可以使用了,一般项目中我们都会创建一个文件夹用来放所有的接口,起名为api,在文件夹中创建不同页面的文件,写入不同的接口,首先要引入request。首先,需要在src文件夹下创建一个文件夹,一般取名为utils(是应用程序的简写,小方法)定义好了requst函数,如
XLSX插件使用 — 导入导出(含中文表头)(React+Antd 对上传表格做数据格式验证)
ReactAntdesignXLSX由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库,功能强大,支持格式众多,支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。
vue中引入TinyMCE实现富文本编辑器
vue tinymce 富文本编辑器
一文搞懂flex:0,1,auto,none
.markdown-body { color: rgba(56, 56, 56, 1); font-size: 15px; line-height: 30px; letter-spacing: 2px; font-family: -apple-system, BlinkMacSystemFont,
element中select多选回显
element中select多选回显
iframe 页面间的通信(分享)
在许多老的项目中使用的都是 iframe 进行的页面嵌套,我这里写了三个页面进行演示红色的页面为最外层,本地开的服务,端口为 5500,而黄色和蓝色的页面分别为第二层和第三层,端口为 5501专门做的不是一个端口,后面会有作用。
Node.js安装与配置环境(最新)
Note.js它是一个开源和跨平台的JavaScript运行环境,Note.js它还是任何类型项目流行的工具Note.js在浏览之外运行V8 JavaScript引擎Google Chrome的内核,这也使得Note.js性能非常的好,非常的大家的喜爱。
DOM操作元素-样式属性操作
我们可以通过 JS 修改元素的大小、颜色、位置等样式。element.style 行内样式操作element.className 类名样式操作一、element.style 行内样式操作使用element.style 获得修改元素的样式。更改的结果会变为行内样式。使用
什么???你连vue中父组件怎么监听子组件的事件都不知道?快来看看vue2和vue3中父组件监听子组件事件的区别吧
vue2和vue3中父组件监听子组件事件
webpack配置(超全loader和插件)
webpack webpack中的loader webpack 插件
Vue3:自定义指令以及简单的后台管理权限封装
说起这个自定义指令的使用场景,我第一反应就是,后台管理的权限管理,要问我为什么?就是ruoyi系统用多了😂;本篇就聊聊vue3的自定义指令以及若依的管理权限封装。如果对vue指令还是有点懵,不清楚这是vue哪一块的知识,v-if,v-show,v-for总用过吧?没错,指令说的就是它们,这些都是v
vue中轻量级模糊查询fuse.js使用
基于fuse.js插件完成模糊搜索的相关应用场景
前端实现真实可动态变化进度条,axios+ Ant Design Vue实现.
由于本菜鸡之前都是用的假的进度条,最近有一个新需求,要求在前端实现真实的进度条展示,让用户可以看到文件上传的状态,于是搞了一下这方面的,发出来和大家讨论
input输入限制以及校验之总结篇
input的输入限制是一个非常常见的需求,比如我们在一个表单内需要输入时间,则我们就需要限制输入的内容只能是数字,并且是正整数,这如果用表单校验也可以,但是如果直接可以通过input的输入限制,直接讲此扼杀在摇篮中那岂不是美哉下面就是我对一些常见的输入限制的一些总结:(本文的技术栈是Vue3)2.通
Element UI中el-tree 添加右键菜单的方法,附带问题和解决方案
2、建立一个右键组件,可以使用 el-menu 组件,优点是,可以借助el-menu 的 selec方法进行增删改查以及样式不用手写了,弊端是不容易获取点击的Dom,先暂时这样写吧。想到的解决办法是,点击该节点时,使用原生js的 contextmenu 事件,在事件中用 e.preventDefau
XSS绕过技巧
XSS绕过技巧
vue3项目使用WebSocket 传输 Protobuf 格式的数据
vue3项目中protobuf格式数据传输的示例项目。
js跨域问题及解决方法汇总
前端跨域问题的诞生和解决方法浅析。