兼容性较好的3种方法方法一：float+overflow实现：左边浮动+固定宽度，右边overflow:hidden即可，注意，右边不要设置width:100%。由于设置overflow:hidden并不会触发IE6-浏览器的haslayout属性，所以若要兼容IE6需要设置zoom:1。 原理：overflow:hidden会触发BFC，BFC不会浮动元素重叠，因此会重新计算宽度。 <... 阅读全文
前言所有人都知道，localStorage和sessionStorage的最大区别是生命周期，一个永久，一个仅针对一个会话期间有效。那么，到底什么是一个会话？多个标签页之间的数据是否会共享呢？ 后台的session我们对会话session的认识一般都是从后台的session开始的，比如Java的session，它是基于往cookie写入一个JSESSIONID来实现的，所以，只要你不是打开一个隐... 阅读全文
老生常谈的问题，虽然有些不太常用，但还是总结一下。 图片法这种方法利用了图片没有跨域限制的特点，仅适用于不需要获取服务端响应的场景，如日志统计等，且只能以GET方式请求，一般很少用。 var img = new Image();img.src = 'http://other.domain.com/log.png'; JSONPXmlHttpRequest有跨域限制，但是script标签没有，... 阅读全文
正文网上很多写法都有点问题或者难以理解，下面这一张图说明所有问题： 补充说明： defer 和 async 在下载这块儿是一样的，相较于HTML解析都是异步的；它俩的差别在于脚本下载完之后何时执行，async什么时候下载完什么时候执行，并且会中断HTML解析，defer则在HTML解析完成之后，DOMContentLoaded 事件触发之前执行。async只能用于对其它JS没有任何依赖... 阅读全文
本文demo：http://demo.haoji.me/2018/04/28-webworker/ JS是单线程语言由于JS设计的初衷就是用来进行一些简单的用户交互以及DOM操作，为了避免复杂性，从一开始JS就被设计成一门单线程语言，现在如是，以后也不会变。 然后正是由于单线程的缘故，当我们需要在前端运行一些大运算量的代码时，浏览器肯定会陷入卡顿。为了解决前端大运算量问题，HTML5引入了We... 阅读全文
背景前阵子突然发现博客的目录导航只要一滚动就会消失，其中有一段这样的代码： $(window).on('scroll', function(e){ var top = document.body.scrollTop; if(top <= 100) $('.markdown-nav-wrapper').addClass('hide'); else if(localStora... 阅读全文
概念前缀表达式(Prefix Notation)是指将运算符写在前面、操作数写在后面、不包含括号的表达式，而且为了纪念其发明者波兰数学家Jan Lukasiewicz所以前缀表达式也叫做波兰表达式。比如- 1 + 2 3 后缀表达式(Postfix Notation)与之相反，是指运算符写在操作数后面的不含括号的算术表达式，也叫做逆波兰表达式。比如1 2 3 + - 中缀表达式(Infix N... 阅读全文
前言作为一个前端程序员，难免会有一些专属自己的小扩展，没必要每一个都发到Chrome应用商店去，虽然可以勾选“开发者模式”来运行本地插件，但是每次启动都会有一个烦人的“请停用以开发者模式运行的扩展程序”提示，这个提示有多烦人，接触过的人都知道，启动的时候它不立即提示，等过了几秒钟等你打开某个网页开始执行某些操作时它突然弹出来干扰你的操作，真是苦不堪言！所以总想着如何把它给去掉。 解决方法网上... 阅读全文
方法一lsof -i:端口号，这个很简单，也很好记，比如查看80端口被谁占用lsof -i:80： 很明显被nginx占用了。 方法二netstat -tunlp可查看当前活动网络连接（查看所有为netstat -anp）： [root@iZ94i7kwlagZ ~]# netstat -tunlpActive Internet connections (only servers)Pro... 阅读全文
正文iptables一般有2种配置方式，一种是直接在iptables后面跟一些命令，然后执行service iptables save保存到配置文件夹，一种是直接修改配置文件，建议始终都修改配置文件，因为使用自动保存功能会把配置顺序打乱，一些备注也搞没了。 配置文件路径为/etc/sysconfig/iptables，默认情况下是没有这个文件的，此时可以随便输入一条规则，然后保存： iptab... 阅读全文
背景早上到公司发现个人网站打不开，一直在转，用xshell连接服务器，虽然能连上，但是卡到爆，处于完全无法操作的状态，登录阿里云后台发现CPU使用率持续超过45%： 可怜的1M带宽也被全部占用（也就是截图中的1122kbps）： 想查看是哪个进程占用这么大的CPU和带宽，但是带宽被未知程序占用，xshell完全连不上，怎么破！最后只能强制重启服务器，重启之后CPU和带宽立马恢复正常，网... 阅读全文
背景今天早上Win10企业版自动更新了，更新之后发现桌面、资源管理器等很多地方字体变小了，小得我实在受不了： 尝试通过修改缩放来实现，但是这种方式整个电脑都会整体放大，包括网页字体，这不是我想要的： 记得之前是通过下面这种方式修改桌面字体大小的： 但是更新之后的Win10根本找不到这个地方，即使找到了控制面板也没有： 修改方法无意中在网上找到了直接修改注册表的方法，记录如下... 阅读全文
前言曾经对这一块不知道多熟悉，一年多没接触移动端开发，竟然连远程调试怎么打开都不记得了，所以看来啊，任何东西无论多简单都要做笔记，这是这的！ 下面开始其实真的非常简单！ 第一步，开启USB调试模式这个就不用细说了，是个人都知道怎么开启。 第二步，连接手机和电脑连上基本就不用管了，驱动都不用装，这个后面再细说。 第三步，手机使用Chrome访问任一网站也可以不使用Chrome，但是使用Chr... 阅读全文
正文直接上代码： var obj = {a:1, b:2};console.log(obj);obj.b = 3;console.log(obj) 效果如下： 收起时显示的还是旧的值，展开时才是新的，最近就因为这个问题坑了我半天，后来才发现代码没问题，是Chrome控制台显示问题。水文一篇，记录下来！ ... 阅读全文
正文如下代码： <form> <input type="number" name="test"/> <input type="submit" value="提交"/></form> 输入时可以正常输入数字和小数点，但是提交的时候浏览器会拦截，不允许输入小数： 修改如下即可，step表示允许的小数位个数，比如2位小数用0.01，3... 阅读全文
服务器配置其实很简单，我的是Centos系统，其它系统类推。 第一步，安装：yum install -y squid。 第二步，配置：vim /etc/squid/squid.conf： 主要是这2个： # 代理服务器端口http_port 3128# 允许访问所有地址，默认是 deny，这个要主动改一下http_access allow all 不同服务器默认配置可能不太一样，我的阿里... 阅读全文
背景有时候无意间打开自己的网站发现挂了，看下访问日志，发现已经挂了好几天了！尼玛，这还了得啊！今天又碰到了，因为没有做监控，服务挂了也不知道，刚开始还以为是服务器被谁攻击了，三天两头挂掉，今天查了一下，发现是系统内存太满，自动把tomcat进程给杀死的！ 执行vim /var/log/messages即可看到如下信息： 解决解决方法要么是给tomcat增大内存配置，要么是把tomcat加入... 阅读全文
本文有待完善，参考：https://www.zhihu.com/question/20756479 https://zh.wikihow.com/%E8%AE%A1%E7%AE%97%E5%9C%86%E5%91%A8%E7%8E%87-Pi 先看代码4行代码实现计算圆周率： var pai = 0, flag = false;for(var i=1; i<10000000; i+=2... 阅读全文
常见错误console.log(0.1+0.2); // 输出 0.30000000000000004console.log(0.3-0.1); // 输出：0.19999999999999998console.log(0.07*100); // 输出 7.000000000000001console.log(8.8/100); // 输出 0.08800000000000001 相关文章： ... 阅读全文
背景前段时间想拍摄一个九阶魔方还原的视频，用小米Note3拍摄的，时长大约40多分钟，好不容易拍完，发现视频被自动分成了3段，前2段都是3.24GB，第三段156MB，而其中第一段竟然打不开！无论什么播放器都打不开，复制到电脑上换了很多播放器也打不开，好不容易拍的，我可不想重来一次，瞬间感觉很失望！ 修复因为我坚信，3个多G的视频文件都在，里面的主要视频数据肯定也都是正常的，可能就是文件... 阅读全文