2017年04月_codeplay_guo

转载用NodeJS打造你的静态文件服务器

前言在《The Node Beginner Book》的中文版（http://nodebeginner.org/index-zh-cn.html）发布之后，获得国内的好评。也有同学觉得这本书略薄，没有包含进阶式的例子。@otakustay同学说：“确实，我的想法是在这之上补一个简单的MVC框架和一个StaticFile+Mimetype+CacheControl机制，可以成为一个更全面的教

2017-04-28 17:43:41 560

原创 Application Cache 无法加载其他静态资源

今天在自己做的项目中加了Application Cache 功能，把一些js文件放在了列表里。然后第一次加载没问题，我原来是这样写的：把NETWORK和FALLBACK都去掉了。以为这个清单的作用就是如果查到，就存入本地，下次从本地加载，如果未查到就从服务器上下载：CACHE MANIFEST#需要缓存的列表\assets\js\demo.js\assets\js\bootstrap-noti

2017-04-28 17:02:36 258

原创通过chrome调试器测试了解浏览器解析和渲染HTML的过程

1.基础知识：了解chrome的Timeline工具仅仅是通过理论知识，很难记住和理解浏览器解析html的原则，因此我动手做了些小实验。而做这个实验，不得不用到一个工具：chrome的Timeline工具。这个工具真的很强大，Timeline工具栏提供了对于在装载Web应用的过程中，时间花费情况的概览，这些应用包括处理DOM事件, 页面布局渲染或者向屏幕绘制元素。Timeline可以通过事件，框架，

2017-04-25 18:15:24 4268

原创 nodeJS读写文件中文乱码问题整理及计算机文件编码方式科普

最近在用node 做一个读取excel文件的项目，后台用mongoDB存储。由于文件默认编码方式是anti，汉字总是无法显示。网上都说要转成无BOM的utf-8格式，我用notepad++转了，还是没用。后来读文件时我也把编码方式选为‘utf-8’了也不行（后来明白，是我对这里所有的‘设置编码方式’的理解有误，并不是把编码方式‘改’为utf-8的意思）。最后参考了这三遍文章，问题得到解决。AN

2017-04-19 21:04:53 3847

原创用原生js实现addClass,removeClass,hasClass方法

其实html5已经扩展了class操作的相关API，其中classList属性就以及实现了class的增删和判断。 classList属性的方法有： add(value) 添加类名，如果有则不添加 contains(value) 判断是否存在类名，返回Boolean值 remove(value) 从列表中删除类名 toggle(value) 切换类名：如果列表中存在则删除

2017-04-18 13:24:22 24895 1

转载 unicode,ansi,utf-8编码的区别--浅谈计算机编码发展史

作者：于洋链接：https://www.zhihu.com/question/23374078/answer/69732605来源：知乎很久很久以前，有一群人，他们决定用8个可以开合的晶体管来组合成不同的状态，以表示世界上的万物。他们看到8个开关状态是好的，于是他们把这称为”字节“。再后来，他们又做了一些可以处理这些字节的机器，机器开动了，可以用字节来组合出很多状态，状态开

2017-04-17 17:38:52 258

原创 js创建dom节点之最容易被忽略的createDocumentFragment()方法

js常见的创建dom节点的方法有createElement() 创建一个元素节点 => 接收参数为string类型的nodename createTextNode() 创建一个文本节点 => 接收参数为string类型的text内容 createAttribute() 创建一个属性节点 => 接收参数为string类型的属性名称createComment() 创建一个注释节

2017-04-16 18:12:29 16598

转载【web性能优化】使用SVG中的Symbol元素制作Icon，解决图片分辨率适配问题

前言随着大屏幕分辨率的普及以及各种移动设备层出不穷的移动互联网时代的到来，我们在网站设计时更应该关心内容在各种设备上的阅读性和显示效果。我们都希望能在任何时间，任何设备上都能清楚的，高效的传递信息给用户。而随着各种高清视网膜屏幕的出现，现在web设计也需要考虑各种高清屏幕的显示效果，同样前端在代码实现的时候也需要根据屏幕的不同来输出不同分辨率的图片。为了使我们的网页能够适配视网膜屏幕上的高

2017-04-16 15:07:32 2364 2

原创 Java中hashmap和Treemap实现原理释疑

先贴几篇博客： Java HashMap如何实现Key 的唯一性 Java TreeMap 红黑树介绍 HashMap,LinkedHashMap,TreeMap的有序性

2017-04-10 17:47:34 320

转载从javascript异步编程特点理解node服务器的I/O密集型优势

最近读了篇介绍js异步特性的博文，在加上自己平时在这方面也有一点琢磨和理解，感觉确实又“悟”出点东西来，分享出来给在这方面同样有困惑或不太确定自己的理解对不对的同学看。原博有一系列介绍js异步编程特性的文章，强烈推荐阅读学习（地址），按照博主自己的介绍：会按一般学习异步编程的顺序，首先介绍一下异步的原理，然后介绍各种异步编程的方法，从回调函数开始，然后慢慢进入Promise和Generator

2017-04-10 17:39:23 727

原创给定N个节点求组成二叉搜索树个数——从一道算法题探讨神奇的Catalan数

引Catalan数，中文卡特兰数又称卡塔兰数，是组合数学中一个常出现在各种计数问题中的数列。一旦入坑，你会发现这个数列相当有意思，能够应用于很多看起来特别复杂的计算场景，当然，并能将之迎刃而解。 wikipedia定义：卡塔兰数是组合数学中一个常在各种计数问题中出现的数列。以比利时的数学家欧仁·查理·卡特兰（1814–1894）命名。历史上，清代数学家明安图(1692年－1763年)在其《割圜密

2017-04-07 16:55:56 10618 6

原创【算法分析与设计】快速求幂算法的分析及java实现

ACM的竞赛中，经常会出现涉及到大数模幂运算的题目，如求解2的10000次方模100000009的结果，这就需要我们设计一种有效的求幂算法。本文将结合的以上应用场景，分析以下几种常用的求幂算法并给出java代码的实现：递归方法：二分快速求幂（又叫矩阵快速幂算法）非递归方法：二进制转换法二分快速求幂这种方法的设计思想很简单：对于A的n次幂，当n为偶数时，A^n = A^(n/2) * A^(n/

2017-04-03 23:14:11 1257

转载【图说互联网面试笔试必考知识点】之排序算法复杂度/TCP/IP三次握手

话不多说，放图！1.排序算法2 图解TCP/IP三/四次握手过程（结合状态码理解）【注意】在TIME_WAIT状态中，如果TCP client端最后一次发送的ACK丢失了，它将重新发送。TIME_WAIT状态中所需要的时间是依赖于实现方法的。典型的值为30秒、1分钟和2分钟。等待之后连接正式关闭，并且所有的资源(包括端口号)都被释放。【

2017-04-03 15:42:04 922

东篱与南山