最近我也做了个网易云移动端，我打算用像素级还原的方式练练手，前面的布局一路顺风顺水，但是当到了footer就是和原网页差了一像素，我在footer中怎么找也找不出任何问题，最终发现是上面图片的锅，这篇博客就来记录一下遇到这个问题。

我们日常处理单行文字溢出的时候一般使用如下的代码：

1
2
3
4
5

.line-clamp-1-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

但是当父元素为grid或者flex的子元素的时候，这种方法就会失效

在我的博客没更新的这一年里，我曾经吹爆的七牛云将测试域名期限修改成了一个月，这导致我的博客里的图片全部挂掉了，这个事情搁置了很久没去解决，趁着心气还在就动手把图片从七牛云迁移到了腾讯云，顺便把写在其他地方的几篇博客加进来，在此记录一下迁移的过程。

JavaScript在某种程度上算是一门简单的语言，因为不包含复杂的继承机制，那么JavaScript是怎么实现共用属性的呢？答案就是原型链。

JavaScript中有七种数据类型，本文主要描述了我在阅读JavaScript教程时我不会的细节知识点。

JavaScript中的JavaScript中的七种数据类型，而JavaScript是一种动态类型语言，在调用一个变量前我们无法固定变量的数据类型，在条件判断、数值计算的时候必然会出现变量的隐式转换的问题，这将使我们的代码出现各种隐藏的bug，理解清楚各个类型间的转换方式，会使我们写出来的代码更加健壮。

本文探讨常用的css布局各种实现方式，其中float、position的实现方式兼容性较好，flex、grid兼容性较差甚至各种浏览器有不同的语法，可以通过caniuse搜索查看。

先安利一个OJ网站CodeWars，上面的题都是用户出的，所以题库无限大，升段系统也挺有意思的，我的主页Hoofoo。

Array.prototype.sort()函数是JavaScript编程最常用的函数之一，最近在codewars练算法时偶然发现执行sort()时负数的排序顺序没有按照预想的运行。

1
2

[5,4,3,2,1,0,-1,-2].sort()
// =>[ -1, -2, 0, 1, 2, 3, 4, 5 ]

最近做毕设遇到了Cordova在iOS10环境插件不生效的问题，寻找解决方法很久无果，最终在StackOverflow上找到了解决方法，虽然并不能理解，但是好歹解决了问题，StackOverflow大法好。

解决方法：
iOS 10需要在index.html的Content-Security-Policymeta标签中添加gap://ready和file:，添加完之后是这样的:

1

<meta http-equiv="Content-Security-Policy" content="default-src * gap://ready file:; style-src 'self' 'unsafe-inline'; img-src 'self' data:; script-src * 'unsafe-inline' 'unsafe-eval'">

然后生成启动项目，插件们就又都生效了。

最近事情是真的真的真的多，找工作、做毕设，再加上拖延症晚期，很久没更博客了，最近的笔试基本都是在赛码网做的，然后写编程题时就遇到了其JavaScript V8引擎实现的奇葩read_line()和print()方法，我不否认这个确实不难用，但是这导致在本地环境根本无法直接调试代码，所以为了达成优雅的本地调试后直接复制到答题框就出现了今天除草的理由，本地搭建赛码网前端笔试环境。