使用 CSS 的 object-fit 和 object-position 属性
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/29909275f6433e3198c5993fc53ac434/5dd106c5dfb749408d031e094dc37c88.jpg.jpg "500.jpg") 假设您在 CSS 中明确指定了图像的宽度。如果宽度以百分比或视口单位指定...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/29909275f6433e3198c5993fc53ac434/5dd106c5dfb749408d031e094dc37c88.jpg.jpg "500.jpg") 假设您在 CSS 中明确指定了图像的宽度。如果宽度以百分比或视口单位指定...
![](/images/tt/vue.jpg) [vue3](/tags/vue3/)已经出来有一段时间了,童鞋们有没有去学习下呢?今天我们一起来了解下关于条件渲染的基础知识。 条件渲染一般会包括以下几种方法:v-if、v-else、v-else-if、v-show以及v-for。接下来一一学下。 `v-if` {#v-if} -------------- `v-if`...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/5df8a1c9060f7406abb445cd41f9a315/11c65bba70004b69903c7fa6db66fde2.jpg.jpg "500.jpg") [vue](/VueJs/)组件系统提供了一种抽象,让我们可以使用独立可...
![](/images/tt/vue.jpg) [Vue3](/tags/vue3/)开发:分享"如何使用[echart](/tags/echarts/)"的应用。 在大屏可视化项目中,我们常常需要用到很多的图表组件,通常你会编写很多的option对图表进行渲染,以及引入它们所需的一些组件并使用echart.use。 在Vue2中我们常常把可复用的组件...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/fa9c04e3854acdf0db60139fbfce6b0d/0442af74464241e0851d4f9854feb833.jpg.jpg "500.jpg") 谈到数字排列,我们经常会设计师排文案的时候,很漂亮,文字可以按照各种方向...
![](/images/tt/vue.jpg) [vue](/VueJs/)开发小应用:[Vue](/VueJs/)的键盘事件。今天收藏下关于[vue](/VueJs/)里面的键盘事件,希望能给大家带来帮助,我们一起往下学习吧! 在js中我们要获取一个按键的编码通常需要通过(keydown/keyup)去绑定一个事件,再通过默认参数event中的keyCode属性去取得编码...
![](/images/tt/vue.jpg) [Vue](/VueJs/)开发:监听属性和计算属性。 watch监听属性 {#heading-0} ---------------------- 这个属性用来监视某个数据的变化,并触发相应的回调函数执行。 基本用法添加`watch`属性,值为一个对象。对象的属性名就是要监视的数据,属性值为回调函数,每当这个属性名对应的值...
![](/images/tt/vue.jpg) [Vue3](/tags/vue3/):体验setup script的应用。 Vue3已经发布很长一段时间了,相信大多数前端人都已经上手把玩过了,其中比较大的一个特性就是setup方法,可以让我们非常直观和方便的组合我们的业务逻辑和hooks。在setup里面返回的变量可以直接在template里面使用。大多数情况下,我们的大...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/9c928fd924d496aae39da87468d62e1b/463aad99efe040e6a7218589ef109bea.jpg.jpg "500.jpg") Web前端之家今天介绍下[Vue Router](/tags/vue-r...
![](/images/tt/vue.jpg) [Vue3](/tag/vue3):ref toRef和toRefs的区别。 [Vue3](/tag/vue3)中新增了几种创建响应式数据的方法,其各自的作用当然也不尽相同,每一种方法都有其自己的应用场景,今天我们来聊聊什么是ref toRef和toRefs?三者在使用方式上有什么不同?最佳的使用方式是什么? {#_labe...