会飞的小蜜蜂

2017年7月26日

摘要：关于文本溢出的相关属性: 1. text-overflow: clip|ellipsis|string; 该属性规定当文本溢出包含元素时发生的事情。 clip : 修剪文本。 ellipsis : 显示省略符号来代表被修剪的文本。 string : 使用给定的字符串来代表被修剪的文本。 2. whi 阅读全文

posted @ 2017-07-26 17:54 会飞的小蜜蜂阅读(457) 评论(0) 推荐(0) 编辑

全屏背景图的实现及background的相关属性

摘要：今天需要做一个占满设备宽度的轮播图,这里作为demo仅展示一张图,下面分别是要操作的图片(这里做了缩放处理,实际的图比较大),以及要实现的效果图,很明显两者是不成比例的: (图一) (图二) 这里给定了宽,也就是设备宽度的100%,同时给定了高,比如这里设置为8.5rem (html的字体设为20p 阅读全文

posted @ 2017-07-26 15:28 会飞的小蜜蜂阅读(1497) 评论(0) 推荐(0) 编辑

2017年7月25日

移动端页面模板viewport

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-sc 阅读全文

posted @ 2017-07-25 10:36 会飞的小蜜蜂阅读(198) 评论(0) 推荐(0) 编辑

2017年7月24日

初始化css文件

摘要：首先我们需要了解一下为什么需要公共样式(公共样式是为了初始化某些标签的默认值): 1. 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 2.初始化CSS样式主要是提高编码质量，如果不初始化整个页面做完很糟糕，重复的CSS样式很多。阅读全文

posted @ 2017-07-24 17:14 会飞的小蜜蜂阅读(1824) 评论(0) 推荐(0) 编辑

移动端返回上一页

摘要：返回上一页，在PC端我们可以使用：history.go(-1)或者history.back()，可以正常返回第一层。这样，我们不需要上一页的 url 具体是什么，只要使用 history 一般都没啥问题。但是在移动端，如果想要返回上一页。比如从A页面跳到B页面，如果B页面想返回A页面，为了防止不会阅读全文

posted @ 2017-07-24 17:01 会飞的小蜜蜂阅读(364) 评论(0) 推荐(0) 编辑

Web端测试和移动端测试

摘要：之前参加的项目有涉及Web端测试和移动端测试，简单的记录下他们之间的区别： 1、记录bug 在Web端可以通过系统自带的截图和QQ截图等方式来截取bug的图片，对于错误的地方可以用工具自带的标识来重点标记。对于移动端设备可以用手机自带的截图工具来截图然后传到电脑上，个人一般习惯安装微信的windo 阅读全文

posted @ 2017-07-24 17:00 会飞的小蜜蜂阅读(409) 评论(0) 推荐(0) 编辑

一像素边框如何处理(移动端)

摘要：由于分辨率的差异，高清手机屏上的 1px实际上是由 2×2 个像素点来渲染，有的屏幕如iPhone6s plus甚至用到了 3×3 个像素点所以 border: 1px 在移动端会渲染为 2px 的边框甚至3px的边框虽然用户在实际使用的时候，很难发现这 1px 的差异，但是设计师往往会在这 1 阅读全文

posted @ 2017-07-24 16:57 会飞的小蜜蜂阅读(1614) 评论(0) 推荐(0) 编辑

2017年7月22日

使用SUI框架下的<a>标签点击跳转页面不刷新的问题

摘要：最近写好了几个页面,今天试着将各个页面的链接打通,然后问题就来了...(╯︵╰) 这里看一下原来想要实现的两个页面跳转的效果--点击图一标注的栏目可以跳转到一个新的页面图二... 按照之前写a标签的跳转链接那样,直接输入相对路径,然后测试~ 页面跳转后出来的是图三,样式都没了???刷新看看,然后图二阅读全文

posted @ 2017-07-22 13:50 会飞的小蜜蜂阅读(2963) 评论(0) 推荐(0) 编辑

2017年7月20日

scroll事件实现监控滚动条改变标题栏背景透明度(zepto.js )

摘要：今天做了一个类似于手机端京东首页的页面,效果图如下: 刷新页面的时候,标题栏(也就是搜索栏),背景是透明的,当我们往下滑的时候,可以改变标题栏的背景透明度(渐变效果): 当标题栏滑过轮播图后,透明度就会渐变成1了. 下面是另外做的一个小demo来展示实现这个效果,同时这里也涉及到滚动条的问题哦! 因阅读全文

posted @ 2017-07-20 18:00 会飞的小蜜蜂阅读(4138) 评论(0) 推荐(0) 编辑

2017年7月19日

瀑布流-转载

摘要： jQuery瀑布流详解（PC及移动端）前言瀑布流布局已成为当今非常普遍的图片展示方式，无论是PC还是手机等移动设备上。这种布局图片的样式大概分为三种：等高等宽、等宽不等高、等高不等宽，接下来我们就最为普遍的等宽不等高形式来作为示例。我们用百度图片作为范例：这就是PC端比较常见的瀑布流布局方式阅读全文

posted @ 2017-07-19 17:57 会飞的小蜜蜂阅读(178) 评论(0) 推荐(0) 编辑

会飞的小蜜蜂

公告