From b7279a30601105450c3d428c7403d3d1880a1642 Mon Sep 17 00:00:00 2001 From: Go7hic Date: Fri, 22 Apr 2016 23:52:19 +0800 Subject: [PATCH 01/36] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=9B=AE=E5=BD=95?= =?UTF-8?q?=E6=8F=8F=E8=BF=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 修改目录描述，里面可以介绍多个方法 --- solutions/README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/solutions/README.md b/solutions/README.md index 62d8d8e..cb2d6e7 100644 --- a/solutions/README.md +++ b/solutions/README.md @@ -1,6 +1,6 @@ 模拟原生效果实践 ==== -1. [使用border-image实现类似物理1像素](./border-1px.md) +1. [CSS 实现类似物理1像素](./border-1px.md) 2. [ios] [Web App Icon与启动图片实践(1)](https://gist.github.com/tfausak/2222823) -2. [ios] [Web App Icon与启动图片实践(2)](http://mobile.51cto.com/web-395063.htm) +3. [ios] [Web App Icon与启动图片实践(2)](http://mobile.51cto.com/web-395063.htm) From 31e2101cd518a6683c12ac11032aab54030cce35 Mon Sep 17 00:00:00 2001 From: Go7hic Date: Fri, 22 Apr 2016 23:56:24 +0800 Subject: [PATCH 02/36] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=B8=80=E7=A7=8D?= =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E6=96=B9=E6=B3=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 增加一种实现方法 --- solutions/border-1px.md | 24 ++++++++++++++++++++++-- 1 file changed, 22 insertions(+), 2 deletions(-) diff --git a/solutions/border-1px.md b/solutions/border-1px.md index fe98f29..6a9f84b 100644 --- a/solutions/border-1px.md +++ b/solutions/border-1px.md @@ -1,6 +1,6 @@ -使用border-image实现类似iOS7的1px底边 +CSS 实现类似原生效果的 1px 边框 ===== - +## 一.使用border-image实现类似iOS7的1px底边 iOS7已经发布有一段时间，扁平化设计风格有很多值得称赞的地方，其中有很多设计细节都是值得研究的。 首先，来看下面iOS设置的截图中的border： @@ -65,3 +65,23 @@ iOS7已经发布有一段时间，扁平化设计风格有很多值得称赞的 -webkit-border-image: url("data:image/png;base64,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") 2 0 stretch; } ``` + +## 使用 CSS3 transform 实现 + +```css +.border-1px { + position: relative; +} +.border-1px:after { + position: absolute; + content: ''; + top: -50%; + bottom: -50%; + left: -50%; + right: -50%; + -webkit-transform: scale(0.5); + transform: scale(0.5); + border-top: 1px solid #666; + border-bottom: 1px solid #666; +} +``` From a3b81a259dfba9ca0d19a98b5556ed11773cd1aa Mon Sep 17 00:00:00 2001 From: dntzhang Date: Tue, 13 Dec 2016 15:55:56 +0800 Subject: [PATCH 03/36] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index dce3abf..bd2b696 100644 --- a/README.md +++ b/README.md @@ -11,6 +11,7 @@ Mars - mobile needs a hero 6. [高性能Mobile Web开发](./performance/) 7. 类库依赖推荐 8. [演示](./demos/) +9. [触摸运动解决方案](http://alloyteam.github.io/AlloyTouch/) AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) From 65ffddf95367d47760b2317ad243b21c9ad69e41 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Tue, 13 Dec 2016 15:56:23 +0800 Subject: [PATCH 04/36] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index bd2b696..20841be 100644 --- a/README.md +++ b/README.md @@ -11,7 +11,7 @@ Mars - mobile needs a hero 6. [高性能Mobile Web开发](./performance/) 7. 类库依赖推荐 8. [演示](./demos/) -9. [触摸运动解决方案](http://alloyteam.github.io/AlloyTouch/) +9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) From a120295a3b6b7c3c3269d2d902856430ad336c50 Mon Sep 17 00:00:00 2001 From: Jay Date: Thu, 29 Dec 2016 11:04:24 +0800 Subject: [PATCH 05/36] Update font-family.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 完善新版本的字体匹配。 --- solutions/font-family.md | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/solutions/font-family.md b/solutions/font-family.md index c397ce3..cd0b481 100644 --- a/solutions/font-family.md +++ b/solutions/font-family.md @@ -2,14 +2,21 @@ ```css body { - font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; + } ``` -iOS 4.0+ 使用英文字体 Helvetica Neue，之前的iOS版本降级使用 Helvetica。 - +iOS 4.0+ （iOS 9以下系统已经非常少） 使用英文字体 Helvetica Neue，之前的iOS版本降级使用 Helvetica。 中文字体设置为华文黑体STHeiTi。 +iOS 9+ Safari开始支持 -apple-system 参数， Chrome 使用 BlinkMacSystemFont ，兼容 iOS ／ MacOS + +`微软雅黑`是为了兼容Win系统，毕竟视网膜分辨率的win系统用`Simsun`是非常丑陋的，可以用4K屏@windowns 去看 JD 淘宝，你能忍的话我就没话说 + +`PingFang SC` 是简体萍方，看需要 如果要命中对应 萍方字体的话 直接写 PingFang 不带引号。 + + 需补充说明，华文黑体并不存在iOS的字体库中(http://support.apple.com/kb/HT5484?viewlocale=en_US)， 但系统会自动将华文黑体STHeiTi兼容命中系统默认中文字体黑体-简或黑体-繁： @@ -28,6 +35,8 @@ Heiti TC Medium 黑体-繁 中黑 其他第三方Android系统也一致选择默认的无衬线字体。 +Android 就直接让它命中系统字体吧，因为你无法预知发行厂商会去内置什么字体，或者人家root去修改什么字体。 + ## 参考阅读 * [Droid, the default font for older versions of Android](http://en.wikipedia.org/wiki/Droid_fonts) * [Roboto, the default font for newer versions of Android](http://en.wikipedia.org/wiki/Roboto) From 4c434145de4341bfc942395a05db6caa8161097c Mon Sep 17 00:00:00 2001 From: dntzhang Date: Sat, 31 Dec 2016 09:52:26 +0800 Subject: [PATCH 06/36] =?UTF-8?q?=E8=90=8D=20>=20=E8=8B=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- solutions/font-family.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/solutions/font-family.md b/solutions/font-family.md index cd0b481..3f5aedf 100644 --- a/solutions/font-family.md +++ b/solutions/font-family.md @@ -14,7 +14,7 @@ iOS 9+ Safari开始支持 -apple-system 参数， Chrome 使用 BlinkMacSystemFo `微软雅黑`是为了兼容Win系统，毕竟视网膜分辨率的win系统用`Simsun`是非常丑陋的，可以用4K屏@windowns 去看 JD 淘宝，你能忍的话我就没话说 -`PingFang SC` 是简体萍方，看需要 如果要命中对应 萍方字体的话 直接写 PingFang 不带引号。 +`PingFang SC` 是简体苹方，看需要 如果要命中对应 苹方字体的话 直接写 PingFang 不带引号。 需补充说明，华文黑体并不存在iOS的字体库中(http://support.apple.com/kb/HT5484?viewlocale=en_US)， From 8b96b10b0c12cc84c19eecee39e2db31125db6d7 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Tue, 3 Jan 2017 08:23:35 +0800 Subject: [PATCH 07/36] Update README.md --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 20841be..dd8fbd1 100644 --- a/README.md +++ b/README.md @@ -9,8 +9,7 @@ Mars - mobile needs a hero 4. [工具类方法汇总](./tools/) 5. [iOS与Android平台上问题列表](./issues/) 6. [高性能Mobile Web开发](./performance/) -7. 类库依赖推荐 -8. [演示](./demos/) +7. [特效制作解决方案](http://alloyteam.github.io/AlloyTouch/transformjs/) 9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) From 00158230da5bc84e1420818e1d232c3fb11f5a5d Mon Sep 17 00:00:00 2001 From: dntzhang Date: Tue, 3 Jan 2017 08:26:30 +0800 Subject: [PATCH 08/36] Update README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index dd8fbd1..6403ef3 100644 --- a/README.md +++ b/README.md @@ -11,6 +11,8 @@ Mars - mobile needs a hero 6. [高性能Mobile Web开发](./performance/) 7. [特效制作解决方案](http://alloyteam.github.io/AlloyTouch/transformjs/) 9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) +10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) +11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop) AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) From 5996776b6596f677980bc94a8f008692b0503ae0 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Tue, 3 Jan 2017 08:28:13 +0800 Subject: [PATCH 09/36] Update README.md --- README.md | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/README.md b/README.md index 6403ef3..677cdcf 100644 --- a/README.md +++ b/README.md @@ -18,10 +18,7 @@ AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://gith ### 贡献者 -1. 元彦 -2. Johnny Kwok -3. maxzhang -4. Adams +元彦,Johnny Kwok,maxzhang,Adams ###[如何贡献?](https://github.com/AlloyTeam/Mars/wiki/%E5%A6%82%E4%BD%95%E8%B4%A1%E7%8C%AE%E5%86%85%E5%AE%B9) > 腾讯 From d68204a734ca78000898377034173744d6c96200 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Tue, 3 Jan 2017 08:41:13 +0800 Subject: [PATCH 10/36] Update README.md --- README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/README.md b/README.md index 677cdcf..43aa8e6 100644 --- a/README.md +++ b/README.md @@ -16,9 +16,7 @@ Mars - mobile needs a hero AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) -### 贡献者 - -元彦,Johnny Kwok,maxzhang,Adams +###[贡献者?](https://github.com/AlloyTeam/Mars/graphs/contributors) ###[如何贡献?](https://github.com/AlloyTeam/Mars/wiki/%E5%A6%82%E4%BD%95%E8%B4%A1%E7%8C%AE%E5%86%85%E5%AE%B9) > 腾讯 From 127dd0024ca6e227b1928fa399b5e8f121dc37f0 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Tue, 3 Jan 2017 08:41:40 +0800 Subject: [PATCH 11/36] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 43aa8e6..3f24d42 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ Mars - mobile needs a hero AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) -###[贡献者?](https://github.com/AlloyTeam/Mars/graphs/contributors) - ###[如何贡献?](https://github.com/AlloyTeam/Mars/wiki/%E5%A6%82%E4%BD%95%E8%B4%A1%E7%8C%AE%E5%86%85%E5%AE%B9) +###[贡献者](https://github.com/AlloyTeam/Mars/graphs/contributors) + > 腾讯 From 11464be0765887b29269735b78acb5ff98f0b698 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Tue, 3 Jan 2017 08:42:43 +0800 Subject: [PATCH 12/36] Update README.md --- README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/README.md b/README.md index 3f24d42..e86df16 100644 --- a/README.md +++ b/README.md @@ -14,9 +14,7 @@ Mars - mobile needs a hero 10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) 11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop) -AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) +腾讯 AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) ###[如何贡献?](https://github.com/AlloyTeam/Mars/wiki/%E5%A6%82%E4%BD%95%E8%B4%A1%E7%8C%AE%E5%86%85%E5%AE%B9) ###[贡献者](https://github.com/AlloyTeam/Mars/graphs/contributors) - -> 腾讯 From e20c4b3ff122dd1ec525b5df22a733387b962f6f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=83=91=E4=BF=8A=E9=91=AB?= <18810544291@163.com> Date: Sun, 15 Jan 2017 12:15:52 +0800 Subject: [PATCH 13/36] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=AB=98=E6=80=A7?= =?UTF-8?q?=E8=83=BD=E6=BB=9A=E5=8A=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- performance/README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/performance/README.md b/performance/README.md index 76b4295..d185395 100644 --- a/performance/README.md +++ b/performance/README.md @@ -3,3 +3,4 @@ 1. [高性能CSS3动画](./high-performance-css3-animation.md) 2. [CSS动画属性性能](./css-property-animation-performance.md) +3. [高性能滚动](https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md) From 911341bfe011aaba58ac13dba2e249336bf4ca97 Mon Sep 17 00:00:00 2001 From: Joe Jiang Date: Thu, 9 Feb 2017 21:52:03 +0800 Subject: [PATCH 14/36] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=AB=98=E6=80=A7?= =?UTF-8?q?=E8=83=BD=20Mobile=20Web=20=E5=BC=80=E5=8F=91=20-=20=E7=A6=BB?= =?UTF-8?q?=E7=BA=BF=20Web=20App=20=E4=BB=A5=E5=8F=8A=E6=B6=88=E6=81=AF?= =?UTF-8?q?=E5=90=8C=E6=AD=A5=E4=B8=8E=E6=8E=A8=E9=80=81=E5=AE=9E=E7=8E=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 利用 Service Worker 实现Web App 的离线访问、消息同步以及与原生应用相似的本地消息推送 - 该方案适用于 Mobile Web (基于 Chrome 52 以及更新版本) --- performance/README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/performance/README.md b/performance/README.md index d185395..76b135d 100644 --- a/performance/README.md +++ b/performance/README.md @@ -4,3 +4,4 @@ 1. [高性能CSS3动画](./high-performance-css3-animation.md) 2. [CSS动画属性性能](./css-property-animation-performance.md) 3. [高性能滚动](https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md) +4. [离线 Web App 以及消息同步与推送实现](https://developers.google.com/web/fundamentals/getting-started/primers/service-workers) From 3f129f1811a293008f8d8fc7de5d897cbaa4e84f Mon Sep 17 00:00:00 2001 From: Joe Jiang Date: Fri, 10 Feb 2017 11:09:45 +0800 Subject: [PATCH 15/36] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20=E8=B5=84=E6=BA=90?= =?UTF-8?q?=E4=B8=8E=E5=B7=A5=E5=85=B7=20-=20=E4=B8=A4=E4=B8=AA=E7=9B=B8?= =?UTF-8?q?=E5=85=B3=E7=9A=84=E5=9C=A8=E7=BA=BF=E9=85=8D=E8=89=B2=E5=B7=A5?= =?UTF-8?q?=E5=85=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 地图地区分布配色方案选择工具 ColorBrewer (based on the research of [Dr. Cynthia Brewer](http://www.personal.psu.edu/cab38/)) - ColorBrewer 访问地址 http://colorbrewer2.org/ - Official Description: Web tool for guidance in choosing choropleth map color schemes. - 在线配色选择器提供单色搭配、互补色搭配、三角形搭配、矩形搭配、类似色搭配、类似色搭配互补色等多种选择操作，便捷易懂 - 在线配色选择器 访问地址 http://www.peise.net/tools/web/ --- tools/README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/tools/README.md b/tools/README.md index fb46b59..b76270f 100644 --- a/tools/README.md +++ b/tools/README.md @@ -46,3 +46,7 @@ * [移动端手势表](http://ww1.sinaimg.cn/large/c2c57f68jw1e4fh7dmw12j20fi2w6qe1.jpg "移动端手势表") * [webkit独有的样式分析](http://ued.ctrip.com/blog/wp-content/webkitcss/ "webkit独有的样式分析") + +* [地图地区分布配色方案选择工具](https://github.com/axismaps/colorbrewer/ "地图地区分布配色方案选择工具") + +* [在线配色选择器](http://www.peise.net/tools/web/ "在线配色选择器") From bf09cf2a61b7fcbbe0b809d52dd32c6cb2416542 Mon Sep 17 00:00:00 2001 From: paranoidjk Date: Mon, 27 Feb 2017 12:27:19 +0800 Subject: [PATCH 16/36] fix: typo --- solutions/font-family.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/solutions/font-family.md b/solutions/font-family.md index 3f5aedf..3061aca 100644 --- a/solutions/font-family.md +++ b/solutions/font-family.md @@ -12,7 +12,7 @@ iOS 4.0+ （iOS 9以下系统已经非常少） 使用英文字体 Helvetica Neu iOS 9+ Safari开始支持 -apple-system 参数， Chrome 使用 BlinkMacSystemFont ，兼容 iOS ／ MacOS -`微软雅黑`是为了兼容Win系统，毕竟视网膜分辨率的win系统用`Simsun`是非常丑陋的，可以用4K屏@windowns 去看 JD 淘宝，你能忍的话我就没话说 +`微软雅黑`是为了兼容Win系统，毕竟视网膜分辨率的win系统用`Simsun`是非常丑陋的，可以用4K屏 windows 去看 JD 淘宝，你能忍的话我就没话说 `PingFang SC` 是简体苹方，看需要 如果要命中对应 苹方字体的话 直接写 PingFang 不带引号。 From f6677e35a9e9d26c562ad0fb9bf12668b64c7f25 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Thu, 16 Mar 2017 12:24:10 +0800 Subject: [PATCH 17/36] Update README.md --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index e86df16..96c31ef 100644 --- a/README.md +++ b/README.md @@ -16,5 +16,4 @@ Mars - mobile needs a hero 腾讯 AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) -###[如何贡献?](https://github.com/AlloyTeam/Mars/wiki/%E5%A6%82%E4%BD%95%E8%B4%A1%E7%8C%AE%E5%86%85%E5%AE%B9) -###[贡献者](https://github.com/AlloyTeam/Mars/graphs/contributors) +###[捐助Mars](http://alloyteam.github.io/donate.html) From b5161b583ad5a7701ca62f560dd5d6a596f0f07a Mon Sep 17 00:00:00 2001 From: dntzhang Date: Thu, 16 Mar 2017 12:24:32 +0800 Subject: [PATCH 18/36] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 96c31ef..70a1846 100644 --- a/README.md +++ b/README.md @@ -14,6 +14,6 @@ Mars - mobile needs a hero 10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) 11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop) -腾讯 AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) +### [捐助Mars](http://alloyteam.github.io/donate.html) -###[捐助Mars](http://alloyteam.github.io/donate.html) +腾讯 AlloyTeam 邀请社区朋友一起参与完善 Mars，欢迎 [Fork](https://github.com/AlloyTeam/Mars/fork) & [Pull Request](https://github.com/AlloyTeam/Mars/pulls) From f70a7da86741a1896acce2b718887c9fac2f5454 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Sat, 1 Apr 2017 13:32:30 +0800 Subject: [PATCH 19/36] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 70a1846..919b7ca 100644 --- a/README.md +++ b/README.md @@ -13,6 +13,7 @@ Mars - mobile needs a hero 9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) 10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) 11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop) +12. [Omi组件化框架](http://alloyteam.github.io/omi/) ### [捐助Mars](http://alloyteam.github.io/donate.html) From 5113cd9fa8296d99bac4fc2b592469b7ceb6ccd0 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Sat, 1 Apr 2017 13:32:59 +0800 Subject: [PATCH 20/36] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 919b7ca..7f0fb18 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ Mars - mobile needs a hero 9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) 10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) 11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop) -12. [Omi组件化框架](http://alloyteam.github.io/omi/) +12. [Omi组件化框架](https://github.com/AlloyTeam/omi) ### [捐助Mars](http://alloyteam.github.io/donate.html) From b09bf5ba88c9e922bf52114c5a8bbb4acaad61ed Mon Sep 17 00:00:00 2001 From: dntzhang Date: Fri, 9 Jun 2017 14:56:18 +0800 Subject: [PATCH 21/36] Create README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 7f0fb18..4564047 100644 --- a/README.md +++ b/README.md @@ -14,6 +14,8 @@ Mars - mobile needs a hero 10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) 11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop) 12. [Omi组件化框架](https://github.com/AlloyTeam/omi) +13. [做最好的脚手架，创建网站无需配置](https://github.com/AlloyTeam/omi-cli) +14. [1kb代码搞定移动Web开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) ### [捐助Mars](http://alloyteam.github.io/donate.html) From e80013611888f765bc8225e06f0dc186ee7a0295 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Tue, 8 Aug 2017 08:05:59 +0800 Subject: [PATCH 22/36] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 4564047..c93b815 100644 --- a/README.md +++ b/README.md @@ -12,8 +12,8 @@ Mars - mobile needs a hero 7. [特效制作解决方案](http://alloyteam.github.io/AlloyTouch/transformjs/) 9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) 10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) -11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop) -12. [Omi组件化框架](https://github.com/AlloyTeam/omi) +11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyFinger/AlloyCrop) +12. 组件化框架 [Omi](https://github.com/AlloyTeam/omi) 和 [Omix](https://github.com/AlloyTeam/omix) 13. [做最好的脚手架，创建网站无需配置](https://github.com/AlloyTeam/omi-cli) 14. [1kb代码搞定移动Web开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) From d2a05a81e7dcdfb6648aa133b7c8c341808954cf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Tue, 8 Aug 2017 08:07:03 +0800 Subject: [PATCH 23/36] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c93b815..c824ba3 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ Mars - mobile needs a hero 7. [特效制作解决方案](http://alloyteam.github.io/AlloyTouch/transformjs/) 9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) 10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) -11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyFinger/AlloyCrop) +11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyCrop) 12. 组件化框架 [Omi](https://github.com/AlloyTeam/omi) 和 [Omix](https://github.com/AlloyTeam/omix) 13. [做最好的脚手架，创建网站无需配置](https://github.com/AlloyTeam/omi-cli) 14. [1kb代码搞定移动Web开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) From 224ef07cb54996fb9499d36419a786d1bb335525 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Thu, 17 Aug 2017 15:15:51 +0800 Subject: [PATCH 24/36] Update README.md --- README.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index c824ba3..c6bbef7 100644 --- a/README.md +++ b/README.md @@ -13,9 +13,10 @@ Mars - mobile needs a hero 9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) 10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) 11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyCrop) -12. 组件化框架 [Omi](https://github.com/AlloyTeam/omi) 和 [Omix](https://github.com/AlloyTeam/omix) -13. [做最好的脚手架，创建网站无需配置](https://github.com/AlloyTeam/omi-cli) -14. [1kb代码搞定移动Web开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) +12. [Mobile级联选择器](https://github.com/AlloyTeam/AlloyTouch/tree/master/select) +13. 组件化框架 [Omi](https://github.com/AlloyTeam/omi) 和 [Omix](https://github.com/AlloyTeam/omix) +14. [做最好的脚手架，创建网站无需配置](https://github.com/AlloyTeam/omi-cli) +15. [1kb代码搞定移动Web开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) ### [捐助Mars](http://alloyteam.github.io/donate.html) From 3e943fad694889d3747c8824cadf5aa059407e80 Mon Sep 17 00:00:00 2001 From: LiuTongTong Date: Fri, 5 Jan 2018 09:59:22 +0800 Subject: [PATCH 25/36] function name spell error should is it? --- issues/README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/issues/README.md b/issues/README.md index c54168d..9011904 100644 --- a/issues/README.md +++ b/issues/README.md @@ -218,7 +218,7 @@ input type date 的 placeholder 支持性有一定问题，因为浏览器会针 zepto方式: ``` -$(sltElement).trrgger("mousedown"); +$(sltElement).trigger("mousedown"); ``` 原生js方式: ``` @@ -228,4 +228,4 @@ function showDropdown(sltElement) { event.initMouseEvent('mousedown', true, true, window); sltElement.dispatchEvent(event); }; -``` \ No newline at end of file +``` From 71c20c37967e03a99a7947996cf2e37d7e022e08 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Sun, 25 Feb 2018 16:27:42 +0800 Subject: [PATCH 26/36] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c6bbef7..c2c6616 100644 --- a/README.md +++ b/README.md @@ -14,7 +14,7 @@ Mars - mobile needs a hero 10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) 11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyCrop) 12. [Mobile级联选择器](https://github.com/AlloyTeam/AlloyTouch/tree/master/select) -13. 组件化框架 [Omi](https://github.com/AlloyTeam/omi) 和 [Omix](https://github.com/AlloyTeam/omix) +13. 组件化框架 [Omix](https://github.com/AlloyTeam/omi) 14. [做最好的脚手架，创建网站无需配置](https://github.com/AlloyTeam/omi-cli) 15. [1kb代码搞定移动Web开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) From 01d435ffdf50c326bddf0fece9d690f862e79efe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Sun, 25 Feb 2018 16:28:28 +0800 Subject: [PATCH 27/36] Update README.md --- README.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index c2c6616..9fe578a 100644 --- a/README.md +++ b/README.md @@ -7,16 +7,16 @@ Mars - mobile needs a hero 2. [字体设置最佳实践](./solutions/font-family.md) 3. [模拟原生效果实践](./solutions/) 4. [工具类方法汇总](./tools/) -5. [iOS与Android平台上问题列表](./issues/) -6. [高性能Mobile Web开发](./performance/) +5. [iOS 与 Android 平台上问题列表](./issues/) +6. [高性能 Mobile Web 开发](./performance/) 7. [特效制作解决方案](http://alloyteam.github.io/AlloyTouch/transformjs/) 9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) -10. [Mobile手势解决方案](https://github.com/AlloyTeam/AlloyFinger) -11. [Mobile裁剪解决方案](https://github.com/AlloyTeam/AlloyCrop) -12. [Mobile级联选择器](https://github.com/AlloyTeam/AlloyTouch/tree/master/select) -13. 组件化框架 [Omix](https://github.com/AlloyTeam/omi) +10. [Mobile 手势解决方案](https://github.com/AlloyTeam/AlloyFinger) +11. [Mobile 裁剪解决方案](https://github.com/AlloyTeam/AlloyCrop) +12. [Mobile 级联选择器](https://github.com/AlloyTeam/AlloyTouch/tree/master/select) +13. [组件化框架 Omix](https://github.com/AlloyTeam/omi) 14. [做最好的脚手架，创建网站无需配置](https://github.com/AlloyTeam/omi-cli) -15. [1kb代码搞定移动Web开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) +15. [1kb代码搞定移动 Web 开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) ### [捐助Mars](http://alloyteam.github.io/donate.html) From 2f1c0bbb9177a6cd3ae2e43d7708d4c9284fb309 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Mon, 23 Apr 2018 09:26:30 +0800 Subject: [PATCH 28/36] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 9fe578a..ca945da 100644 --- a/README.md +++ b/README.md @@ -14,7 +14,7 @@ Mars - mobile needs a hero 10. [Mobile 手势解决方案](https://github.com/AlloyTeam/AlloyFinger) 11. [Mobile 裁剪解决方案](https://github.com/AlloyTeam/AlloyCrop) 12. [Mobile 级联选择器](https://github.com/AlloyTeam/AlloyTouch/tree/master/select) -13. [组件化框架 Omix](https://github.com/AlloyTeam/omi) +13. [组件化框架 Omi](https://github.com/AlloyTeam/omi) 14. [做最好的脚手架，创建网站无需配置](https://github.com/AlloyTeam/omi-cli) 15. [1kb代码搞定移动 Web 开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) From 1bf28a5396691f606c823ff46ab7afcfa829137a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Thu, 17 May 2018 17:07:22 +0800 Subject: [PATCH 29/36] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ca945da..c5a621f 100644 --- a/README.md +++ b/README.md @@ -14,7 +14,7 @@ Mars - mobile needs a hero 10. [Mobile 手势解决方案](https://github.com/AlloyTeam/AlloyFinger) 11. [Mobile 裁剪解决方案](https://github.com/AlloyTeam/AlloyCrop) 12. [Mobile 级联选择器](https://github.com/AlloyTeam/AlloyTouch/tree/master/select) -13. [组件化框架 Omi](https://github.com/AlloyTeam/omi) +13. [组件化框架 Omi](https://github.com/Tencent/omi) 14. [做最好的脚手架，创建网站无需配置](https://github.com/AlloyTeam/omi-cli) 15. [1kb代码搞定移动 Web 开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) From 2684c7517c48f5b0c27895a8d66d9c7f7f22202b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Mon, 2 Jul 2018 10:02:28 +0800 Subject: [PATCH 30/36] Update README.md --- README.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index c5a621f..8473b7e 100644 --- a/README.md +++ b/README.md @@ -11,12 +11,13 @@ Mars - mobile needs a hero 6. [高性能 Mobile Web 开发](./performance/) 7. [特效制作解决方案](http://alloyteam.github.io/AlloyTouch/transformjs/) 9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) -10. [Mobile 手势解决方案](https://github.com/AlloyTeam/AlloyFinger) -11. [Mobile 裁剪解决方案](https://github.com/AlloyTeam/AlloyCrop) +10. [Mobile 手势解决方案 - AlloyFinger](https://github.com/AlloyTeam/AlloyFinger) +11. [Mobile 裁剪解决方案 - AlloyCrop](https://github.com/AlloyTeam/AlloyCrop) 12. [Mobile 级联选择器](https://github.com/AlloyTeam/AlloyTouch/tree/master/select) -13. [组件化框架 Omi](https://github.com/Tencent/omi) -14. [做最好的脚手架，创建网站无需配置](https://github.com/AlloyTeam/omi-cli) -15. [1kb代码搞定移动 Web 开发调试发布错误监控上报用户问题定位](https://github.com/AlloyTeam/AlloyLever) +13. [通用组件化框架 - Omi](https://github.com/Tencent/omi) +14. [做最好的脚手架，创建网站无需配置 omi-cli](https://github.com/AlloyTeam/omi-cli) +15. [1kb代码搞定移动 Web 开发调试发布错误监控上报用户问题定位 - AlloyLever](https://github.com/AlloyTeam/AlloyLever) +16. [小程序、小游戏以及 Web 通用 Canvas 渲染引擎 - Cax](https://github.com/dntzhang/cax) ### [捐助Mars](http://alloyteam.github.io/donate.html) From ae5fdcb4028bfd7afd0c74c48e60cd816b043c21 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Mon, 2 Jul 2018 10:05:39 +0800 Subject: [PATCH 31/36] Update README.md --- README.md | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/README.md b/README.md index 8473b7e..12380a6 100644 --- a/README.md +++ b/README.md @@ -3,21 +3,21 @@ Mars - mobile needs a hero 面向亿万用户级的移动端Web解决方案： -1. [代码结构规范](./solutions/project-structure.md) -2. [字体设置最佳实践](./solutions/font-family.md) -3. [模拟原生效果实践](./solutions/) -4. [工具类方法汇总](./tools/) -5. [iOS 与 Android 平台上问题列表](./issues/) -6. [高性能 Mobile Web 开发](./performance/) -7. [特效制作解决方案](http://alloyteam.github.io/AlloyTouch/transformjs/) -9. [触摸运动解决方案](https://github.com/AlloyTeam/AlloyTouch) -10. [Mobile 手势解决方案 - AlloyFinger](https://github.com/AlloyTeam/AlloyFinger) -11. [Mobile 裁剪解决方案 - AlloyCrop](https://github.com/AlloyTeam/AlloyCrop) -12. [Mobile 级联选择器](https://github.com/AlloyTeam/AlloyTouch/tree/master/select) -13. [通用组件化框架 - Omi](https://github.com/Tencent/omi) -14. [做最好的脚手架，创建网站无需配置 omi-cli](https://github.com/AlloyTeam/omi-cli) -15. [1kb代码搞定移动 Web 开发调试发布错误监控上报用户问题定位 - AlloyLever](https://github.com/AlloyTeam/AlloyLever) -16. [小程序、小游戏以及 Web 通用 Canvas 渲染引擎 - Cax](https://github.com/dntzhang/cax) +* [代码结构规范](./solutions/project-structure.md) +* [字体设置最佳实践](./solutions/font-family.md) +* [模拟原生效果实践](./solutions/) +* [工具类方法汇总](./tools/) +* [iOS 与 Android 平台上问题列表](./issues/) +* [高性能 Mobile Web 开发](./performance/) +* [特效制作解决方案 - css3transform](http://alloyteam.github.io/AlloyTouch/transformjs/) +* [触摸运动解决方案 - AlloyTouch](https://github.com/AlloyTeam/AlloyTouch) +* [Mobile 手势解决方案 - AlloyFinger](https://github.com/AlloyTeam/AlloyFinger) +* [Mobile 裁剪解决方案 - AlloyCrop](https://github.com/AlloyTeam/AlloyCrop) +* [Mobile 级联选择器](https://github.com/AlloyTeam/AlloyTouch/tree/master/select) +* [通用组件化框架 - Omi](https://github.com/Tencent/omi) +* [做最好的脚手架，创建网站无需配置 omi-cli](https://github.com/AlloyTeam/omi-cli) +* [1kb代码搞定移动 Web 开发调试发布错误监控上报用户问题定位 - AlloyLever](https://github.com/AlloyTeam/AlloyLever) +* [小程序、小游戏以及 Web 通用 Canvas 渲染引擎 - Cax](https://github.com/dntzhang/cax) ### [捐助Mars](http://alloyteam.github.io/donate.html) From c416a963610dd92c0dc5fc53ed1113a3834ed392 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Sat, 10 Nov 2018 11:58:23 +0800 Subject: [PATCH 32/36] Update README.md --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 12380a6..0819d87 100644 --- a/README.md +++ b/README.md @@ -9,13 +9,12 @@ Mars - mobile needs a hero * [工具类方法汇总](./tools/) * [iOS 与 Android 平台上问题列表](./issues/) * [高性能 Mobile Web 开发](./performance/) +* [通用组件化框架 - Omi![](https://raw.githubusercontent.com/dntzhang/cax/master/asset/hot.png)](https://github.com/Tencent/omi) * [特效制作解决方案 - css3transform](http://alloyteam.github.io/AlloyTouch/transformjs/) * [触摸运动解决方案 - AlloyTouch](https://github.com/AlloyTeam/AlloyTouch) * [Mobile 手势解决方案 - AlloyFinger](https://github.com/AlloyTeam/AlloyFinger) * [Mobile 裁剪解决方案 - AlloyCrop](https://github.com/AlloyTeam/AlloyCrop) * [Mobile 级联选择器](https://github.com/AlloyTeam/AlloyTouch/tree/master/select) -* [通用组件化框架 - Omi](https://github.com/Tencent/omi) -* [做最好的脚手架，创建网站无需配置 omi-cli](https://github.com/AlloyTeam/omi-cli) * [1kb代码搞定移动 Web 开发调试发布错误监控上报用户问题定位 - AlloyLever](https://github.com/AlloyTeam/AlloyLever) * [小程序、小游戏以及 Web 通用 Canvas 渲染引擎 - Cax](https://github.com/dntzhang/cax) From 8cdb66ff39e3960fd5fb8c7e3a78c74b99c7add2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Mon, 3 Dec 2018 17:09:12 +0800 Subject: [PATCH 33/36] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0819d87..1eb9631 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ Mars - mobile needs a hero * [工具类方法汇总](./tools/) * [iOS 与 Android 平台上问题列表](./issues/) * [高性能 Mobile Web 开发](./performance/) -* [通用组件化框架 - Omi![](https://raw.githubusercontent.com/dntzhang/cax/master/asset/hot.png)](https://github.com/Tencent/omi) +* [下一代 Web 框架 - Omi![](https://raw.githubusercontent.com/dntzhang/cax/master/asset/hot.png)](https://github.com/Tencent/omi) * [特效制作解决方案 - css3transform](http://alloyteam.github.io/AlloyTouch/transformjs/) * [触摸运动解决方案 - AlloyTouch](https://github.com/AlloyTeam/AlloyTouch) * [Mobile 手势解决方案 - AlloyFinger](https://github.com/AlloyTeam/AlloyFinger) From 0ec73bdca693bcb83dfe32fefecd9a4da8117214 Mon Sep 17 00:00:00 2001 From: zhuangzhuang Date: Fri, 11 Jan 2019 11:57:01 +0800 Subject: [PATCH 34/36] =?UTF-8?q?=E5=8A=A0=E5=85=A5touch=E6=80=A7=E8=83=BD?= =?UTF-8?q?=E5=A2=9E=E5=BC=BA=E5=8F=82=E8=80=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- issues/README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/issues/README.md b/issues/README.md index 9011904..c04d036 100644 --- a/issues/README.md +++ b/issues/README.md @@ -99,6 +99,7 @@ click 事件普遍 300ms 的延迟 }); 把代码放在 setTimeout 中，会发现程序变快. + ### 关于 iOS 系统中，WebAPP 启动图片在不同设备上的适应性设置 From e06b6bd9fba77e7884caf681069a80961076ea0b Mon Sep 17 00:00:00 2001 From: Michael An <2331806369@qq.com> Date: Thu, 2 Sep 2021 15:46:24 +0800 Subject: [PATCH 35/36] format markdown title --- issues/README.md | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/issues/README.md b/issues/README.md index c04d036..82fadff 100644 --- a/issues/README.md +++ b/issues/README.md @@ -136,7 +136,7 @@ Android web视图，例如在 HTC EVO 和三星的 Galaxy Nexus 中，文本输 参考： -###移动端 HTML5 audio autoplay 失效问题 +### 移动端 HTML5 audio autoplay 失效问题 这个不是 BUG，由于自动播放网页中的音频或视频，会给用户带来一些困扰或者不必要的流量消耗，所以苹果系统和安卓系统通常都会禁止自动播放和使用 JS 的触发播放，必须由用户来触发才可以播放。 @@ -154,7 +154,7 @@ document.addEventListener('touchstart', function () { 扩展阅读： -###移动端 HTML5 input date 不支持 placeholder 问题 +### 移动端 HTML5 input date 不支持 placeholder 问题 input type date 的 placeholder 支持性有一定问题，因为浏览器会针对此类型 input 增加 datepicker 模块，看上去没那么必要支持 placeholder。 @@ -181,7 +181,7 @@ input type date 的 placeholder 支持性有一定问题，因为浏览器会针 方案出处： -###IOS Safari 支持localstorage但是setItem异常（QUOTA_EXCEEDED_ERR:DOM Exception 22） +### IOS Safari 支持localstorage但是setItem异常（QUOTA_EXCEEDED_ERR:DOM Exception 22） 平台：IOS8.1 browser：Safari600.1.4 @@ -189,7 +189,8 @@ input type date 的 placeholder 支持性有一定问题，因为浏览器会针 问题源自于项目需要在浏览器中遮罩提示,点击关闭状态存储在localstorage中。Safari浏览器关闭后刷新页面层依旧存在 bug issue 简单的存储状态可以使用cookie的方式替代。 -###Chrome 地址栏自动隐藏交互行为对于fixed 顶部的元素遮挡 + +### Chrome 地址栏自动隐藏交互行为对于fixed 顶部的元素遮挡 系统：IOS8.1 浏览器：Chrome 26.0.1410.53 @@ -201,21 +202,23 @@ input type date 的 placeholder 支持性有一定问题，因为浏览器会针 bug fixed 解决办法在这里 -###Android平台遮罩层下的input、select、a等元素可以被点击和focus(点击穿透) +### Android平台遮罩层下的input、select、a等元素可以被点击和focus(点击穿透) 问题发现于三星手机，这个在特定需求下才会有，因此如果没有类似问题的可以不看。首先需求是浮层操作，在三星上被遮罩的元素依然可以获取focus、click、change. bug issue ，在查看bug报告list以后，找到了两种解决方案，第一是通过层显示以后加入对应的class名控制，第二是通过将可获取焦点元素加入的disabled属性，也可以利用属性加dom锁定的方式（disabled的一种变换方式） -###部分机型存在type为search的input，自带close按钮样式修改方法 +### 部分机型存在type为search的input，自带close按钮样式修改方法 有些机型的搜索input控件会自带close按钮（一个伪元素），而通常为了兼容所有浏览器，我们会自己实现一个，此时去掉原生close按钮的方法为 - #Search::-webkit-search-cancel-button{ - display: none; - } +```css +#Search::-webkit-search-cancel-button{ + display: none; +} +``` 如果想使用原生close按钮，又想使其符合设计风格，可以对这个伪元素的样式进行修改。 -###唤起select的option展开 +### 唤起select的option展开 zepto方式: ``` From 92112bbed4a3d8b66a7855f980c2a077b22876e1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BD=93=E8=80=90=E7=89=B9?= Date: Wed, 27 Nov 2024 14:45:20 +0800 Subject: [PATCH 36/36] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 1eb9631..81b25fa 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ Mars - mobile needs a hero * [工具类方法汇总](./tools/) * [iOS 与 Android 平台上问题列表](./issues/) * [高性能 Mobile Web 开发](./performance/) -* [下一代 Web 框架 - Omi![](https://raw.githubusercontent.com/dntzhang/cax/master/asset/hot.png)](https://github.com/Tencent/omi) +* [Omi Web组件框架](https://github.com/Tencent/omi) * [特效制作解决方案 - css3transform](http://alloyteam.github.io/AlloyTouch/transformjs/) * [触摸运动解决方案 - AlloyTouch](https://github.com/AlloyTeam/AlloyTouch) * [Mobile 手势解决方案 - AlloyFinger](https://github.com/AlloyTeam/AlloyFinger)