技术 2018-04-27
前言@font-face允许网页自带字体，从而消除对用户电脑字体的依赖。基本用法如下：@font-face { font-family: "family-name"; /* 字体名 ...
技术 2018-04-18
前言使用个性化的字体是设计师的基本诉求。在web端使用特殊字体，前端工程师更喜欢引入自定义字体（@font-face），而不是用图。因为使用字体有若干好处：内容可以被复制，用户体验更好方便修改内容（在HTML中直接修改文字）方便矢量缩放（在CSS中使用font-size定义大小）方便修改颜色（在CS...
技术 2018-04-01
操作系统总会不定期暴露出一些安全漏洞。养成定期更新Linux内核的习惯，让自己的服务器更安全。确切的讲，Linux只是一个操作系统的内核（kernel），而我们常用的CentOS是基于Linux内核的发行版（distribution），整合了各种程序工具和库。如果当前版本的内核暴露了严重的安全漏洞，...
技术 2018-03-01
前言Checksum算法广泛应用于TCP/IP协议族，用于校验IP、TCP、UDP数据。以IP协议为例，如下图：其中大部分字段看看文档就能明白，只是头部校验和checksum字段，协议中没有提供算法和示例。以下内容将详细介绍checksum的原理和算法，并提供C、PHP、Node.js的函数源码。计...
技术 2018-02-10
相比起城会玩的JavaScript和花样多的CSS，HTML可以用来出面试题的考点并不多。有些无事生非的面试官就提出这个的问题：<b> 和 <strong> 有什么区别？定义HTML标准中的<b>：The HTML Bring Attention To eleme...
技术 2018-02-02
摘要TCP是最常用的传输层协议之一。作为一种字节流协议，需要应用层提供分包协议和方案。ECMAScript 2015 (ES6) 引入Buffer类作为Node.js API的一部分，使其具备了处理二进制流的能力，正好适用于TCP 流这样的场景。本文使用Node.js实现了TCP解包方案，并给出基于...
技术 2018-01-16
几个没有基础的人，各自选择了自己感兴趣的语言，一起学习编程。几天之后，问他们都学了些啥。学C++的人说：我写了个简单的程序，输出九九乘法表；学C++的人说：我写了个发声程序，猫叫狗叫动物叫；学phthon的人说，我web服务器都搭好了。最后学前端开发的说：我学会了怎么搭建开发环境。构建工具向来就是前...
技术 2018-01-02
乔布斯死后苹果的设计是越来越奇葩，给开发者带来的麻烦也与日俱增。对于前端开发来说，最麻烦的就是Home Indicator。以往一些Fixed在底部的组件，如底导航、立即购买按钮等等，现在都被迫得往上腾出空间。判断到是iPhoneX时，使用兼容的XSS增加底部距离，使得视觉上不重叠。网页的操作一般是...
技术 2017-10-24
Service worker可以充当Web应用程序与浏览器之间的代理服务器，常用于拦截网络请求，优化离线体验。最近开发一个功能需要用到股票信息，这些信息在每个交易日都是固定不变的，可以在前端缓存起来，减少重复请求。于是引入了Service workers。由于Service workers只支持ht...
技术 2017-09-06
前言在一次面试中被安利了WebAssembly。于是自己写了几个代码，测试一下业务场景中最常用到的四则运算，WebAssembly能提高多少性能。并非专业测试，环境为：A8-7500（四核3GHz）+8G内存，win7系统，Chrome 62。所有测试会用同样的代码跑10次，因为每次结果非常接近，这...