慕容初晨

onbeforepaste 意思是在用户执行粘贴动作之前。clipboardData.setData('text', xxx)是把xxx的内容复制到剪贴板clipboardData.getData('text')是读出当前剪贴板里的内容，.replace(/[^\d]/g,''…

在项目中遇到的问题，在PC端或手机端的遮罩层，为了给用户更好的体验，需要在点击遮罩层中弹窗隐藏，点击内容弹窗不能隐藏。 先child，然后parent。事件的触发顺序自内向外，这就是事件冒泡。 先parent,然后child。事件触发顺序变更为自外向内，这就是事件捕获。

2. table + margin display: table 在表现上类似 block 元素，但是宽度为内容宽。 4. absolute + margin-left 5. absolute + transform 绝对定位脱离文档流，不会对后续元素的布局造成影响。 6. f…

上班做项目的时候碰到一个移动端项目，其中有个小游戏，相当于天上掉馅饼，用户需要点击馅饼获得。游戏做好之后在pc端测试是没问题的，安卓手机上测试也是没问题的，但是部分苹果手机就出现了问题，用户点击馅饼没有反应。 后来调试的时候，我让这些馅饼静止在屏幕上，这些苹果手机用户就可以点击…

这篇文章是 CSS Grid 布局有用的资源和教程，帮你快速了解相关知识。同时还比较了 CSS Grid 、 Flexbox 、 Table 布局之间的区别，及适用情况。 CSS Grid 布局今年真的很火。该布局系统规范最近获得了主流浏览器的支持，包括最新版本的 Firefo…

你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 骰子的一面，最多可以放置9个点。 下面，就来看看Flex如何实…

网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案----Flex …