logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

CSS 设置元素(img、video)自适应容器的宽高 object-fit属性【积累】

其实该标签有点类似于background-size,只不过一个是用来设置背景img的大小,一个使用来设置指定元素(img、video)的大小。1、标签使用说明:object-fit属性指定元素到的内容应该如何去适应指定容器的高度和宽度。object-fit一般用于img或video标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。可以通过使用object-position属性

Element.ui 【走马灯】根据屏幕的宽高自适应大小

1、首先贴出element.ui走马灯组件的class,可以直接赋值修改:(如果有内联样式记得用!important)/* 走马灯每个item */.el-carousel__item{}/* 走马灯item的容器 */.el-carousel__container{}/* 整个走马灯的容器,包含指示器等其它组件在内 */.el-carousel{}2、走马灯动态适应屏幕的宽高:(具体细节可以根据

Linux文件基本属性【设置、修改、删除属组属主其它用户权限】

Linux文件基本属性Linux系统是一种典型的多用户系统,不同的用户处于不同的地位,拥有不同的权限。为了保护系统的安全性,Linux系统对不同的用户访问同一文件(包括目录文件)的权限做了不同的规定。在Linux中我们可以使用ll或者ls -l命令来显示一个文件的属性以及文件所属的用户和组,如:[root@www /]# ls -ltotal 64dr-xr-xr-x2 root ...

Element.ui 【走马灯】点击组件后停止轮播,点击其它位置续播

1、实现思路:走马灯有一个autoplay属性,决定轮播图是否自定切换,值为boolean,默认为true,很显然,当我们点击了内部的组件时,我们可以通过将该属性的值改为false让其停止轮播,当点击非走马灯组件时,修改其值为true即可。2、实现过程:为组件添加autoplay属性,并将值赋值为autoplay变量。在Vue的data中声明该变量,默认赋值为true(自动轮播)。在轮播图的容器上

Vue.js 如何根据返回的值对元素进行渲染【使用switch】

Vue如何根据返回的值对元素进行样式渲染:1、我们通常情况下如果想根据后台获取到的值动态的对元素进行渲染,我们通常使用v-for循环,然后使用v-if进行判断,根据判断的结果再根据:class进行不同的样式绑定,从而实现动态的渲染HTML元素,或是直接使用:class和三元表达式结合使用来进行判断实现动态样式的渲染,上面的方法针对少量的html元素还是非常方便的,但是一旦数据量特别的多,就需要我.

CSS 强制修改元素的内联样式 !important 的使用【学习记录】

外联修改内联样式无效:1、方法:属性值后加 !important(注意使用英文的 ! 叹号)border-radius: 20px!important;2、解决问题:修改前端框架封装好的css样式在开发过程中经常使用一些前端框架(bootstrap,vue.js,laydate,Vant等等),在使用link导入css文件以后,发现有些css是在标签内使用内嵌的方式实现的,优先级最高,我们通过外联

Vue.js 中使用transition、transition-group实现元素显示隐藏的过渡动画【开发记录】

前阶段页面涉及到了一些数据的隐藏和显示,数据的新增删除等一些基本的操作,数据的隐藏和显示可以用fadeOut、fadeIn、slideDown、slideUp等动画方法来实现,而数据删除和新增的动画,可以使用transtion和transition-group来实现,之前没怎么用过这两个属性,特此来记录一下使用过程以及遇到的一些小的问题。1、首先我们先做一些准备工作,先实现一个div的隐藏和显示:

Vue.js 的data属性详解【笔记】

本文从Vue.js的官方文档来逐行分析看看Vue.js的数据对象——data官方文档地址文档之一:类型:Object | Function限制:组件的定义只接受 function分析一:首先,data的类型可以是Objectnew Vue({el:"#app",data:{newTodoText : "",visitCount: 0,hideComple...

Vue.js 中v-for和v-if一起使用,来判断select中的option为选中项【开发记录】

1、刚写了一篇有关地址管理页面的总结,其中有如何判断多个radio中哪一个radio被checked和实现点击radio以后选中或取消,有兴趣的可以看下:判断多个radio中哪个被checked,网上有很多Vue.js使用v-for和v-if在多个select中判断哪一个option被选中的例子,但是不是特别的详细,其实select和radio原理上实现方式是大体是相同的,趁着手热,下面就来继续做

Vue.js 实现地址管理页面(地址添加、编辑、删除和设置默认地址)【开发记录】

1、前阶段做了这个地址管理页面,实现的过程中遇到了很多的问题,好在最后实现了,在此记录一下:首先是加载页面阶段ajax从数据库中获取数据,然后动态的显示在页面中,随后可以点击单个的编辑或删除进行相关操作,可以单击默认地址按钮进行样式切换,默认地址可以没有(单击选中和取消),但是如果设置默认地址则只能设置一个,好,下面我们来一步一步的实现。2、我这里使用的是Vue.js,页面加载阶段很简单,直...

    共 21 条
  • 1
  • 2
  • 3
  • 请选择