hoofoo-whu / hoofoo-whu.github.io Goto Github PK

https://hoofoo-whu.github.io/article/2017-06-10/JavaScript%E9%99%B7%E9%98%B1%E4%B9%8Bsort.html

先安利一个OJ网站CodeWars，上面的题都是用户出的，所以题库无限大，升段系统也挺有意思的，我的主页Hoofoo。 Array.prototype.sort()函数是JavaScript编程最常用的函数之一，最近在codewars练算法时偶然发现执行sort()时负数的排序顺序没有按照预想的运行。12[5,4,3,2,1,0,-1,-2].sort()// =>[ -1, -2, 0,

https://hoofoo-whu.github.io/article/2016-10-28/%E6%96%90%E6%B3%A2%E9%82%A3%E5%A5%91%E6%95%B0%E5%88%97%E7%9A%84%E5%AE%9E%E7%8E%B0%E5%8F%8A%E4%BC%98%E5%8C%96.html

前言LintCode 是专注代码面试的在线评测系统，有很多代码题，可以用 Java、C++、Python 在线答题，我觉得还不错，就决定把做一做这些题，然后把题目的实现、优化思路写下来，一来是为了有更深的理解，二来是讨论一下还有没有更好的方法。 题目LintCode：斐波纳契数列

https://hoofoo-whu.github.io/article/2018-12-29/javascript-trans-type.html

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

https://hoofoo-whu.github.io/article/2019-01-15/CSS%E5%83%8F%E7%B4%A0%E7%BA%A7%E8%BF%98%E5%8E%9F%E8%AE%BE%E8%AE%A1%E4%B8%AD%E7%9A%8433-3.html

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

http://localhost:4000/article/2019-01-15/CSS%E5%83%8F%E7%B4%A0%E7%BA%A7%E8%BF%98%E5%8E%9F%E8%AE%BE%E8%AE%A1%E4%B8%AD%E7%9A%8433-3.html

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

https://hoofoo-whu.github.io/article/2016-12-09/%E4%BF%AE%E6%94%B9Next%E5%A4%9A%E8%AF%B4%E8%AF%84%E8%AE%BA%E6%A1%86%E6%A0%B7%E5%BC%8F.html

前些天 @苏阳mliml 留言要本博客的留言框样式，这几天没太留意博客所以昨天才看到。由于改动次数太多了，代码乱七八糟的，正好也借此机会整理了一下现阶段多说评论框的样式。也欢迎其他博主留言、评论、加友情链接。 多说因为是使用 JavaScript 加载模块的，所以不能通过修改HTML的方法来修改整体的框架，只能通过一些取巧的方式写 CSS 来得到比较理想的效果。

https://hoofoo-whu.github.io/article/2017-04-11/%E8%B5%9B%E7%A0%81%E7%BD%91%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AF%95%E6%9C%AC%E5%9C%B0%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA.html

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

https://hoofoo-whu.github.io/article/2018-12-25/css-common-layout.html

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

https://hoofoo-whu.github.io/article/2017-04-19/%E8%A7%A3%E5%86%B3Cordova%E5%9C%A8iOS10%E4%B8%8B%E6%8F%92%E4%BB%B6%E5%A4%B1%E6%95%88.html

最近做毕设遇到了Cordova在iOS10环境插件不生效的问题，寻找解决方法很久无果，最终在StackOverflow上找到了解决方法，虽然并不能理解，但是好歹解决了问题，StackOverflow大法好。 解决方法：iOS 10需要在index.html的Content-Security-Policymeta标签中添加gap://ready和file:，添加完之后是这样的:1<meta h

https://hoofoo-whu.github.io/article/2019-01-15/%E8%A7%A3%E5%86%B3overflow%E5%9C%A8flex%E5%92%8Cgrid%E5%B8%83%E5%B1%80%E4%B8%AD%E5%A4%B1%E6%95%88.html

我们日常处理单行文字溢出的时候一般使用如下的代码：12345.line-clamp-1-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} 但是当父元素为grid或者flex的子元素的时候，这种方法就会失效

https://hoofoo-whu.github.io/article/2018-12-30/javascript-prototype-chain.html

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

https://hoofoo-whu.github.io/article/2016-12-02/%E5%B0%BE%E9%83%A8%E7%9A%84%E9%9B%B6.html

前言LintCode 是专注代码面试的在线评测系统，有很多代码题，可以用 Java、C++、Python 在线答题，我觉得还不错，就决定把做一做这些题，然后把题目的实现、优化思路写下来，一来是为了有更深的理解，二来是讨论一下还有没有更好的方法。 问题LintCode：尾部的零

