自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

WilsonLiu's Blog

致力于做一个有故事的人。小时候听爸爸说他的故事,长大了去创造自己的故事;当爸爸后有故事可讲;老了以后有故事可以回味。...

原创 试着探索高并发下的系统架构面貌

前言以前端入行编码,但是对后端架构也非常感兴趣。一直以来都觉得那些做到在洪水流量面前保持系统提供高可靠,高性能的服务的小哥哥们都很厉害。总想着去学习一番,因此大半年来不断学习后端相关的知识,试图去理解高并发架构的面貌。当然,本文仅仅是试着探索而已,并没有相关实践的经历,也只能从理论的角度去推演,...

2017-05-23 18:55:39

阅读数 290

评论数 0

原创 聊聊这一年从技术麻瓜开始的奋斗史

技术麻瓜的大三狗,从初创公司唯一一个前端,到独自北漂在去哪儿进行寒假实习,最后南下腾讯暑期实习并成功转正。 作为一只野生的程序员,经历了一年的野蛮生长。将这一年的经历记录下,回味这一年的成长。背景介绍华科,通信工程专业学渣一枚,目前大四。 大三暑假开始决定工作,便开始了一只技术麻瓜的技术学...

2016-12-15 10:53:32

阅读数 5479

评论数 23

原创 前端也该了解的一些后端知识

前言作为一个有追求的前端,在学有余力的同时,不应该把自己仅仅局限于前端的世界中的。 而后端的知识是与前端工作最密切相关的一部分内容,多了解些后端的知识也是大有裨益的。本文简单叙述了三种构建大型架构的必备知识。也是我做前端这么久以来,一直想知道的如何突破现有的性能瓶颈做到 高并发,高性能,高可靠...

2016-12-14 11:16:04

阅读数 2366

评论数 0

原创 H5数据推送

WilsonLiu’s blog 首发地址前言众所周知,AJAX的出现是前端快速发展的一个标志,同时也是前后端得以分离的重要基础。作为一个C/S网络的web系统,网络通信在发挥着举足轻重的作用。 大部分的场景下,我们是主动触发AJAX去调取后端数据,但是总有那么些场景是后端数据更新了再推送给前端...

2016-12-07 11:10:55

阅读数 3225

评论数 0

原创 JavaScript函数式编程

JavaScript函数式编程摘要以往经常看到”函数式编程“这一名词,却始终没有花时间去学习,暑期实习结束之后一直忙于边养老边减肥,81天成功瘦身30斤+ ,开始回归正常的学习生活。 便在看《JavaScript函数式编程》这本书,以系统了解函数式编程的知识。本文试图尽可能系统的描述JavaSc...

2016-12-03 15:58:03

阅读数 1838

评论数 0

原创 漫话前端缓存

漫话前端缓存背景说明缓存一直是前端性能优化中,浓墨重彩的一笔。了解前端缓存是打造高性能网站的必要知识。 之前,对于缓存的认知一直停留在看《HTTP权威指南》和一些相关帖子的深度,过了一段时间,又总是忘记,正好最近不是很忙,结合内网上的一些参考资料,结合实践,试着全面解析一下缓存以及其最佳实践。前...

2016-08-21 20:19:27

阅读数 944

评论数 0

原创 认识前端安全

前端安全一直是一个蛮严苛的问题,特别如果设计到money更是如此。 了解前端安全,在平时的coding中主动考虑,防范于未然,是一个有追求的程序猿应该做的。未登录我们从弱弱的基本开始,第一步当然是登录鉴权了,如果一个需要用户身份鉴权的应用系统没有登录过滤那简直是没法想像的,方案基本都是用户输入用...

2016-08-16 11:10:59

阅读数 2722

评论数 2

原创 漫话密码存储

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

2016-08-15 20:51:41

阅读数 305

评论数 0

原创 前后端交互过程中的编码

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

2016-07-25 13:32:51

阅读数 1409

评论数 0

原创 深入阅读gulp源码小结

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

2016-07-18 21:54:46

阅读数 1038

评论数 0

原创 阅读sea.js源码小结

sea.js想解决的问题 恼人的命名冲突 烦琐的文件依赖 对应带来的好处 Sea.js 带来的两大好处: 通过 exports 暴露接口。这意味着不需要命名空间了,更不需要全局变量。这是一种彻底的命名冲突解决方案。 通过 require 引入依赖。这可以让依赖内置,开发者只需关心当前模块的依赖,其...

2016-06-26 12:00:59

阅读数 808

评论数 0

原创 shell script编程小结--附带实例

shell script编程小结前言shell作为编程中不可或缺的一部分,平日里,我们经常会在shell中输入一些命令。有时候也需要完成一些复杂的操作,重复的输入多条相同的命令,过于费时和无趣。所以掌握shell script就显得非常有必要了,可以让你用编程的方式调用繁多的命令行工具。最近,正好...

2016-05-20 15:45:08

阅读数 2876

评论数 0

