vue3的ref,reactive的使用和原理解析
vue3新增了ref,reactive两个api用于响应式数据,Ref 系列毫无疑问是使用频率最高的 api 之一,响应式意味着数据变动,页面局部自动更新。
168张图,万字长文,手把手教你开发vue后台管理系统
.markdown-body { color: rgba(56, 56, 56, 1); font-size: 15px; line-height: 30px; letter-spacing: 2px; font-family: -apple-system, BlinkMacSystemFont,
Vue 清除Form表单校验信息 清除表单验证上次提示信息
在Vue项目中使用Form组件进行表单验证,再次打开该表单时,上次的验证提示信息依然存在。解决再次打开时无法清除提示信息/字段值的问题。
ECharts柱状图关闭鼠标hover时的高亮样式
关闭eachart柱状图鼠标hover时的高亮样式
JS中的鼠标事件
通过鼠标触发事件,类似用户的行为:mouseover事件和mouseenter事件,都是鼠标进入一个节点时触发。两者的区别是,mouseenter事件只触发一次,而只要鼠标在节点内部移动,mouseover事件会在子节点上触发多次。MouseEvent.button属性返回一个数值,表示事件发生时按
Javascript Object和Map之间的转换
Map类型和Object类型之间的转化
vue中使用wangEditor以及设置菜单栏
如果你想要改变设置栏,你就可以拿到这个对象this.editor.config,对象里面的menus属性就是对应设置栏,你可以this.editor.config.menus=['key','head','link','italic','underline']大概就是说我的加载器不能够解析最新的包里
vue项目按钮loading加载状态
Vue页面如何实现loading效果性能最佳?在讨论loading效果前,来看看loading有几种应用场景。页面加载的loading,数据加载的loading,用户操作等待响应的loading三种场景;页面加载的loading ,从发送浏览器加载页面请求前,展示一个loading 请求在页面最顶层
v-if与v-for为什么不建议一起使用?
2、如果避免出现这种情况,则在外层嵌套template(页面渲染不生成dom节点),在这一层进行v-if判断,然后在内部进行v-for循环。1、永远不要把v-if和v-for同时用在同一个元素上,带来性能方面的浪费(每次渲染都会先循环再进行条件判断)在v-for的时候,建议设置key值,并且保证每个
vue-cli5打包后element-ui的样式丢失、字体图标不显示
vue/cli-service5 打包后element-ui字体图标不显示,找不到fonts目录
JavaScript的concat方法
数组的concat方法用途: 合并2个或多个数组变量名value1,value2,value3,…,valueN详细描述值或者数组(可以传对象)是否必传否要注意,concat返回的是一个浅拷贝示例:1.连接2个数组const arr = [1, 2, 3].concat([4, 5])console
vue如何设置元素的显示隐藏
vue元素显示与隐藏
vue把el-dialog提取出来作为子组件,并实现父组件和子组件相互传值
最近做项目遇到了一个需求是,为了防止组件中代码冗长,需要将el-dialog对话弹出框单独封装成子组件,并将父组件中的id传递给子组件,子组件再根据id刷新父组件。具体项目代码太长,这里仅记录一下实现思路。
vue3中使用ref语法糖
将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位
手撕前端面试题【javascript~模板字符串、类继承、参数解析器、生成页码等】
split() 方法用于把一个字符串分割成字符串数组。getTime 方法返回一个整数值,这个整数代表了从 1970 年 1 月 1 日开始计算到 Date 对象中的时间之间的毫秒数。querySelector根据选择器获取元素。document.querySelector(“选择器”);docum
五、vue3.0之组件通信详解(defineProps、defineEmits、defineExpose)
web前端vue3.2之组件通信详解(defineProps、defineEmits、defineExpose)
Python:七段数码管绘制数字详解及问题分析
七段数码管绘制数字详解七段数码管由七段数码管拼接而成,每段有亮或不亮两种情况。这里,先给出程序的全部代码,如下图所示。基本思路步骤1:绘制单个数字对应的数码管步骤2:获得一串数字,绘制对应的数码管步骤3:获得当前系统时间,绘制对应的数码管步骤1:首先,七段数码管有一定顺序-七段数码管由7个七段数码管
使用umy-ui的大数据量编辑表格(ux-grid)获取修改列进行提交
umy-ui的ux-grid大数据编辑表格获取已修改的列数据
Next.js项目部署,使用Nginx和pm2
部署Next.js项目
vue组件间通信的13种方式
vue组件间通信的13种方式