摘要：
最近重构了一个项目，一个基于redux模型的react-native项目，目标是在混乱的代码中梳理出一个清晰的结构来，为了实现这个目标，首先需要对项目的结构做分层处理，将各个逻辑分离出来，这里我是基于典型的MVC模型，那么为了将现有代码重构为理想的模型，我需要做以下几步： 拆分组件 逻辑处理 抽象、 阅读全文
摘要：
我们在开发移动端web项目时经常遇到设置border:1px，但是显示的边框却为2px或是3px粗细，这是因为设备像素比devicePixelRatio为2或3引起的。 何为“设备像素比devicePixelRatio” 设备上物理像素和设备独立像素(device-independent pixel 阅读全文
摘要：
meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 必要属性 属性值描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 阅读全文
摘要：
微信webview内置了调整字体大小的功能，用户可以根据实际情况进行调节。但是这也会导致字体大小改变以后，出现页面布局错乱的情况。 1、iOS的解决方案是覆盖掉微信的样式： 1 body { /* IOS禁止微信调整字体大小 */ 2 -webkit-text-size-adjust: 100% ! 阅读全文
摘要：
htm中doctype标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。 dotype 的特点： <!doctype>声明必须处于HTML文档的头部，在<html>标签之前，HTML5中不区分大小写 <!doctyp 阅读全文
摘要：
页面的命名规则 统一用翻译的英文命名（推荐） 统一用拼音命名（拼音的简化也可） 如果文件名过长，企业要提前约定一份缩写的规范，如pro—product 例如： 首页—index 产品列表—prolist产品详细页面—prodetail 新闻列表—newslist新闻详细页面—newsdetail 发 阅读全文
摘要：
我们都知道需要给html和body标签设置了高度height:100%之后，再给内部的div设置height:100%的时候，内部div的高度100%才会起到作用。这是由于：%是一个相对父元素计算得来的高度，要想使他有效，我们需要设置父元素的height。解决如下： 1 html,body{ 2 h 阅读全文
摘要：
一、基本概念 刷新 QQ 空间动态时，发现一则广告，随着用户上下滑动动态列表，就会自动切换广告图片，这样的效果对移动端本就不大的屏幕来说，无疑是很精妙的考虑，这样的效果是怎么实现的呢？ 你可以点击这里：QQ空间广告示意demo 接下来就说说这个效果的具体实现思路： 将两张图片通过定位，相对于图片容器 阅读全文