1.在vue中通过在元素上添加ref=‘abc-abc’，然后通过this.$refs.abcabc就可以获取原生dom元素，但是在新版的vue中属性ref的值不能添加-，添加的话会报错。 2. 在使用transition/transition时类名的组合如下： 1 .move-enter-active, .move-leave-active {// 带active...

2018-06-24 01:50:22

1、安装webpack 全局安装代码： npm install -g webpack 2、项目中使用webpack （1）进入项目目录 cdC:\Users\dell\Documents\HBuilderProject\hello 项目目录结构为： （2）在项目中生成package.json npm init （3）本项目中安装Webpack npm install --save-dev webpa...

2018-06-24 01:50:14

当我们让一个模块水平居中首先想到的肯定是margin:0 auto;有木有？那么今天给大家介绍一个fit-content属性，不知道有没有同学用过，如果用过那么你可以略过这篇文章，没用过的同学就继续了，我也是第一次看到这个属性，之前不知道这个属性更不用说使用了，原来这个CSS...

2018-06-24 01:50:11

点击后弹出界面，通过判断浏览器长宽自动设定页面宽度和登陆页面位置。 style /*遮罩层 弹出层*/ .mask { width: 100%; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0px; left: 0px; z-index: 200; } .show_d { width: 300px; height: 300px; backgr...

2018-06-24 01:50:08

收藏的几十个前端框架，需要的博友们，自己把握。 再次感谢分享的人！ 1、http://demo.mycodes.net/houtai/hangkongdaili_admin/ 2、http://demo.mycodes.net/houtai/H-ui.admin/ 3、http://demo.mycodes.net/houtai/Ylsat_admin/ 4、http://demo.mycodes.net/houtai/H...

2018-06-24 01:49:55

前面的话 本文将详细介绍CSS遮罩效果和毛玻璃效果 遮罩效果 普通遮罩 一般地，处理全屏遮罩的方法是使用额外标签 style .overlay{ position:fixed; top: 0;right: 0;left: 0;bottom: 0; background:rgba(0,0,0,0.8);}.lightbox{ position:absolute; top: 0;right: 0;le...

2018-06-24 01:49:55

背景，做一个前面图片宽度固定，后面宽度自适应，使用到了flex布局，但是想让后面div里文字不换行，超出以点点表示时，这时布局就乱了，查了下，原来flex布局与white-space:nowrap有影响 解决办法，父div设置min-width:0即可 div style ="width:100%;display:flex;heig...

2018-06-24 01:49:51

逛codepen看到一些项目的时候就很想写，这个是特别喜欢，配色太戳我了，我就自己动了一动 效果图： !DOCTYPE html html lang="en" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" meta http-equiv="X-UA-Compatible...

2018-06-24 01:49:50

首先，我们来对弹性盒中的称呼做一些了解 如图，弹性盒分为两个轴，一个是主轴，一个是交叉轴，主轴方向可以改变（左右改上下），主轴方向改变后，交叉轴方向也会随之改变 然后，我们来看下浏览器的大概支持情况 从图上可以看出，ie对于弹性盒的支持可以说是呵呵了，其...

2018-06-24 01:49:50

1. 定位流:对图片进行定位 .img { position : absolute ; left : 50% ; margin-left : -20px ; /* 值为图片宽度的一半 */ } 这种方法不多说...但是这种方法有个弊端:就是 必须知道图片的宽度; 2.重点来咯****奇淫技巧**** .img { margin : 0 -100% ; } 注:此方法必须...

2018-06-24 01:49:49