前端
文章平均质量分 51
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3+Element-Plus 实现用户列表页面的UI结构及动态加载表单功能 三一
1. 用户列表组件UI结构的组成1.1 头部是一个面包屑(Breadcrumb)导航区域1.2 白色区域是一个卡片(Card)视图1.3 卡片 (Card)视图中嵌套了输入框(Input )、按钮(Button)、表单(Form)、分页(Pagination )Breadcrumb 面包屑 | Element Plus (gitee.io)[这里是图片002]https://element-plus.gitee.io/zh-CN/component/breadcrumb.html2. 用户列表组原创 2022-03-11 20:50:51 · 2869 阅读 · 0 评论 -
visible.sync 的作用
我们在前端开发中经常看到:visible.sync这种修饰符,很多人不知道这是干什么的,特别是在使用ElementUI的时候,里面有个弹窗el-dialog组件的时候会有用到:visible.sync<el-button type="text" @click="centerDialogVisible = true">点击打开 Dialog</el-button><el-dialog title="提示" :visible.sync="centerDialogVi原创 2022-03-11 19:27:16 · 203 阅读 · 0 评论 -
Promise面试题汇总
关注微信公众号:前端充电宝,获取最新原创文章!目录关注微信公众号:前端充电宝,获取最新原创文章!Promise回顾Promise基础Promise的catch、then、finallyPromise的all和raceAsync、await其他题目下面题目主要和Promise以及JS的事件循环有关,题目均为代码输出问题(面试题从文章第二部分开始)。Promise回顾首先来回顾一下Promise是什么。Promise 是异步编程的一种解决方案,比传统的解决方案原创 2022-03-11 15:26:48 · 2423 阅读 · 0 评论 -
JS原型及原型链总结
原型&原型链一、为什么要使用原型?怎样去理解原型的出现1、对象字面量创建对象的缺点2、`工厂函数`3、构造函数二、使用原型三、原型概念辨析四、原型链练习一、为什么要使用原型?怎样去理解原型的出现1、对象字面量创建对象的缺点想要介绍原型,就不得不提为什么我们要使用原型,在js早期,我们创建一个对象,比较流行的做法是使用对象字面量去创建一个对象,例如:const person = { name: "wywy", a原创 2022-03-11 14:04:09 · 103 阅读 · 0 评论 -
Html —— 表白弹幕 特效(效果+代码)
目录效果代码说明效果鉴于图片大小,所以分开来显示的部分效果。字体颜色等都可以继续更改。代码表白.html<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>弹幕表白墙特效</title> <link rel="stylesheet" href="css/demo.css"/>&转载 2022-03-11 12:42:20 · 942 阅读 · 0 评论 -
Cannot deserialize value of type `java.util.ArrayList<xxx>` from Object value...的解决方案之一
JSON parse error: Cannot deserialize value of type `java.util.ArrayList<xxx.entity.ReviseInfo>` from Object value (token `JsonToken.START_OBJECT`); nested exception is com.fasterxml.jackson.databind.exc.MismatchedInputException: Cannot deserialize va原创 2022-03-11 11:20:56 · 1746 阅读 · 0 评论 -
情人节表白代码(1)
本文整个项目在我的资源里面—>>>情人节表白代码(1)里面有详细使用说明。其他表白代码:html表白代码大全:html表白代码大全情人节表白代码(2):情人节表白代码情人节烟花表白代码:网页表白代码烟花特效效果:照片,表白话语和背景音乐都可以改。本文核心代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>转载 2022-03-10 10:52:35 · 171 阅读 · 0 评论 -
前端解决跨域问题的三种方法
一、cors后端程序员提供的解决跨域访问的方法,和前端程序员没有关系,定义后端程序代码 让 所有的前端程序都可以访问后端的数据,后端程序告诉服务器这个后端程序的数据任何前端请求都可以访问,服务器就不再执行跨域访问拦截数据的操作。因为博主目前主攻前端对后端并不熟悉,因此这种方法暂不详细解答。二、服务器代理 proxy2.1 步骤(1)修改 Nginx或者 Apache 服务器文件,目前博主使用的是Nginx代理(2)在配置文件中的 server{ }中,一般是在最先方定义服务器代理locati原创 2022-03-09 14:33:38 · 413 阅读 · 0 评论 -
一招解决vue中Module not found Error Can‘t resolve ‘xxx‘
你是否遇到过类似于这种的报错,是不是觉得很头疼,不知道从哪解决。别急,下面两步解决问题。解决方案:1.删除项目文件夹下的node_modules文件夹2.执行npm install命令,重新安装包。执行完上面两步,应该就解决问题了。...原创 2022-03-09 13:13:12 · 21394 阅读 · 11 评论 -
web前端 html+css+javascript网页设计实例 企业网站制作
(案例文件链接在文章末尾,仅供学习参考)一、在浏览器中的运行结果:二、部分代码1.HTML:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>启乐官网</title> <link rel="stylesheet" href="style.css"/> <script src="myjs.j原创 2022-03-09 11:52:51 · 902 阅读 · 0 评论 -
vue3的watch监听方式
template部分<template> <h1>方式一:监听一个属性</h1> <p>求和:{{ sum }}</p> <button @click="sum++">方式一点我加1</button><br /> ------------------------------------------------------------------------------------<br原创 2022-03-09 10:28:56 · 285 阅读 · 0 评论 -
umi build报错:TypeError Cannot read properties of undefined (reading ‘toLowerCase‘)
umi项目打包时报错:原因时样式文件中出现了没有赋值的样式自测了一小部分样式,目前只发现margin、padding没有赋值时打包会报这个错误解决办法:如果代码仓库运行且打包是正常的就将本地开发的代码和分支上的代码进行比对,否则只有一个个去找(不知道广大码农们还有没有什么好办法)预防措施:在写代码时开启eslint检查,如果代码有问题或者不符合规范则会在编辑器中报出来...原创 2022-03-08 14:13:52 · 733 阅读 · 0 评论 -
npm错误 gyp错误 vs版本不对 msvs_version不兼容
npm错误 gyp错误 vs版本不对msvs_version 不兼容 windows SDK 报错执行更新GYP 语句第一种方案第二种方案执行更新GYP 语句npm install -g node-gyp最新的GYP 好像已经不支持Python 2.7 版本,npm 会提示你 更新都3.*.*版本安装 Node.js 的时候一定要勾选 以下这个 , 会自动检测安装缺少的环境第一种方案管理员运行 CMD (Power Shell 也行)执行更新工具集npm install -原创 2022-03-08 12:53:28 · 4307 阅读 · 0 评论 -
js面试高频题:函数柯里化的实现(彻底弄懂)
函数柯里化的适用场景有:1. 参数复用2. 延时执行3. 提前确认函数柯里化的核心在于:函数里面返回函数,从而做到参数复用的目的。我们以一个js经典面试题为例开始讲解:实现一个函数,使得满足以下几个要求:add(1)(2)(3)(4)//输出10add(1,2)(3)(4)//也输出10add(1)(2,3)(4)//也输出10这是一道经典的函数柯里化手撕题,我们来讲一下该函数的具体实现:因为函数柯里化的核心就是 函数里面返回函数,因此我们可以初始构造一个柯里化函数框架://初步构造原创 2022-03-08 11:33:17 · 1247 阅读 · 0 评论 -
html左侧导航栏右侧显示内容
效果图代码复制下来直接运行就可以<!doctype html><html lang = "en"> <head> <meta charset = "UTF-8"> <meta name = "viewport" content = "width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.原创 2022-03-08 10:12:54 · 6158 阅读 · 9 评论 -
E Could not get lock varlibdpkglock-frontend. It is held by process 1446 (unattended-upgr)报错信解决
报错信息E: Could not get lock /var/lib/dpkg/lock-frontend. It is held by process 1446 (unattended-upgr)N: Be aware that removing the lock file is not a solution and may break your system.E: Unable to acquire the dpkg frontend lock (/var/lib/dpkg/lock-fronte原创 2022-03-08 08:52:50 · 338 阅读 · 0 评论 -
跨源读取阻止(CORB)功能阻止了MIME类型为texthtml的跨源响应_解决方法
警告发生在html文件中,原语句为<script src="http://d3js.org/d3.v3.js"></script>通过将src中的http改为https消除了警告。PS:以上是我之前遇到该问题的解决办法,但由于对前端接触不多,对于该报错的其他产生情形和解决方法不甚了解,随着阅读量的提升有点慌,还望各位大佬不吝指教。...原创 2022-03-07 10:18:40 · 10328 阅读 · 5 评论 -
深度剖析 JS 的箭头函数 = > 与普通函数 function 的区别
目录前言箭头函数的概念区别一:基本语法1.普通函数 function2.箭头函数 =>区别二:this指向??1.普通函数 function2.箭头函数 =>区别三:箭头函数不能作为构造函数1.普通函数 function2.箭头函数?=>区别四:箭头函数没有 prototype 属性1.普通函数 function2.箭头函数?=>区别五:箭头函数不绑定arguments1.普通函数 function2.箭头函数?=>区别六:在对象方法中使用箭原创 2022-03-07 08:55:16 · 525 阅读 · 0 评论 -
关于es6新特性的总结
1.let & constlet,作用与var类似,用于声明变量特性:let 不能重复声明变量,var 可以重复声明变量;块级作用域,es5中存在全局作用域、函数作用域、eval作用域;es6中引入了块级作用域,let声明的变量在块级作用域{}内有效let声明的变量不存在var的变量提升问题举个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2022-03-06 04:03:20 · 153 阅读 · 0 评论 -
【antd-vue】 a-tree 点击节点文字展开或收缩子节点
问题描述a-tree 组件默认点击切换图标展开或收缩,如何做到点击节点文字也展开或收缩。解决方法在 onSelect 方法中调用 onExpand 方法<template> <a-tree @select="onSelect" /></template><script>export default { methods: { onSelect(selectedKeys, {node}) { node.onExpan原创 2022-03-06 02:41:27 · 2492 阅读 · 0 评论 -
VUE学习笔记[1-29]
课时1~13一个VUE容器只能被1个实例接管,一对一关系3. 模板语法4. 数据绑定5. el与data的两种写法6. MVVM模型7. {{}}里面可以写的其实是vm实例里面的所有属性 8. 数据代理Object.definePropertygetter和setter下面这张图的意思是Vue实例里面的项,都是通过getter和setter函数进行设置的,也就是数据代理。vm._data 就是data里面的内容vm._data.name === vm.n.原创 2022-03-06 01:20:00 · 56 阅读 · 0 评论 -
vue input框添加必填required属性
vue input框添加必填required属性el-form 里面添加 :rules="rules"属性对表单进行验证,对应字段的绑定required属性和提示信息放在下面的script 的data数据里面,如图编写规则完成这三步就简单实现了添加required属性和修改提示信息。...原创 2022-03-03 23:16:21 · 1216 阅读 · 0 评论 -
Postman与ApiPost比较区别
区别PostmanapiPost简介Postman是Google开发的一款接口测试工具,提供功能强大的 Web API & HTTP 请求调试。它能够发送任何类型的HTTP 请求 (GET, HEAD, POST, PUT…),附带任何数量的参数+ headers支持不同的认证机制(basic, digest, OAuth),接收到的响应语法高亮(HTML,JSON或XML)。Postman 能够保留了历史的请求,这样我们就可以很容易地重新发送请求,有一个“集合”功能,用于存储所有请求相同的原创 2022-03-03 16:37:43 · 321 阅读 · 0 评论 -
LayUI镜像站点
推荐使用Layui镜像站:https://www.layui.siteLayer:layer 弹出层组件 - jQuery 弹出层插件Mobile:layer 移动端弹层界面组件Layui文档:Layui 开发使用文档 - 入门指南Layui示例:在线示例 - LayuiLayer文档:layer弹层组件开发文档 - Layui...原创 2022-03-03 15:33:16 · 536 阅读 · 0 评论 -
HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下题目:此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术(如结合使用CSS及表格、DIV、框架等技术),完成各页面的布局设计。工具:EditPlus一、所需文件二、网页效果(模仿游戏官网)A.首页效果B.游戏介绍假装有图C.游戏攻略D.手办商城E.问卷调查假装有图F.加入我们…懒了…哈哈三、部原创 2022-03-03 14:28:41 · 2378 阅读 · 3 评论 -
Datart使用说明
Datart使用说明Datart安装记录Refer安装问题前端源码编译java: 程序包datart.data.provider.calcite.parser.impl不存在启动基础步骤Datart安装记录Refer最近在学习和使用Davinci的时候正好赶上了跑象团队新发布的开源平台,赶紧fork安装一下瞅一瞅,感谢开源,比心!下边是一些参考文档官方微信文章:奔跑不止,万象更新|datart 蛰伏十月,浴火重生官方git地址:https://github.com原创 2022-03-03 13:24:23 · 641 阅读 · 0 评论 -
计算机毕业设计Springboot+vue的网络购物商城网站(源码+系统+mysql数据库+Lw文档)
一、项目运行开发语言:Java开发工具:IDEA /Eclipse数据库:MYSQL5.7应用服务:Tomcat7/Tomcat8使用框架:springboot+vue目前许多人仍将传统的纸质工具作为信息管理的主要工具,而网络技术的应用只是起到辅助作用。在对网络工具的认知程度上,较为传统的office软件等仍是人们使用的主要工具,而相对全面且专业的企业销售管理系统的信息管理软件仍没有得到大多数人的了解或认可。本选题则旨在通过标签分类管理等方式,实现管理员:首页、个人中心、用户管理、商品分类管理、原创 2022-03-02 13:11:24 · 1767 阅读 · 2 评论 -
若依系统v-if和v-hasPermi有冲突
项目场景:使用若依框架开发业务系统问题描述:使用若依框架,若操作某一行数据,导致状态scope.row.status由’init’变为’success’,已知v-hasPermi为false,v-if为true,则会出现短暂的v-hasPermi失效,无权限的按钮“审核通过”出现在界面上:<el-button size="mini" type="text" icon="el-icon-edit"原创 2022-03-02 04:14:57 · 2501 阅读 · 0 评论 -
总结vue2.0与vue3.0的区别,让你快速上手
1:vue3.0和2.0的区别2.0数据双向绑定方面Vue2.0使用Object.defineProperty原理:通过使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作,当数据发生改变发出通知// 数据let data = { title: '', // 备份数据 _data: {}}// 定义特性Object.defineProperty(data, 'title', { // 定义特性属性或者特性方法 // 取值方法 g原创 2022-03-02 03:11:16 · 746 阅读 · 0 评论 -
创建 Arco Design Pro
1.安装arco clinpm i -g @arco-design/arco-cli可能会报错,mac的会报权限不够的问题,使用sudo npm i -g @arco-design/arco-cliwebpack版本过低也会报错,升级webpack版本即可解决。运行arco如下,及脚手架安装成功。2. 新建项目arco init hello-arco-pro选择技术栈选择要创建的类型项目创建成功。3启动项目。 $ cd hello-arco-pro $ npm run de原创 2022-03-02 02:07:42 · 1926 阅读 · 1 评论 -
【FeignClient报错】Cannot deserialize value of type``from Object value (token `JsonToken.START_OBJECT`)
1. 问题描述@FeignClient(name = "dataServiceQueryInterface", url = "${url}:${port}")public interface DataServiceQueryInterface { @GetMapping("/dataReport/getSysAreaAllList") List<SysArea> getSysAreaAllList() throws Exception;}使用接口获取数据时报错:Ser原创 2022-03-02 01:04:10 · 5760 阅读 · 0 评论 -
vue3.0刷新当前组件nextTick
前言:在vue2.0我们想刷新一个组件的话是可以在data里面定义一个变量,然后methods里面直接this.$nextTick直接调用这个函数来操作的,在vue3.0中的setup他的用法是不一样的在setup中的用法:1、引入reactive和nextTickimport { reactive,nextTick } from 'vue'2、setup中定义变量setup (props, ctx) { //定义变量 let table = reactive({ showT原创 2022-03-02 00:00:38 · 434 阅读 · 0 评论