WilsonLiu's Blog

前言以前端入行编码，但是对后端架构也非常感兴趣。一直以来都觉得那些做到在洪水流量面前保持系统提供高可靠，高性能的服务的小哥哥们都很厉害。总想着去学习一番，因此大半年来不断学习后端相关的知识，试图去理解高并发架构的面貌。当然，本文仅仅是试着探索而已，并没有相关实践的经历，也只能从理论的角度去推演，从现有可参考的资料中去堆砌一个在我看来合理的架构方案。限于作者水平有限，因此难免行文难免有误，亦或是对整

技术麻瓜的大三狗，从初创公司唯一一个前端，到独自北漂在去哪儿进行寒假实习，最后南下腾讯暑期实习并成功转正。 作为一只野生的程序员，经历了一年的野蛮生长。将这一年的经历记录下，回味这一年的成长。背景介绍华科，通信工程专业学渣一枚，目前大四。 大三暑假开始决定工作，便开始了一只技术麻瓜的技术学习史。 想过做产品(没有项目跟进，不容易入门)，去实验室跟着看过大数据(门槛高，毕业的时候也难以有所小

前言作为一个有追求的前端，在学有余力的同时，不应该把自己仅仅局限于前端的世界中的。 而后端的知识是与前端工作最密切相关的一部分内容，多了解些后端的知识也是大有裨益的。本文简单叙述了三种构建大型架构的必备知识。也是我做前端这么久以来，一直想知道的如何突破现有的性能瓶颈做到 高并发，高性能，高可靠。文中如有错误，欢迎指正。优化数据库负载均衡缓存技术优化数据库对于使用数据库的Web站点来说，数

WilsonLiu’s blog 首发地址前言众所周知，AJAX的出现是前端快速发展的一个标志，同时也是前后端得以分离的重要基础。作为一个C/S网络的web系统，网络通信在发挥着举足轻重的作用。 大部分的场景下，我们是主动触发AJAX去调取后端数据，但是总有那么些场景是后端数据更新了再推送给前端。 本文则试着和读者一起对这个数据推送的需求进行技术方案的探究。首先，列一个常用可选的技术清单 -

JavaScript函数式编程摘要以往经常看到”函数式编程“这一名词，却始终没有花时间去学习，暑期实习结束之后一直忙于边养老边减肥，81天成功瘦身30斤+ ，开始回归正常的学习生活。 便在看《JavaScript函数式编程》这本书，以系统了解函数式编程的知识。本文试图尽可能系统的描述JavaScript函数式编程。当然认识暂时停留于本书介绍的程度，如有错误之处，还请指正。注：本书采用的函数式库Un

漫话前端缓存背景说明缓存一直是前端性能优化中，浓墨重彩的一笔。了解前端缓存是打造高性能网站的必要知识。 之前，对于缓存的认知一直停留在看《HTTP权威指南》和一些相关帖子的深度，过了一段时间，又总是忘记，正好最近不是很忙，结合内网上的一些参考资料，结合实践，试着全面解析一下缓存以及其最佳实践。前后端交互中涉及到的缓存前端我们日常所见最多的也是我们最常利用的就是浏览器对于HTTP规范实现所进行的资源

前端安全一直是一个蛮严苛的问题，特别如果设计到money更是如此。 了解前端安全，在平时的coding中主动考虑，防范于未然，是一个有追求的程序猿应该做的。未登录我们从弱弱的基本开始，第一步当然是登录鉴权了，如果一个需要用户身份鉴权的应用系统没有登录过滤那简直是没法想像的，方案基本都是用户输入用户名 密码、或是三方 openID 授权后在 session 里保存用户此次登录的凭证来确保每次请求的

背景密码是用来进行鉴权(身份认证)一种手段,说白了就是证明你是谁。一般鉴权都可以总结为下面3种形式:你知道什么? (如密码,密码提示问题等)你有什么? (如信用卡,token卡等)你是什么?(如指纹识别，瞳孔识别等)常见攻击方式常见的针对密码的攻击方式有: 暴力破解(Brute-force)字典攻击(Dictionary Attack)彩虹表攻击(Rainbow table attac

前后端交互过程中的编码起因最近在写PHP，本身对PHP不太熟练。然后遇到编码这个问题，困扰了大半天，索性，系统探索解决一番。前后端交互过程中涉及的编码Browser cilent: 首先，浏览器的设置里有设置编码格式，一般设置为UTF-8。AJAX request: AJAX异步请求的过程中可以设置编码，contentType:"application/x-www-form-urlencoded

深入阅读gulp源码小结gulp源码简介gulp源码核心部分寥寥60+行。但是通过这60+行代码，gulp给我们带来的确是前端自动化构建的便利。以往以为其源码肯定蛮复杂， 却没想到却是这么60+行，这60+行的背后，是来自于模块化的支撑。gulp的四个接口分别来源于orchestrator,vinyl-fs两个模块。 所以gulp的所有特性都来自于这两个模块。 Orchestrator是用来任

sea.js想解决的问题恼人的命名冲突烦琐的文件依赖对应带来的好处 Sea.js 带来的两大好处：通过 exports 暴露接口。这意味着不需要命名空间了，更不需要全局变量。这是一种彻底的命名冲突解决方案。通过 require 引入依赖。这可以让依赖内置，开发者只需关心当前模块的依赖，其他事情 Sea.js 都会自动处理好。对模块开发者来说，这是一种很好的 关注度分离，能让程序员更多地享受

shell script编程小结前言shell作为编程中不可或缺的一部分，平日里，我们经常会在shell中输入一些命令。有时候也需要完成一些复杂的操作，重复的输入多条相同的命令，过于费时和无趣。所以掌握shell script就显得非常有必要了，可以让你用编程的方式调用繁多的命令行工具。最近，正好碰上一个一直拖着的需求，便抄起了shell解决掉了，写了人生中第一段shell script代码。需求如

基本视觉格式化基本框内容区，内边距，边框，外边距。 边框的颜色如果没有设置，将取元素内容的前景色，同时边框与内容和内边距具有相同的背景。包含块每个元素都相对于其包含块摆放，可以这么说，包含块就是一个元素的“布局上下文”。块级元素水平格式化正常流中块级元素框的水平部分总和就等于父元素的width(width是指内容区的宽度)。水平属性水平格式化的“7大属性”是： margin-left marg

结构和层叠继承(Inheritance)是从一个元素向其后代元素传递属性值所采用的机制。另外还需要考虑声明的特殊性与声明本身的来源。这个过程称为层叠(cascade)。特殊性对于每个规则，浏览器都会计算选择器的特殊性(specificity)。 选择器的特殊性由选择器本身的组件确定。特殊性值表述为4个部分，如： 0,0,0,0。一个选择器的具体特殊性如下确定。 - 对于内联样式的特殊性，加1,0

选择器规则结构选择器 声明块(属性:值;)h1 {color:red;}分组分组分为选择器分组和声明分组。h1,h2 {color:red} //选择器分组h1 {color:red;background:yellow;} //声明分组两者的结合，可以让代码更加简洁。选择器分类元素选择器，类选择器，ID选择器，属性选择器。类选择器.warning {font-style: italic;

端到端的数据 第七章从网络的观点看，应用程序间彼此发送信息。每个消息只是一个未解释的字符串。然而，从应用程序的观点看，这些消息包含各种类型的数据——整型数组，视频帧，文本行，数字图像等。因此，我们需要考虑如何更好地对应用程序要转换成字符串的各种不同类型数据进行编码。编码实质上涉及两个问题。第一是接收方能从信号中提取出于传送方发送的消息相同的消息，这就是组帧的问题。第二是尽可能地提高编码效率。第一个问

字符串正则表达式PHP支持POSIX和Perl两种正则表达式实现的特性和语法。POSIX略perlperl与JavaScript的正则表示风格一致，故采用perl版的正则表达式。preg_grep()<?php$a=array("pasta","steak","fish","potatoes");$food = preg_grep("/^p/",$a,1); //当传入第三个参数1时，输出不

数组创建函数list(a,b,c)=$a,$b,$c;range(low,high,step);is_array($array);添加和删除数组元素array_push($array,$a);array_pop($array);array_shift($array);array_unshift($array,$a);定位数组元素in_array(val,$array);array_key

面向对象的PHPOOP的好处OOP的三个基本概念：封装，继承，多态。封装通过众所周知的接口将用户与实际应用程序的内部工作原理分离，这种方法叫做封装。 通过这些定义良好的接口进行交互的组件称为对象，对象是通过一个称为类的模板创建的，类用于定义某个实体所应具有 的数据和行为。继承通过类来继承，子类会继承父类的所有性质和行为。多态多态是指OOP能够根据使用类的上下文来重新定义或改变类的性质或行为。关键

11.1 选择符querySelector()querySelectorAll()11.2 元素遍历对于元素间的空格，IE9及之前的版本不会返回文本节点，而其他所有浏览器都会返回文本节点。这样就导致了使用childNodes与firstChild等属性时的行为不一致。为了弥补这一差异，而同时又保证DOM规范不变，Element Traversal 规范新定义了一组属性。 childEle