目录 移动端开发的基本观点 像素基础知识 viewport原理解析 弹性布局 响应式设计 1rem的运用 移动端的事件 zepto库的使用 移动端开发的基本观点 移动端开发的意义移动端用户使用量 -> 市场需求 -> 市场供给 -> 公司需要移动端开发人才 -> 工资高，就业易 -> 涌现大波程序猿 ...
分类：
移动开发 时间：
2020-03-22 10:52:25
阅读次数：
97
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480 ...
分类：
移动开发 时间：
2020-03-21 21:43:05
阅读次数：
96
Home 打开Chrome 开发者工具 了解面板 设备模式 注释：移动端开发工具 元素面板 使用元素面板可以自由的操作DOM和CSS来迭代布局和设计页面 注释:Elements标签页 控制台面板 在开发期间，可以使用控制台面板记录诊断信息，或者使用它作为 shell（壳） 在页面上与JavaScri ...
分类：
其他好文 时间：
2020-03-10 12:03:58
阅读次数：
46
一、伸缩布局盒模型(弹性盒模型) css3引入一种新的布局模式——flexbox布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的子项目布局，即使他们的大小是未知或者动态的。 主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是 ...
分类：
移动开发 时间：
2020-02-29 22:37:15
阅读次数：
94
最近想写一些博客，顺便复习一些自己的基础知识所以想到说说自己对flex布局的一些理解 flex意思为“弹性布局”，是移动端开发必备的属性简洁、快速，为盒状模型提供了最大的灵活性。 flex的属性 属性和说明 1 flex-direction //决定item的排列方向 2 flex-wrap： // ...
分类：
Web程序 时间：
2020-02-28 14:01:41
阅读次数：
79
相同点相同点:zepto: 是jquery 的 阉割版 是为移动端开发的库 jQuery的轻量级替代品。文件大小比较小 只有8k左右 ,是目前功能库中最小的一个，尽管不大，zepto 所提供的工具足以满足开发程序的需要，大多数在jquery中常用的API和方法Zepto 都有，Zepto 和API大... ...
分类：
Web程序 时间：
2020-02-01 10:38:52
阅读次数：
97
相关知识点: 移动端、 兼容/适配 、 IOS点击事件300ms延迟 、点击穿透 、 定位失败 ... 手机浏览器特有的事件: onTouchmove 、 ontouched 、 ontouchstart 、 ontouchcancel。 使用Zepto的原因: jQuery适用于PC端桌面环境，桌 ...
分类：
移动开发 时间：
2020-01-17 17:33:33
阅读次数：
136
package.json 中 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open --port 3000 --contentBase src --h ...
分类：
移动开发 时间：
2020-01-05 19:01:02
阅读次数：
154
前端学习目标 基础课程：HTML + CSS javaScript DOM BOM AJAX HTML5 + CSS3 应用课程：jQuery easyUI 移动端开发 响应式开发 PHP基础 H5UI bootstrap less/stylus 模板引擎 swiper iscroll select ...
分类：
其他好文 时间：
2020-01-04 01:37:54
阅读次数：
287
Viewport 是 HTML5 针对移动端开发新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现，提供响应式解决方案。这篇文章尝试通过循序渐进的方式，逐层探索 Viewport 的设计原理，希望能给读者带来更加清晰、更加全面的技术认知。 ...
分类：
其他好文 时间：
2020-01-03 14:05:36
阅读次数：
62
