在iOS11上，Safari的webkit内核提供了适配iPhone X的大刘海的功能。

viewport-fit

首先是新增了viewport-fitmeta标签，它有3个值，分别是auto(默认值)、contain和cover。

用法是这样的：

- 阅读剩余部分 -

各种教程在介绍webpack的安装时，为了方便，都使用全局安装的方式：

npm install webpack webpack-cli -g

从webpack v4+版本开始，需要安装webpack-cli，详情见官方文档

然后在package.json的scripts字段中添加如下的命令：

"scripts": {
    "dev": "webpack --参数"
}

接下来，就可以在终端中使用webpack打包了：

npm run dev

- 阅读剩余部分 -

一、简单工厂模式

简单工厂模式，就是在工厂中预先定义了几类具体的产品，你需要一个产品，就请求工厂返回这个产品。如果工厂没有定义这样的产品，是生产不出来的：

- 阅读剩余部分 -

有时需要将现有对象转为 Promise 对象，Promise.resolve()方法就起到这个作用。
http://es6.ruanyifeng.com/#docs/promise#Promise-resolve

一、前言

复习Promise时，发现Promise.resolve()这个方法，于是研究了一下。

二、定义

Promise.resolve(value)方法返回一个以给定值解析后的Promise对象。

- 阅读剩余部分 -

这篇文章记录一种离奇的input事件被触发的情况。

最近在开发小程序时，遇到了很奇怪的情况。当时wxml结构如下：

<view>
    <input bindinput="input" />
    <view class="clear" bind:tap="clear"></view>
</view>

input组件和.clear组件是没有相互覆盖的。

- 阅读剩余部分 -

在<input type="number">输入框中，除了可以输入数字，还可以输入-(负号)、.(小数点)、e(指数符号)。在Vue开发移动端应用时，如果想要控制用户仅仅可以输入数字，最好的办法就是使用watch:

...
watch: {
    inputVal(newVal){
        // 在这里检查、过滤newVal
    }
}
...

- 阅读剩余部分 -

目前，能够提供Vue文件格式化的插件只有Vetur。Vetur对Vue中的JavaScript，内置了3种格式化工具，默认的是prettier，它对HTML和JavaScript，默认都是过长的行自动换行，JavaScript中换行的情况更多，比如链式调用、参数列表等等。

- 阅读剩余部分 -

马上就2020年了，作为一个有多年工作经验的前端开发，竟然不知道移动端浏览器支持小于12px的font-size设置。

可能是思维定势，PC端的浏览器对字体大小有限制，就认为移动端同样有限制，竟然没有亲手试试，真是太不应该了。并且，前端同事都是这样认为的……

- 阅读剩余部分 -

https://www.zhangxinxu.com/wordpress/2019/08/js-zip-download/
jszip和filesaver的下载链接可以从上面的链接中找到

阅读了大神的这篇文章，正好工作中需要用到这个技术，于是就练习了一下jszip的用法。

要实现的效果是：用js生成多张图片，打包到zip文件中，并下载到本地。

- 阅读剩余部分 -

https://www.cnblogs.com/coco1s/p/10910588.html

这篇文章介绍了在普通的布局和在flex布局中，margin: auto的不同点，其最大的区别就是：在flex布局中，margin: auto会让元素在垂直方向也居中，而普通布局中只能让元素水平居中。

- 阅读剩余部分 -