日记本

响应式Web设计可以让一个网站同时适配多种设备和多个屏幕，可以让网站的布局和功能随用户的使用环境（屏幕大小、输入方式、设备/浏览器能力）而变化。本文主要介绍一些响应式布局容...

响应式布局已经不是什么新鲜事物了，但使用的场景却在变少，因为现在web程序变得愈发丰富和复杂，而产品对移动端的重视也超过了pc端，如果仅用响应式布局实现适配，代码的复杂度和...

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网...

rem是根元素字体的单位，比如 html{font-size:16px;} ，1rem相当于16px。 不仅仅可以给字体用，其他px单位的都可以用，比如设padding:2...

在最近业务开发中, 作者偶遇到了一个与 JavaScript 浮点数相关的 Bug。 这里就简单描述下背景: 在提现相关业务时, 会将展示给用户以元为单位的数值转化为以分为...

通常我们在pc上看到的页面都是比较大的，在pc上访问页面是正常显示的，默认是不会被缩放的，除非是手动进行了缩放，页面才会被放大比例或者是缩小比例显示。但是在移动端是不一样的...

以前都是写pc，后来需要写h5移动端项目，会遇到一些自适应和兼容性等方面的问题，下面从自己写过的h5项目中稍稍做点总结。 开启一个移动端项目的基础，首先是想好如何在代码中实...

做移动端自适应时可能很多人都对自适应和dpr之间的关系产生疑问,也有一些人会疑虑比如我的自适应方案没有加dpr会不会出问题,针对这些疑问我说一下我的见解,希望能解除你的担忧...

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率...

从古老的的百分比布局+px+媒体查询到rem布局，一直没找到心仪的移动端适配方案。网上搜索的教程质量也是参差不齐(要么配置过于繁琐，要么一篇文章到处抄袭)，反正我看完了总有...

为了保证在低版本的机型也能正常显示页面，可以引入 viewport-units-polyfill 来处理 vw 的兼容问题。 viewport-units-polyfill...

以前听到前辈们说移动端尽量不要使用click，click会比较迟钝，能用touchstart还是用touchstart。但是用touchstart会有一个问题，用户在滑动页...

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不...

什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什...

其实有很多有用的东西，当时学习了，也记住了，但是时间久了就是记不住，所以导致在日常开发中总是想不起来原来这个东西可以这么用，而去选择了更加复杂和麻烦的方式。其实我们日常学习...

我们在日常的开发中，经常会遇到这样一个问题，就是如何实现居中水平垂直居中对齐。并且在面试中也会出现这样的问题，但是我们往往回答的不是很全部，而导致没有得到面试加分。接下来我...

伪元素 的使用已经很长时间了。然而，我觉得有很多用例 在开发人员中并不完全为人所知。我写下这篇文章是为了阐明它们，这样它们就可以被更多地使用。 伪元素 是属于它的父元素，所...

拿到一个需求。中石化公司有很多软件提供商，开发了比较多的系统，现在需要某两家公司（我司和**公司）开发的两个系统只要两个系统中的某一个系统登陆了，另一个系统输入对应的url...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

JavaScript 语言越来越被广泛地用于各种环境中。除了 Web 浏览器（这是 JavaScript 的最常见的宿主环境类型）之外，你还可以在服务器，智能手机甚至机器人...