唐策的博客

前言对于移动webapp开发人员来说，viewport是个很重要的东西，容易用但很多时候都是不明白的，于是我决心去弄清楚它。<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">viewport涉及的单位分辨率：指设

这里使用了js控制根元素的font-size大小，然后进行rem换算，在js代码后面会说明以下问题。1.如何进行rem运算？2.如果纯js控制根元素用rem布局会出现的小问题，如何解决？3.如有欠缺的地方，大神们可以指出错误或者改进。function intiSize(){ //获取当前浏览器窗口宽度(这里的实质就是body宽度) var win_w=document.body.of

正在苦逼的实习中，昨天公司让做一个页面，涉及到检测终端的问题，如果是手机设备，就跳转到指定的网页上，以前写响应式布局只要用@media screen来实现布局的差异化适应，但是现在不仅仅是布局，还要针对移动端做一些别的动作，所以看了点资料，做个总结方法一、还是用@media screen 思路：css使用媒体查询，当屏幕小于760px时，使某个元素的样式发生改变，然后通过js检测到这个改变，...

MVC、MVP、MVVM这些模式是为了解决开发过程中的实际问题而提出来的，目前作为主流的几种架构模式而被广泛使用。一、MVC（Model-View-Controller）MVC是比较直观的架构模式，用户操作-&gt;View（负责接收用户的输入操作）-&gt;Controller（业务逻辑处理）-&gt;Model（数据持久化）-&gt;View（将结果反馈给View）。MVC使用非常...

点击Tap基础事件解决300ms延迟 &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style type="text

1.解决页面使用 overflow: scroll 在 iOS 上滑动卡顿的问题?首先你可能会给页面的 html 和 body 增加了 height: 100%, 然后就可能造成 IOS 上页面滑动的卡顿问题。解决方案是：(1) 看是否能把 body 和 html 的 height: 100% 去除掉。(2) 在滚动的容器中增加：-webkit-overflow-scrolling: ...

js获取手机屏幕宽度、高度 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body...

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;双指缩放事件&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;div class=

说明： 图片随手机水平移动-陀螺仪。360度设置条件 1.初始位置为中心，左右各转90度，图片显示完整。 2.可以设置图片初始位置距离中心的距离（初始显示图片的主要位置部分） var changeDeg90 = wrap_translateX / full_bgimgW; //初始，距离中心偏移度数&amp;lt;!doctype html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;...