会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
清姿
IN A GOOD WAY
博客园
首页
新随笔
新文章
联系
订阅
管理
2017年7月17日
juqery dragsort使用遇到的问题
摘要: 1.destroy时,没给容器加id,不能执行成功 >修改源码如下: 2.可拖动区域有滚动条时,纵坐标计算有问题: 如果拖动的li所在容器出现了滚动条,当滚动条滑到最下面的时候,拖拽下面的li的浮动层位置会出现偏移。解决的办法是在jquery.dragsort.js中,this.draggedIte
阅读全文
posted @ 2017-07-17 10:56 清姿
阅读(1808)
评论(1)
推荐(1)
编辑
2017年3月28日
移动端实战总结
摘要: 概述 操作系统:现在分成两大阵营:ios和android,基本局势已定。 基于这两种操作系统,网页开发的共同点: 1.两个系统浏览器都是webkit内核的,so--移动端的web开发主要面向webkit内核的浏览器开发,不用顾及IE等浏览器。 2.移动端的浏览器对HTML5支持较理想,可以使用HTM
阅读全文
posted @ 2017-03-28 20:36 清姿
阅读(349)
评论(0)
推荐(1)
编辑
2016年7月4日
CSS VS JS动画,哪个更快[译]
摘要: 英文原文:https://davidwalsh.name/css-js-animation 原作者Julian Shapiro是Velocity.js的作者,Velocity.js是一个高效易用的js动画库。在《Javascript网页动画设计》一书中对这个库有很多更具体的剖析,对Velocity及
阅读全文
posted @ 2016-07-04 21:11 清姿
阅读(1535)
评论(1)
推荐(2)
编辑
2016年6月23日
HTML5移动端图片上传模块
摘要: 上传图片的功能是极为常用的,之前做过一个移动端上传文件的功能(基于jquery的),总结梳理一下。 html js 效果: 点击“+”后会拉起选图片控件,选择之后会显示loading状态,上传成功之后,获取到图片地址之后,框内会显示上传的图片。 主要用了FromData来实现图片上传,并对于图片大小
阅读全文
posted @ 2016-06-23 14:45 清姿
阅读(3777)
评论(0)
推荐(0)
编辑
2016年6月21日
移动端使用rem适配及相关问题
摘要: 移动端适配方案,说多也很多。可以使用百分比布局,但百分比与em都是基于父元素进行计算的,在实际应用中不是很方便。使用rem不仅可以设置字体大小,块大小也可以设置。而且可以良好的适配各种终端,所以这方案很受欢迎。 rem定义及浏览器支持情况 rem(font size of the root elem
阅读全文
posted @ 2016-06-21 18:58 清姿
阅读(18234)
评论(0)
推荐(0)
编辑
2016年6月20日
再谈vertical-align与line-height
摘要: 每次遇到多个inline-block元素排列的怪异垂直位置的问题的时候都可以通过经验,设置vertical-align来解决,没深入研究过,现在需要分析总结下这个问题。 问题引出 有小鲜肉新做了个页面,其中一段代码是这样: 他很困惑,为什么两个inline-block的水平位置是这样。 1.首先要剔
阅读全文
posted @ 2016-06-20 20:08 清姿
阅读(277)
评论(0)
推荐(0)
编辑
2016年6月16日
Javascript中的Promise
摘要: Promise定义 Promise是CommonJs的规范之一,包含resolve,reject,done,fail,then等方法,能够帮助我们控制代码的流程,避免函数的多层嵌套。异步在web开发中越来越重要,对于开发人员来说,J非线性执行的编程会让开发者觉得难以掌控,而Promise可以让我们更
阅读全文
posted @ 2016-06-16 19:45 清姿
阅读(716)
评论(0)
推荐(0)
编辑
2016年5月17日
Retina屏实现1px边框
摘要: 问题描述 通常我们实现边框的方法都是设置1px的边框,但是在retina屏上因为设备像素比的不同,边框在移动设备上的表现也不相同,例如在devicePixelRatio = 2的retina屏下会显示成2px。这对于拥有像素眼的设计同事来说是无法忍受的,他们会一眼看出这边框粗了很多(真可怕,不过经历
阅读全文
posted @ 2016-05-17 14:25 清姿
阅读(519)
评论(0)
推荐(0)
编辑
2016年4月13日
移动端网页fixed布局问题解决方案
摘要: 问题说明 移动端web的footer常常设计为fixed布局,但是在页面键盘被拉起时fixed的布局会出现问题,自己试了下,在较低版本ios和部分安卓机上会有此问题。具体问题看图示: 样式: 蓝色的footer是fixed定位,没有唤起软键盘的时候一切正常。 唤起软键盘,在低版本ios里面就变成:(
阅读全文
posted @ 2016-04-13 14:37 清姿
阅读(9130)
评论(1)
推荐(0)
编辑
2016年3月15日
gulp使用笔记
摘要: gulp简介 gulp 是基于 Nodejs 的自动任务运行器,能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。在实现上, gulp 借鉴了
阅读全文
posted @ 2016-03-15 20:06 清姿
阅读(398)
评论(0)
推荐(0)
编辑
下一页