https://hoofoo-whu.github.io/article/2016-11-29/%E7%94%A8node-js%E5%AE%9E%E7%8E%B0%E7%AE%80%E5%8D%95%E9%AA%8C%E8%AF%81%E7%A0%81%E8%AF%86%E5%88%AB.html

概述在验证码识别上， node.js 其实也只是打酱油的角色，因为已经有成熟的工具做这个事情，而node只需要做调度就行了。 所需工具那么介绍一下这些工具吧 Tesseract 开源的 OCR 识别工具，目前由 Google 维护，支持中文，默认的识别率很低哈，特别是中文，但是可以自己提供样本，训练提高识别率。 graphicsmagick 非常实用的图像处理工具，下面会讲到用途。

https://hoofoo-whu.github.io/article/2018-12-29/javascript-datatypes.html

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

https://hoofoo-whu.github.io/article/2019-01-10/qiniu-to-tencentcloud.html

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

https://hoofoo-whu.github.io/article/2016-10-07/%E4%B8%96%E7%95%8C%EF%BC%8C%E6%82%A8%E5%A5%BD%EF%BC%81.html

華方，也称畢方，它是火神、也是木神，居住在树木中。華方的外形象丹顶鹤，但是只有一条腿（一说为只有一只翅膀），身体为蓝色、有红色的斑点，喙为白色。華方不吃谷物、吞吃火焰，据说華方的出现预示着大火。 　　与其说是历经数日的搭建、修改、完善，不如说是数日的拖延，本人的博客终于是成功上线了。我觉得上述这只鸟很有趣，便将此鸟之名用作了博客之名，英文便音译为hoofoo。　　此博客主要用来更新技术相关的文

https://hoofoo-whu.github.io/article/2016-11-19/%E4%B8%BB%E5%85%83%E7%B4%A0.html

前言LintCode 是专注代码面试的在线评测系统，有很多代码题，可以用 Java、C++、Python 在线答题，我觉得还不错，就决定把做一做这些题，然后把题目的实现、优化思路写下来，一来是为了有更深的理解，二来是讨论一下还有没有更好的方法。 问题LintCode：主元素

https://hoofoo-whu.github.io/article/2016-11-07/%E5%A4%A7%E6%A5%BC%E8%BD%AE%E5%BB%93%E5%AE%9E%E7%8E%B0%E5%8F%8A%E4%BC%98%E5%8C%96.html

前言LintCode 是专注代码面试的在线评测系统，有很多代码题，可以用 Java、C++、Python 在线答题，我觉得还不错，就决定把做一做这些题，然后把题目的实现、优化思路写下来，一来是为了有更深的理解，二来是讨论一下还有没有更好的方法。 问题LintCode：大楼轮廓 超难

https://hoofoo-whu.github.io/article/2016-11-14/%E6%95%B4%E6%95%B0%E6%8E%92%E5%BA%8F.html

前言LintCode 是专注代码面试的在线评测系统，有很多代码题，可以用 Java、C++、Python 在线答题，我觉得还不错，就决定把做一做这些题，然后把题目的实现、优化思路写下来，一来是为了有更深的理解，二来是讨论一下还有没有更好的方法。 问题LintCode：整数排序

https://hoofoo-whu.github.io/article/2016-11-14/%E5%88%A0%E9%99%A4%E9%93%BE%E8%A1%A8%E4%B8%AD%E7%9A%84%E5%85%83%E7%B4%A0.html

前言LintCode 是专注代码面试的在线评测系统，有很多代码题，可以用 Java、C++、Python 在线答题，我觉得还不错，就决定把做一做这些题，然后把题目的实现、优化思路写下来，一来是为了有更深的理解，二来是讨论一下还有没有更好的方法。 问题LintCode：删除链表中的元素

https://hoofoo-whu.github.io/article/2016-11-12/%E4%B8%BANext%E9%9B%86%E6%88%90Mob%E5%88%86%E4%BA%AB%E7%BB%84%E4%BB%B6.html

博客开通以来，最让我不满意的地方就是社会化分享组件，因为 Next 内置的几个都不是很好用，唯一让我满意的 addthis 对中文又不友好而且速度慢，其他的尽管已经尽力的去修改不满意的地方，不支持 @2x 尺寸图标的问题还是不好解决，因为实在是不好找到成套的合适图标，自己绘制又嫌麻烦，所以就一直搁置着这个问题。不过很多事情都是机缘巧合的，不经意间就发现了 Mob 的分享插件，质量高出其他的不少，下