先罗列一下我遇到的问题: 用户可选择图片上传,但是图片比较大(基本都是2M以上),而且还得异步上传。 由于操作上比较多的设计都是隐性的例如滑动之类,需要手势动画作提示。 块内元素滚动时不流畅,或不能滚动问题。 由于设计师…
标签:html5
移动端webP调研
移动端webP调研 webP介绍 WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。支持有损压缩和无损压缩,无损压缩后比png文件少了大约35%,有损压缩后比png文件少了大约70%,能节省大量…
输入框插入表情的实现
在普通的 textarea 中,只能显示普通的文本。如果简单的输入文本,textarea 便足以胜任。但是实际情况往往要复杂得多。 简单版本的插入表情 常见的版本一般都是使用 textarea,然后表情使用某种约定的文本…
工作遇到问题的解决方案
css line-height 在google和fire 有一像素偏差 display-inline-block 对齐方式有问题 用 vertical-align:middle select option 只有火狐支持 …
用VuePress来搭建一个极简的静态网站
VuePress进修 全局装置前我们须要Git和node这两个软件,关于怎样装置能够我之前hexo的视频教程 假如这两个都没有装置好,那末下面就不须要看了哈,栈友们 全局装置 起首我们先全局装置一下 npm stall …
《每周一点canvas动画》——缓动动画
内容已删除,请前去博客寓目后续内容。
打造个人or团队适用的开源项目规范
打造个人or团队适用的开源项目规范 lerna Lerna 是一个用来优化托管在gitnpm上的多package代码库的工作流的一个管理工具,可以让你在主项目下管理多个子项目,从而解决了多个包互相依赖,且发布时需要手动维…
手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机
调试移动端页面,优先选择使用chrome浏览器调试,如果是hybrid形式的页面,可以使用chrome提供的chrome://inspect/#devices 安卓真机调试,不过这个要求比较高:首先,你的 Chrome …
javascript 闭包
一、定义: 常规定义: 闭包的定义: 有权利访问外部函数作用域的函数。 通俗定义: 1、函数内部包含了函数。然后内部函数可以访问外部函数的作用域。 2、内部函数可以访问 父级函数的作用域。 ...等等等 二、思考: 1、…
HTML5 功能检测方法
所有的 DOM 节点都共同的属性,但是有些节点还会有额外的属性。在支持 HTML 5 的浏览器中,某些对象就拥有独特的属性。利用这种属性差异,我们就可以辨别当前浏览器是否支持某种功能。 检测方法 检测方法从简单到复杂,总…
一次搞清楚移动端适配这几个坑爹的单位慨念
一次搞清楚移动端这几个坑爹的单位慨念 目录: 一、让坑爹的单位,不再坑爹 二、需要准备什么样的设计稿 三、rem方案的原理和细节 高清屏上,位图的处理 高清屏上,关于border: 1px的处理 移动端屏幕的自动适配的处…
【技术】移动端适配 px2rem/px2vw 的原理与实现
简介 【目标】:前端开发移动端及H5时候,不需要再关心移动设备的大小,只需要按照固定设计稿的px值布局!【基础】 dpr(设备像素比)css的像素px不等于设备像素/分辨率/各种值,css的px可以简单理解为虚拟像素,与…