togoog

摘要： ​1. iPhoneX的介绍 屏幕尺寸 我们熟知的iPhone系列开发尺寸概要如下： △ iPhone各机型的开发尺寸 转化成我们熟知的像素尺寸： △ 每个机型的多维度尺寸 倍图其实就是像素尺寸和开发尺寸的倍率关系，但这只是外在的表现。倍图核心的影响因素在于PPI（DPI），了解屏幕密度与各尺寸的关 阅读全文

摘要： iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。笔者通过查阅了一些官方文档，以及 阅读全文

摘要： Profiler React16.5正式在devtool中加入了Profiler功能，用于收集每次变更导致的渲染时间，帮助开发者发现潜在的性能问题，有助于开发更高性能的React应用 官方博客 如何使用 在Chrome的开发工具插件react devtool中多了一个Profiler的tab，点击可 阅读全文

摘要：  阅读全文

摘要： Mobx的实现思想和Vue几乎一样，所以其优点跟Vue也差不多：通过监听数据（对象、数组）的属性变化，可以通过直接在数据上更改就能触发UI的渲染，从而做到MVVM、响应式、上手成本低、开发效率高，在数据管理上需要再详细阐述下其区别。 Redux是建议全局唯一Store的，多个Reducers也会在传 阅读全文

摘要： border sizing属性详解和应用 box sizing用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。它有content box、border box和inherit三种取值。inherit指的是从父元素继承box sizing表现形式，不再冗赘。 1. 属性讲解 content 阅读全文

摘要： 最近完成一个项目时需要取消谷歌浏览器的密码自动填充功能，为了用户方便，大多浏览器都有保存某个网站的密码并在后面再打开这个网站且需要输入密码的时候自动填充。这个功能是方便，但是我们有时候不需要使用这个功能，怎么样通过前端代码的写法来实现禁用呢，这就是本文的重要内容。 我在项目里遇到的就是这样一个情景， 阅读全文

摘要： webpack4.0优化那些事儿 一 缩小文件搜索范围 1 include & exclude 1) action 限制编译范围 2) useage 'babel loader?cacheDirectory' You can also speed up babel loader by as much 阅读全文

摘要： Webpack 属于在项目中配置一次就很少改动的那种工具，但这样就导致新项目再配置 Webpack 时会有些生疏，所以将 Webpack 核心概念及常用配置记录如下。 1）核心概念 Webpack 4.x 之前的核心概念有四个：entry，output，loaders，plugins，4.x 之后增 阅读全文

摘要： 本文作者：IMWeb dekuchen 原文出处：IMWeb社区 未经同意，禁止转载 有关Promise的几个问题 基础概念 一：什么是Promise 国内比较流行的看法： 阮一峰: Promise 对象 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大 阅读全文