使用display:flex制作轮播图的时候,想让每张轮播图的宽度width="100%",即屏幕的宽度,但是设置了没有用,后来发现,因为dispaly:flex是流式布局,子元素有个flex-shrink属性,表示在父元素宽度不够的情况下是自动收缩不?0表示不自动收缩,1表示自动收缩;所以将子元素(图片)添加属性:flex-shrink:0;即可
如果想让轮播图滑动,比如设置父元素的left:20%,如果父元素没有设置width,会发生子元素图片拉长20%,但是不动的情况;
使用display:flex制作轮播图的时候,想让每张轮播图的宽度width="100%",即屏幕的宽度,但是设置了没有用,后来发现,因为dispaly:flex是流式布局,子元素有个flex-shrink属性,表示在父元素宽度不够的情况下是自动收缩不?0表示不自动收缩,1表示自动收缩;所以将子元素(图片)添加属性:flex-shrink:0;即可
如果想让轮播图滑动,比如设置父元素的left:20%,如果父元素没有设置width,会发生子元素图片拉长20%,但是不动的情况;
我们组装了一个contenteditable的div并且提供了v-model功能
简单说一下业务场景,前台用户通过input输入内容,在离开焦点时,将内容在div中显示。 这时遇到一个问题,如果用户输入了html标签,则在div显示中,标签被解析。 由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。
this.$slots.default
为了实现这个功能,我最先想的是改造一个 <textarea> 然后我想到了 contenteditable (链接指向 mozilla.org) 这一属性 这是一个 html5 的属性,可以让元素内容可编辑
在 vue-cli3 项目中,通过highlight.js,实现页面中代码高亮。 请先了解highlight.js官网中的使用说明。
在 vuepress 刚出时,我就觉得这是个很值得追更的开源项目。果不其然,里面众多的前端编程技巧让我受益良多。 于是在周末这种日子里,人家追剧我追码。 今天,我就和大家分享下 vuepress 是如何做到在 Markdown 中使用 Vue 语法的。
在chrome浏览器中安装了应用怎么删除
在Nuxt.js中做PWA不分单页面和多页面,都能使用。
要完整介绍 PWA 是什么,需要扯一堆名词,毫无意义。 以改造公羊阅读的过程为例,简要的说明什么是 PWA。
当执行 import vue from 'vue' 时发生了什么?