原创 基本视觉格式化

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

2016-05-20 13:50:44

阅读数 426

评论数 0

原创 结构和层叠

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

2016-05-19 21:48:32

阅读数 406

评论数 0

原创 CSS选择器

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

2016-05-17 16:29:50

阅读数 475

评论数 0

原创 端到端的数据

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

2016-04-28 13:47:08

阅读数 2244

评论数 0

原创 PHP字符串

字符串正则表达式PHP支持POSIX和Perl两种正则表达式实现的特性和语法。POSIX略perlperl与JavaScript的正则表示风格一致,故采用perl版的正则表达式。 preg_grep() <?php $a=array("pasta","steak...

2016-04-27 18:17:54

阅读数 491

评论数 0

原创 PHP数组

数组创建函数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_unsh...

2016-04-27 18:17:29

阅读数 453

评论数 0

原创 面向对象的PHP

面向对象的PHPOOP的好处OOP的三个基本概念:封装,继承,多态。封装通过众所周知的接口将用户与实际应用程序的内部工作原理分离,这种方法叫做封装。 通过这些定义良好的接口进行交互的组件称为对象,对象是通过一个称为类的模板创建的,类用于定义某个实体所应具有 的数据和行为。继承通过类来继承,子类...

2016-04-27 18:16:17

阅读数 359

评论数 0

原创 DOM扩展

11.1 选择符 querySelector() querySelectorAll() 11.2 元素遍历对于元素间的空格,IE9及之前的版本不会返回文本节点,而其他所有浏览器都会返回文本节点。这样就导致了使用childNodes与firstChild等属性时的行为不一致。为了弥补这一差异,而同时...

2016-04-27 18:13:02

阅读数 538

评论数 0

原创 表单脚本

表单的基础知识获取表单的方式: 1. 通过id等方式找到 2. 通过document.forms获取文档对象上所有的表单。提交表单 用户点击提交按钮或者图像按钮的时候,就会提交表单。 <input type="image" src="./ionic.png...

2016-04-27 18:11:52

阅读数 274

评论数 0

原创 DOM2

DOM2的模块划分 DOM2级核心 DOM2级视图 DOM2级事件 DOM2级样式 DOM2级遍历和范围 DOM2级HTML 样式HTML中定义样式的方式有3种:<link>引入外部样式表文件,使用<style>元素定义嵌入式样式,以及使用style特性定义针对特定元素的样...

2016-04-27 18:10:25

阅读数 423

评论数 0

原创 DOM

10.1 结点层次10.1.1 Node类型文档结点document是每个文档的根节点,document只有唯一子节点元素。 每个结点都有一个nodeType属性,用于表明节点的类型。 例:document.getElementsByTagName('html')[0]....

2016-04-27 18:10:07

阅读数 459

评论数 0

原创 BOM对象

8.1 window 对象全局作用域全局变量不能通过delete删除,而直接在window上定义的的属性可以var age =29; window.color ="red"; console.log(delete window.age); //在IE<9时抛出错误,在其他...

2016-04-27 18:09:44

阅读数 369

评论数 0

原创 JavaScript 最佳实践

最佳实践24.1 可维护性24.1.1 什么是可维护性 可理解性 直观性 可适应性 可扩展性 可调试性 24.1.2 代码约定 可读性 注释,合理的缩进 有意义的变量和函数命名 一般命名规则:变量名应该为名词;函数名应该动词开始; 24.1.3 松散耦合 解耦html与JavaScript 解...

2016-04-27 18:08:34

阅读数 363

评论数 0

原创 JavaScript 事件

事件流事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流,Netscape的事件流是事件捕获流。 事件冒泡流:嵌套最深的结点最先接收事件。 事件捕获流:document对象最先接收事件。var test = function (el){ el.addEventListene...

2016-04-27 18:08:06

阅读数 479

评论数 0

原创 Javascript 函数表达式

定义函数的方式第一:函数声明 第二:函数表达式函数声明提升sayHi(); function sayHi(){ alert("Hello world!") }7.1 递归递归函数是在一个函数通过名字调用自身的情况下构成的。function fac(num) { ...

2016-04-27 18:07:20

阅读数 4794

评论数 1

原创 JavaScript面向对象的程序设计

面向对象的程序设计6.1 理解对象Object.defineProperties与Object.defineProperty 1. 数据属性 - configurable - enumerable - writable - value 2. 访问器属性 - get - set -...

2016-04-27 18:06:33

阅读数 451

评论数 0

原创 HTTP内容分发

内容分发Web主机托管对内容资源的存储协调以及管理的职责统称为Web主机托管。虚拟服务器请求却反主机信息HTTP/1.0中的一个设计缺陷会使虚拟主机托管者疯狂。HTTP/1.0中没有为共享的Web服务器提供任何方法来识别要访问的是所托管的哪个虚拟网站。 HTTP/1.0请求在报文中只发送URL的...

2016-04-27 17:26:07

阅读数 542

评论数 0

原创 HTTP实体和编码

实体和编码每天都有数以亿计的各种媒体对象经由HTTP传送,如图像,文本,影片以及软件程序等。HTTP会确保它的报文被正确的传送,识别,提前以及适当的处理,则需要满足以下条件。 1. 可以被正确的识别(通过Content-Type首部说明媒体格式,Content-Language首部说明语言),以...

2016-04-27 17:09:41

阅读数 786

评论数 0

原创 HTTP的识别,认证与安全

识别,认证与安全第三部分的4章提供了一系列的技术和机器,可用来跟踪身份,进行安全性检测,控制对内容的访问。客户端识别与cookie机制 第十一章HTTP最初是一个匿名,无状态的请求/响应协议。服务器处理来自客户端的请求,然后向客户端回送一条响应。web服务器几乎没有什么信息可以用来判定是哪个用户发...

2016-04-27 16:51:40

阅读数 5600

评论数 0

原创 HTTP结构

HTTP结构第二部分的5章主要介绍了HTTP服务器,代理,缓存,网关和机器人应用程序,这些都是Web系统架构的构造模块。Web服务器 第五章Web服务器会对HTTP请求进行处理并提供响应。术语”web服务器”可以用来表示Web服务器的软件,也可以用来表示提供Web页面的特定设备或计算机。实际的We...

2016-04-27 16:17:51

阅读数 3148

评论数 0

原创 HTTP:Web基础

概述HTTPHTTP协议是因特网的多媒体信使。HTTP可以从遍布世界的Web服务器上将这些信息快迅速,便捷,可靠地搬移到人们桌面上的Web浏览器上去。HTTP协议主要分Web客户端和服务器。其中Web服务器是Web资源的宿主。Web资源可以包含任意媒体类型内容,HTTP协议为了标识各种媒体类型,会...

2016-04-27 14:07:46

阅读数 2055

评论数 0

原创 JavaScript 高级技巧

22.1 高级函数22.1.1 安全的类型检测typeof,instanceof并非完全可靠。解决办法,利用 Object.prototype.toString.call(value)22.1.2 作用域安全的构造函数function Person(name,age,job){ "...

2016-04-27 09:37:01

阅读数 333

评论数 0

原创 calc与box-sizing的替代

背景:之前发现calc这个布局新属性之后就非常喜欢,爱不释手。在公司的实习的时候,开发微信端的页面,使用了几次calc,后来发现在Android的上的不支持~蛋疼。于是到处找替代方案,终于在stackoverflow上找到一个满意的答复,好~接下来进入正文~calc 与box-sizing 简单介...

2016-04-27 09:35:14

阅读数 634

评论数 0

原创 前端面试资料总结——附上大量优质资料链接

介绍3,4月份暑期实习招聘~准备了许久,看了网上不少的总结帖子,准备过程中,学习到了许多。 看过一句话~ 技术水平涨的最快的有两个阶段,一个面试前几个月,一个是入职后几个月~想想还是很有道理的。 拿到offer了~把自己复习时做的一些总结,给大家分享一下,希望能够对大家有些帮助~CSS部分常...

2016-04-24 16:12:08

阅读数 605

评论数 0

原创 排序算法——javascript算法实现

排序 Sorting排序基本概念排序是计算机程序设计中的一种重要操作,他的功能是将一个数据元素(或记录)的任意排列,重新排列成一个按关键字有序的序列。 待排序的记录序列中可能存在两个或两个以上的关键字相等的记录,且在排序前Ri在Rj前面(即i插入排序直接插入排序 O(n2)最为简单的一种排序,基...

2016-04-24 15:58:40

阅读数 289

评论数 0

原创 查找算法——javascript算法实现

查找表 search table查找表相关概念查找表是由同一类型的数据元素(或记录)构成的集合。由于”集合”中的数据元素之间存在着完全松散的关系,因此查找表是一种非常灵便的数据结构。静态查找表 static search table动态查找表 dynamic search table关键字 key...

2016-04-24 15:56:25

阅读数 623

评论数 0

原创

串 sring串(string)(或字符串)是由零个或者多个字符组成的有限序列。串的表示和实现定长顺序存储表示类似于线性表的顺序存储结构,用一组地址连续的存储单元存储串值的字符序列。 在串的定长顺序存储结构中,按照预定义的大小,为每个定义的串变量分配一个固定长度的存储区。 串的实际长度可在这预定义...

2016-04-24 15:55:46

阅读数 435

评论数 0

原创 端到端协议

端到端协议 第五章从前几章研究的主机到主机的分组传递服务到转向进程到进程之间的通信信道,这正是网络体系结构中传输层(transport)的任务,由于它支持端点应用程序之间的通信,因此传输层协议有时也被称为端到端(end to end)协议。因特网提供尽力而为(best-effort)的服务,为满足...

2016-04-24 10:32:36

阅读数 2735

评论数 0

提示
确定要删除当前文章?
取消 删除