2018年1月29日
vue路由的使用（二）
摘要： 这一节讲解一个vue路由嵌套的使用。 1.Vue路由嵌套demo 在进入根目录localhost:8081页面会重定向到 点击消息： 点击bar： 所以这个页面的结构： / | | foo | news | message | bar 根目录下有foo、bar两个页面，然后foo下面又有news、m 阅读全文
posted @ 2018-01-29 14:11 IT民工梅西布莱恩特 阅读(158) 评论(0) 推荐(0) 编辑
vue路由的使用（一）
摘要： 1.路由的安装 这一步我简单说一下，重心放在如何去使用路由上面。 如果是用vue-cli来构建vue项目，在使用 构建的时候会提示你是否安装vue-router，选择Y即可。 如果在初始时没有安装路由： 并在模块中引入vue-router： 2.最为简单的路由跳转 先看一个demo： 此时页面效果： 阅读全文
posted @ 2018-01-29 11:35 IT民工梅西布莱恩特 阅读(104) 评论(0) 推荐(0) 编辑
vue项目中正确引用jquery
摘要： 1.安装jquery依赖 2.修改两处配置文件 a.引入webpack b.配置jquery插件 3.在页面中使用jquery 完毕！ 阅读全文
posted @ 2018-01-29 09:43 IT民工梅西布莱恩特 阅读(137) 评论(0) 推荐(0) 编辑
2018年1月24日
vue中使用Mint-UI移动端组件库
摘要： 用官方提供的vue-cli来搭建一个vue项目，在我前面的博文中有介绍，这里假定大家已经构建了自己的vue工程。 这里是我的项目结构fraudApps： 一、Mint-UI移动端组件的安装 安装完成后package.json中可以看到mint-ui的版本号： 二、Mint-UI的使用： 使用之前我们 阅读全文
posted @ 2018-01-24 13:38 IT民工梅西布莱恩特 阅读(209) 评论(0) 推荐(0) 编辑
2018年1月23日
HTML5表单、一些新增的输入类型以及为不支持新特性的浏览器提供解决方案
摘要： 我们先来看一下这么样一个表单： 一、一步一步来分析下代码： hgroup标签：用来将h1...h6标题标签进行分组 这部分代码很简单，不过多分析，我们把注意力放在表单上，顺带提一些H5的元素. fieldset标签：用于将表单进行分组 legend标签：用于给分组的表单添加一个标题 这里着重看一下： 阅读全文
posted @ 2018-01-23 16:07 IT民工梅西布莱恩特 阅读(430) 评论(0) 推荐(0) 编辑
CSS3过渡、变形、动画（二）
摘要： 一、CSS3的2d变形 我们先来一个小实例感受一下： 1 nav ul li a:hover { transform: scale(1.7); } 这段规则当鼠标悬停到导航项时会给我们的导航项放大1.7倍： 有一点你需要注意的是： 现在如果你尝试在 Safari 浏览器中添加这种规则，须注意它需要应 阅读全文
posted @ 2018-01-23 14:31 IT民工梅西布莱恩特 阅读(196) 评论(0) 推荐(0) 编辑
CSS3过渡、变形、动画（一）
摘要： 先给大家上一个效果感受一哈： http://demo.marcofolio.net/3d_animation_css3/ 效果图（3D炫酷翻转）： 一、CSS3过渡以及如何使用 通过一个例子来说明这一点： 这是一个按钮的样式： 再来给按钮添加一个悬停样式： 效果： 默认时： 鼠标悬停时： 使用这段 阅读全文
posted @ 2018-01-23 11:29 IT民工梅西布莱恩特 阅读(165) 评论(0) 推荐(0) 编辑
2018年1月22日
CSS3之背景渐变
摘要： 在没有 CSS3的时候，如果想做一个背景渐变效果，就得使用一个很细的渐变切片进行水平/垂直平铺。对于使用图片而言，这确实是一种很好的折中方案。一张仅有一两像素宽的图片，不会给宽带造成太大负担，而且它可以用在网站的多个元素上。 这种方式当然可以做渐变效果，但是不够灵活。（如果再往下增加海报，需要重新去 阅读全文
posted @ 2018-01-22 15:42 IT民工梅西布莱恩特 阅读(168) 评论(0) 推荐(0) 编辑
CSS3之文字阴影、盒阴影
摘要： 一、文字阴影 1 text-shadow: 1px 1px 1px #cccccc; 阴影值的速记规则永远是先向右再向下。因此，第一个值指的是右侧阴影的大小， 第二个值指的是下方阴影的大小，第三个值指的是模糊距离（即阴影从开始变淡到完全 消失的距离），最后一个值是阴影颜色。 左上方阴影（使用负值即可 阅读全文
posted @ 2018-01-22 14:47 IT民工梅西布莱恩特 阅读(196) 评论(0) 推荐(0) 编辑
CSS3之结构伪类
摘要： 一、在介绍结构伪类之前，先来看一个我们传统的解决问题的方式： 例如： 水平导航栏一般都是由一组相同间距的 <li> 链接组成。假设我们想让每一个导航链接 除了第一个和最后一个，左右两边都有一定的外边距。 我们之前传统的做法是在第一个与最后一个＜li＞上添加额外的类名： 这样当然能解决以上问题，但不够 阅读全文
posted @ 2018-01-22 14:14 IT民工梅西布莱恩特 阅读(302) 评论(0) 推荐(0) 编辑