struggleForLife

摘要： 1. 百分比布局 特点: 不管分辨率怎么改变，头部的高度和位置都不变，文字流式，控件弹性，图片等比例缩放 适用于内容较少，比较简单的移动端页面 2. 等比例缩放布局（rem布局） 特点: 使用 rem 为主要单位进行页面布局，很好的实现了在不同设备上页面等比例缩放 适用于页面内容比较复杂的移动端页面 阅读全文

摘要： 1.双倍浮动Bug 描述：块元素设置 float 后，又设置了横向的margin，在IE6下显示的margin值比设置的值要大； 解决方案：给设置 float 的元素添加 display: inline; 2.表单行高不一致 解决方案： ①：给表单元素添加 float 属性； ②：给表单元素添加 v 阅读全文

摘要： 项目中，页面效果需要展示一个页面的移动端效果，使用的是一个苹果手机样式背景图，咋也没用过苹果，咋也不敢形容。 如下图所示： 在谷歌浏览器如图一滚动条顺利隐藏，但是火狐就如图二了，有了滚动条丑的一批。 先上谷歌浏览器解决滚动条代码： CSS代码： <style> .tp_box1{ width: 51 阅读全文

摘要： 项目中，页面效果需要展示一个页面的移动端效果，使用的是一个苹果手机样式背景图，咋也没用过苹果，咋也不敢形容。 如下图所示： 在谷歌浏览器如图一滚动条顺利隐藏，但是火狐就如图二了，有了滚动条丑的一批。 先上谷歌浏览器解决滚动条代码： CSS代码： <style> .tp_box1{ width: 51 阅读全文

摘要： 下面是一些常用的选择器： 1.id选择器（ # myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul > li） 6.后代选择器（li a） 7.通配符选择器（ * ） 8.属性选择器（a[rel = "ex 阅读全文

摘要： 1.jQuery ajax 传统 Ajax 指的是 XMLHttpRequest（XHR），核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。 JQuery ajax 是对原生XHR的封装，使用起来更方便快捷，除此以外还增添了对JSONP的支持。 硬要举出几 阅读全文

摘要： 一、GIT简介 Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。 Git是目前世界上最先进的分布式版本控制系统（没有之一） 二、集中式vs分布式优缺点 集中式版本控制系统： 最大的毛病就是必须联网才能工作，如果在局域网内还好，带宽够大，速度够快，可如果在互联网 阅读全文

摘要： 一、前后端分离的基本概念 前端后端交互，基本上是基于http+json的形式。后端专注于提供数据，更重要职责是维护系统架构的稳定，保证数据的安全。前端人员专注于交互，快速响应UI的变化。 双方交互基于http+json接口，后端人员基本只对接口负责，无需负责js和html的代码。前端人员只对界面展示 阅读全文

摘要： 话不多说，直接看图，一目了然 单页面应用 第一次进入页面时会请求一个html文件，刷新清除一下，切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容却变化了。 原理： js会感知到url的变化，通过这一点可以用js动态地将当前页面的内容清除，然后将下一个页面的内容挂载到当前页 阅读全文

摘要： SPA:概念 spa指的是single page application 是一种特殊的 Web 应用，就是只有一张Web页面的应用， 它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行 阅读全文