问题描述

在开发中，我们常使用 line-height 属性来实现文本的垂直居中，但是在安卓浏览器渲染中有一个常见的问题，就是对于小于 12px 的字体使用 line-height 属性进行垂直居中的时候，渲染出来的效果并不是文字垂直居中，而是会偏上一些。举两个代码示例如下。

问题背景

使用touchstart和touchend实现类似css active按下效果时发现部分安卓手机按下后就一直保持按下状态。

问题原因

在安卓上,滑动手机屏幕的触发事件过程是这样的（无 touchend）：

touchstart -> touchmove

在iphone上,滑动手机屏幕的触发事件过程是这样的：

touchstart->touchmove -> touchend

所以，在安卓上，滑动不能用 touchend 事件了（这里并不是说本身不能用touchend事件，只是滑动时无这个事件而已），经过查资料，发现之前很多人说 zepto 中的 touch.js 在微信以及安卓上用 swipe 的时候失效，其实就是因为用了这个touchend事件，故没有效果。

使用 npm 对前端开发来说已经是必备技能，但是在公司中一般都会搭建公司内部的私有镜像，那么如何使用私有镜像上的模块及发布私有镜像呢？

私有 npm 镜像

1.由于公司内部的 npm 包要上传到公司的私有镜像源，所以首先将 npm 的 registry 重新设置

1

npm set registry=xxxx // 私有镜像源

2.为了保证能够发布 npm 包，需要有一个 npm 账号

1

npm adduser --registry=http://registry.npm.baidu-int.com

父容器设置 position: relative;

0.5px 下边距

1
2
3
4
5
6
7
8
9
10

&::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #dadada;
    transform: scaleY(.5);
    transform-origin: left bottom;
}

今天看到一个知乎问题刷爆朋友圈，「百度是否已经出局？」

其实对于这个问题，我和大部分人的观点是一样的，落后于AT，但尚未出局，如果不「求变」，出局是迟早的事。

百度的使命是「让人平等便捷的获取信息，找到所求」。这一点，百度已经做到了。

在日常的开发过程中，经常需要通过url来传递一些参数，因此需要一些处理url query的通用函数。我们通过不同的方式来实现url的更新及删除。

很早就学习了SVG相关知识，但是一直没有在项目中用到。这次开发阿拉丁卡片中的一个折线图组件，终于让这部分知识有了用武之地，果然还是实践出真知，在开发的过程中踩了很多坑。

刚这接到折线图这个需求时，脑海中的第一反应是可以通过canvas或SVG实现，最后调研一番决定使用SVG。我们先来看看canvas和SVG各自的使用场景。

经过一段时间的工作，就会发现，工作中遇到的主要难题不是一个需求无法实现，而是在于无法高效率的实现，即注意力无法集中。

注意力不集中又主要体现在：

1. 没有明确的时间规划
2. 在等待的过程中不知所措
3. 不知道如何处理自己的个人规划

今天给大家介绍一个超级好用的Excel解析工具，做Excel解析的初衷是看见PM们辛苦的配置阿拉丁，感到于心不忍。听她们说什么六个人从早上八点配到晚上10点，简直吓尿。这种重复劳动的工作就应该让机器帮忙解决好么。

首先阿拉丁卡片的配置需要按照格式填写XML文件，PM首先将需要填写的信息整理成了Excel，有十几张表…每张表几十个信息要配…再把Excel的信息人工写入XML，令人发指…

开发一个移动端页面，需要等比例缩放，于是使用了 rem 单位，通过动态改变 html 元素 font-size 属性来实现页面缩放

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

html {
  //以 100px 为基数设置大小
  font-size: 100px;
}

.content {
  position: relative;
  left: 0;
  top: 0;
  width: 8rem; // 800px
  height: 14.24rem;
  background-image: url("./images/ceyice-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.index-title {
  position: absolute;
  top: 1.46rem;
  left: 50%;
  width: 4.95rem;
  height: 3.9rem;
  margin-left: -4.95rem/2;
  background-image: url("./images/index-title.png");
  background-size: cover;
}