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