摘要: Bower是什么 Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。 Bower的优点 前提准备 为了安装bower,你首先需要安装如下文件: Node:下载最新版本的node.js NPM:NPM是node程序包管理器。它是捆 阅读全文
posted @ 2017-03-29 16:49 蓝眼睛~~ 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 这几天需要做一个地图的导航,根据商家的地址解析成经纬度,然后利用导航带用户去。 可以分为一下三步: 第一步:用户点击页面上的带我去按钮: 第二步:地图上显示出商家的位置 第三步:点击到这里去,根据地图默认获取的用户位置为起点,商家的位置为终点,弹出路线图 代码实现如下: 阅读全文
posted @ 2017-03-03 09:45 蓝眼睛~~ 阅读(560) 评论(0) 推荐(0) 编辑
摘要: 最近微信小程序是炒的如火如荼,各种热门, 正好赶上这个热潮,这几天先把小程序技术文档看了个遍,结合教程手写了一个案例。今天写了一个快递查询的小demo,大致分为三步 产品需求,准备api,代码编写。 最近微信小程序是炒的如火如荼,各种热门, 正好赶上这个热潮,这几天先把小程序技术文档看了个遍,结合教 阅读全文
posted @ 2017-01-06 16:30 蓝眼睛~~ 阅读(6968) 评论(1) 推荐(5) 编辑
摘要: 问题:移动端1px边框,看起来总是2倍的边框大小,为了解决这个问题试用过很多方法,用图片,用js判断dpr等,都不太满意, 最后找到一个还算好用的方法:伪类 + transform 原理是把原先元素的 border 去掉,然后利用:before或者:after重做 border ,并 transfo 阅读全文
posted @ 2016-12-29 14:40 蓝眼睛~~ 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 如下图,我们经常会在一些导航栏中见到,要求每行中最后一列的右边框消失,该如何实现呢? css3的nth-child(3n)是一种实现方法,但ie8-不兼容,在不考虑ie8-的情况下,确实是一种不错的方法 另一种方法是利用margin的负值,来隐层最左边的li的左边框: html结构: 给每一个li加 阅读全文
posted @ 2016-11-03 16:28 蓝眼睛~~ 阅读(2948) 评论(0) 推荐(0) 编辑
摘要: 实现如下图的任意列数的均匀布局效果,之前做这种效果都是用last-child去掉右边距来实现,这种方法ie8不支持,在http://www.cnblogs.com/coco1s/博客中看到一种利用“text-justify和伪元素”就能实现的方法。 亲测后,果然简单有效; 上代码: html布局代码 阅读全文
posted @ 2016-11-03 15:52 蓝眼睛~~ 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 默认的上传样式我们总觉得不太好看,根据需求总想改成和上下结构统一的风格…… html代码: css代码: 效果: 此时并不能显示上传的文件名,如需显示出上传的文件名需要js来处理 js代码: 同时需要给html加上两个div 效果: 阅读全文
posted @ 2016-11-01 17:50 蓝眼睛~~ 阅读(11113) 评论(0) 推荐(2) 编辑
摘要: 1.问题所在: 之前把项目提交到github都可以在路径前面加上http://htmlpreview.github.io/?来预览demo,最近发现这种方式预览的时候加载不出来css,js(原因不详)所以找了另外一种办法来预览加载 当我们在本地写好一个小项目的时候用webStrom上传到github 阅读全文
posted @ 2016-10-13 14:56 蓝眼睛~~ 阅读(3527) 评论(0) 推荐(0) 编辑
摘要: 代码如下: 阅读全文
posted @ 2016-09-19 10:39 蓝眼睛~~ 阅读(559) 评论(0) 推荐(0) 编辑
摘要: 1.单行文本溢出显示省略号我们可以直接用text-overflow: ellipsis 实现方法: 效果如图: 2.多行文本溢出,我们可以使用WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端 实现方法: 效果如图: 阅读全文
posted @ 2016-09-18 16:48 蓝眼睛~~ 阅读(6152) 评论(0) 推荐(0) 编辑