一、center 让你实现水平居中,用这个标签就对了,标签名也非常得语义化 效果如下: 水平居中 原理也很简单,其实就是这个标签自带了 text-align: center ...
提示:Vue3.2 版本开始才能使用语法糖! 在 Vue3.0 中变量必须 return 出来,template中才能使用;而在 Vue3.2 中只需要在 script 标签...
现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局,它们实现了一些非凡的工作。 01....
1.生产环境关闭productionSourceMap、css sourceMap 众所周知,SourceMap就是当页面出现某些错误,能够定位到具体的某一行代码,Sourc...
字符串技巧 1、比较时间 2、格式化money 3、生成随机ID 4、生成随机 HEX 颜色值 const RandomColor = () => "#" + Math.fl...
高手区别于普通人的重要一点是,他们善于利用工具,把更多的时间留给了规划和思考。写代码也是同样的道理,工具用好了,你就有更多的时间来规划架构和攻克难点。今天就给大家分享一下当前...
第一步,了解Vuex 🤯想象一个场景如果你的项目里有很多页面(组件/视图),页面之间存在多级的嵌套关系,此时,这些页面假如都需要共享一个状态的时候,此时就会产生以下两个问题:...
ps:ES5之后的JS语法统称ES6!!! 一、关于取值的吐槽 取值在程序中非常常见,比如从对象obj中取值。 吐槽: 或者 吐槽:“不会用ES6的解构赋值来取值吗?5行代码...
元素点击范围扩展指令 v-expandClick 使用该指令可以隐式的扩展元素的点击范围,由于借用伪元素实现,故不会影响元素在页面上的排列布局。可传入的参数为:上右下左扩展的...
1. 能让你首次加载更快的路由懒加载 路由懒加载可以让我们的包不需要一次把所有的页面的加载进来,只加载当前页面的路由组件就行。 举个🌰,如果这样写,加载的时候会全部都加载进来...
1. 带有多个条件的 if 语句 把多个值放在一个数组中,然后调用数组的 includes 方法。 2. 简化 if true...else 对于不包含大逻辑的 if-els...
众所周知build后的html文件会注入编译后的资源 而我这次啥都没有 看之前的项目,查文档,纠结了半天,最后终于查到原因,还是自己没有细看文档,上代码 原因就是inject...
1:一劳永逸的组件注册 通常在组件使用前,需要引入后再注册,但如果高频组件多了,每次都这样做,不仅新增很多代码,效率还低!我们应该如何优化呢? 其实,我们可以借助一下webp...
开始之前 Composition API 可以说是Vue3最大的特点,那么为什么要推出Composition Api,解决了什么问题? 通常使用Vue2开发的项目,普遍会存在...
7种组件通信方式随你选组件通信是 Vue 的核心知识,掌握这几个知识点,面试开发一点问题都没有。 props/@on+$emit 用于实现父子组件间通信。通过 props 可...
这篇文章基于实际使用场景总结了 24 个 ES6 代码段,可用来解决项目中可能遇到的一系列问题。 1、如何隐藏所有指定元素? 2、如何确认元素是否具有指定的类? 3、如何切换...
1、清除浮动 主要为子元素浮动(float)之后,父元素无法撑起高度和宽度。 2、文字少时居中,多时靠左 但是要注意,当p的内容为英文单词组成的时候,如果单词过长,而不是“ ...
人类对于运动的食物往往会投入更多的关注,因此巧妙的使用动画能够极大地提升网站的用户体验,快速唤起用户对重要元素的关注。 在css3中引入了全新的动画语法,它能够帮助你在设计中...
一、修饰符是什么 在程序世界里,修饰符是用于限定类型以及类型成员的声明的一种符号 在Vue中,修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情...