页面上有一个带有全屏蒙层的弹窗A，弹窗的按钮点击之后会创建一个新的带全屏蒙层弹窗B，同时弹窗A消失。弹窗A的按钮上绑定了touchend事件，弹窗B的按钮和蒙层都上绑定了click事件，按钮的click事件会触发一定的业务逻辑，B的蒙层的click事件会让整个弹窗消失，从DOM…

最近在写一些移动端的页面，总会遇到一些适配问题，以前呢也不知道为什么，总是习惯用rem来做单位，可是总有问题，写起来相当难受，于是我坐不住了，一定要去看看有没有更好的方法。 然后就有了已下心得。 先吐槽一句，rem不知道是谁带起来的，坑了好多人。 想必做前端的肯定都知道vw，v…

本文主要针对初学移动端web开发的读者，笔者也是初学者，文中有众多用词不当之处望读者指正。 从开始做web app开发到现在，一直对移动端的尺寸适配有一种模糊的概念。能说得上来‘媒体查询’，‘栅格化布局’，‘流式布局’等若干技术名词和实现方式，但是每次自己做web app开发的…

不过由于一些问题（当时还不会用node，用asp写复杂的逻辑真的会写吐；当时对canvas写的也少，dom渲染很容易达到性能瓶颈），已经废弃。后来用canvas重制了一版。本文写于18年。 1.js实现PC端网游是可行的。随着PC、手机硬件配置的升级和浏览器的更新换代，以及H5…

微信更新后，新加的文章缩小浮窗功能很赞。

如果在一个区域内只允许部分区域产生滚动的效果，而其余部分不能移动，你会采用什么方法呢？ 作者：Icarus原文链接：https://xdlrt.github.io/2016/12/02/2016-12-02 首先我们可以把这个需求分解为两个小的问题来解决。 部分区域固定 其余区…

1. 介绍 cube-ui 是基于 Vue.js 实现的精致移动端组件库。cube-ui 自带移动端的适配，通过postcss-px2rem插件进行配置 2. 安装 如果使用的版本 Vue CLI vue-cli@3.X，那么推荐你直接使用 vue-cli-plugin-cub…

CSS像素：web编程用到的，我们在JS和CSS中使用的10px就是CSS像素，是可变的。CSS像素受屏幕缩放和设备像素比（dpr）的影响。如我们网页的中的字体在网页放大之后会变大，还有在移动端看起来会比PC端小一些 ...... Retina屏幕即视网膜屏幕，是苹果发布iph…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…