solaris-wwf

摘要： 本地存储与离线缓存 我们以前使用本地存储是cookie，但是使用cookie有一个明显的问题，它存储的数据是有限制的，一般情况下我们存储的数据不超过4K，webStorage能够存储的数据就很多，它包含两个内容， localStorage,原则上数据不会消失， sessionStorage，浏览器窗 阅读全文

摘要： 使用Github 1.什么是Github 借助github托管项目代码，Github是全球最大的社交编程及代码托管网站（http://github.com/） Github可以托管各种git库，并提供一个web界面（用户名.github.io/仓库名） Github和Git是什么关系 Git是版本控 阅读全文

摘要： html5拖放-垃圾桶效果 什么事拖放（drag） drag&drop：拖放指的是html5提供专门的拖拽与投放的API 拖放api的用处/优势 1.提供专门的拖拽与投放的API 2.触发多个事件，可控制鼠标的形状与移动时的效果 3.可以跨页面拖放 拖放api的基本操作语法 draggable属性 阅读全文

摘要： 适配方案2 更简洁更高效的rem适配方案flexible.js 手机淘宝团队出的简介高效移动端适配库 我们再也不需要在写不同屏幕的媒体查询，因为里面js做了处理 它的原理是把当前设备划分为10等份，但是不同设备下，比例还是一致的。 我们要做的，就是确定好我们当前设备的html文字大小就可以了 比如当 阅读全文

摘要： 适配方案1 设计稿常见尺寸宽度 iphone 4 5 640px iphone 6 7 8 750px android 320 360 375 384 400 414 500 720px大部分4.7~5的安卓设备为720px 一般情况下，我们一一套或两套效果图适应大部分的屏幕，放弃极端屏或对其优雅降 阅读全文

摘要： rem适配布局 rem基础 rem是一个单位 rem（root em）是一个相对单位，类似于em，em是父元素字体大小 不同的是rem的基准是相对于html元素的字体大小 比如，根元素（html）设置font-size=12px；非根元素设置width:2rem;则换成px表示就是24px； rem 阅读全文

摘要： flex弹性布局 flex布局 传统布局的优点：兼容性好，布局繁琐，局限性，不能在移动端很好的布局 flex弹性布局优点： 1.操作方便，布局极为简单，移动端应用很广泛 2.PC端浏览器支持情况较差 3.IE11或更低版本，不支持或仅部分支持 建议：如果是PC端页面布局，我们还是传统布局。如果是移动 阅读全文

摘要： 流式布局（百分比布局） 流式布局，就是百分比布局，也称为非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。 流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度(max-height最大高度) min-width最 阅读全文

摘要： 移动布局基础 浏览器现状 pc端常见浏览器：360,谷歌，火狐，qq，百度，搜狗，IE浏览器 移动端常见浏览器：UC,QQ,哦朋，百度，360，谷歌，搜狗，猎豹等等 国内的uc和QQ，百度手机浏览器都是根据Webkit修改过来的内核，国内尚无自助研发的内核，就像国内的手机操作系统都是Android修 阅读全文

摘要： Less基础 CSS是一门非程序式语言，没有便理那个、函数、SCOPE（作用域）等概念 CSS需要书写大量看似没有逻辑的代码，CSS冗余度是比较高的 不方便维护及扩展，不利于复用 CSS没有很好的计算能力 非前端开发工程师来讲，往往会因为缺少CSS编写经验而很难写出组织良好且易于维护的CSS代码项目 阅读全文