11 2019 档案

localStorage
摘要：本地存储与离线缓存 我们以前使用本地存储是cookie，但是使用cookie有一个明显的问题，它存储的数据是有限制的，一般情况下我们存储的数据不超过4K，webStorage能够存储的数据就很多，它包含两个内容， localStorage,原则上数据不会消失， sessionStorage，浏览器窗 阅读全文
posted @ 2019-11-26 17:36 solaris-wwf 阅读(358) 评论(0) 推荐(0)
认识GitHub和Git
摘要：使用Github 1.什么是Github 借助github托管项目代码，Github是全球最大的社交编程及代码托管网站（http://github.com/） Github可以托管各种git库，并提供一个web界面（用户名.github.io/仓库名） Github和Git是什么关系 Git是版本控 阅读全文
posted @ 2019-11-18 20:49 solaris-wwf 阅读(155) 评论(0) 推荐(0)
html5拖放-垃圾桶效果
摘要：html5拖放-垃圾桶效果 什么事拖放（drag） drag&drop：拖放指的是html5提供专门的拖拽与投放的API 拖放api的用处/优势 1.提供专门的拖拽与投放的API 2.触发多个事件，可控制鼠标的形状与移动时的效果 3.可以跨页面拖放 拖放api的基本操作语法 draggable属性 阅读全文
posted @ 2019-11-16 23:12 solaris-wwf 阅读(920) 评论(0) 推荐(0)
使用flexible.js和rem方案适配手机客户端
摘要：适配方案2 更简洁更高效的rem适配方案flexible.js 手机淘宝团队出的简介高效移动端适配库 我们再也不需要在写不同屏幕的媒体查询，因为里面js做了处理 它的原理是把当前设备划分为10等份，但是不同设备下，比例还是一致的。 我们要做的，就是确定好我们当前设备的html文字大小就可以了 比如当 阅读全文
posted @ 2019-11-16 20:27 solaris-wwf 阅读(353) 评论(0) 推荐(0)
使用less 媒体查询 rem进行手机客户端适配练习
摘要：适配方案1 设计稿常见尺寸宽度 iphone 4 5 640px iphone 6 7 8 750px android 320 360 375 384 400 414 500 720px大部分4.7~5的安卓设备为720px 一般情况下，我们一一套或两套效果图适应大部分的屏幕，放弃极端屏或对其优雅降 阅读全文
posted @ 2019-11-15 00:50 solaris-wwf 阅读(397) 评论(0) 推荐(0)
rem适配布局
摘要：rem适配布局 rem基础 rem是一个单位 rem（root em）是一个相对单位，类似于em，em是父元素字体大小 不同的是rem的基准是相对于html元素的字体大小 比如，根元素（html）设置font-size=12px；非根元素设置width:2rem;则换成px表示就是24px； rem 阅读全文
posted @ 2019-11-15 00:45 solaris-wwf 阅读(184) 评论(0) 推荐(0)
flex弹性布局
摘要：flex弹性布局 flex布局 传统布局的优点：兼容性好，布局繁琐，局限性，不能在移动端很好的布局 flex弹性布局优点： 1.操作方便，布局极为简单，移动端应用很广泛 2.PC端浏览器支持情况较差 3.IE11或更低版本，不支持或仅部分支持 建议：如果是PC端页面布局，我们还是传统布局。如果是移动 阅读全文
posted @ 2019-11-15 00:42 solaris-wwf 阅读(187) 评论(0) 推荐(0)
流式布局（百分比布局）
摘要：流式布局（百分比布局） 流式布局，就是百分比布局，也称为非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。 流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度(max-height最大高度) min-width最 阅读全文
posted @ 2019-11-14 20:45 solaris-wwf 阅读(4927) 评论(0) 推荐(0)
移动布局基础
摘要：移动布局基础 浏览器现状 pc端常见浏览器：360,谷歌，火狐，qq，百度，搜狗，IE浏览器 移动端常见浏览器：UC,QQ,哦朋，百度，360，谷歌，搜狗，猎豹等等 国内的uc和QQ，百度手机浏览器都是根据Webkit修改过来的内核，国内尚无自助研发的内核，就像国内的手机操作系统都是Android修 阅读全文
posted @ 2019-11-14 20:41 solaris-wwf 阅读(168) 评论(0) 推荐(0)
Less基础
摘要：Less基础 CSS是一门非程序式语言，没有便理那个、函数、SCOPE（作用域）等概念 CSS需要书写大量看似没有逻辑的代码，CSS冗余度是比较高的 不方便维护及扩展，不利于复用 CSS没有很好的计算能力 非前端开发工程师来讲，往往会因为缺少CSS编写经验而很难写出组织良好且易于维护的CSS代码项目 阅读全文
posted @ 2019-11-12 04:06 solaris-wwf 阅读(169) 评论(0) 推荐(0)
bootstrap的响应式布局
摘要：响应式布局 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的 超小屏幕（手机）：<768px 小屏设备(平板):>=768px ~<992px 中等屏幕（桌面显示器）:>=992px ~<1200px 宽屏设备（大桌面显示器）：>=1200px 响应式布 阅读全文
posted @ 2019-11-05 00:03 solaris-wwf 阅读(1505) 评论(0) 推荐(0)
Vue之Vuex状态管理模式
摘要：Vuex Vuex是一个专门为Vue.js应用程序开发的状态管理模式，它采用几种式存储管理应用的所有的组件状态，并以相应的规则保证状态以一种可预测的方式变化。Vuex也集成到了Vue官方调式工具devtool extension，提供了诸如零配置的time-travel调式，状态快照导入导出等高级调 阅读全文
posted @ 2019-11-02 16:11 solaris-wwf 阅读(157) 评论(0) 推荐(0)
Vue路由vue-router
摘要：vue 路由 vue-router2 注意：vue-router2@2.x只适用于Vue2.x版本 安装 因为之前在安装vue-cli的时候选项中就包括了vue路由这一项是否yes or no安装，所以如果要单独安装可以参考下面 1.你也可以用<script src="../js/vue-route 阅读全文
posted @ 2019-11-02 13:46 solaris-wwf 阅读(273) 评论(0) 推荐(0)