随笔分类 - 经验总结
摘要：最近经常回答团队小伙伴关于直播 & 短视频的问题，比如 “flv.js的实现原理”、“为什么设计同学给的mp4文件浏览器里播放不了、但本地可以正常播放”、“MP4兼容性很好，可不可以用来做直播” 等。
本文主要内容包括，什么是MP4、MP4文件的基本结构、Box的基本结构、常见且重要的box介绍、普通MP4与fMP4的区别、如何通过代码解析MP4文件 等。
阅读全文
摘要：在Express的设计中，模板引擎属于核心模块之一，掌握、深入了解模板引擎，对于Express的学习、使用非常关键。本文通过例子，对Express的模板引擎进行深入浅出的介绍。
阅读全文
摘要：笔者前年开始撰写的《Node.js学习笔记》 github star 数突破了1000，算是个里程碑吧。
从第一次提交到现在，1年半过去了。突然有些感慨，想要写点东西，谈谈这期间的收获、心路历程，以及如何学习Node.js。
阅读全文
摘要：最近在折腾wordpress博客，连接MySQL数据库时提示拒绝访问。经过排查，解决了问题。这里记录下解决问题的方案，以及解决的思路。如有遇到类似问题的读者可以参考下。
阅读全文
摘要：顺利通过了百度电话一面，接着又参加了第二次电话面试。经过了无比煎熬的1小时后，却等来了一个让人无比疑惑的面试结果：“一面通过了。” 难道说有2次一面？这究竟是怎么回事？
阅读全文
摘要：2010年9月22日，中秋，记得那天下着零星的小雨。大部分同学都已回了家，深秋的校园显得格外空旷寂寥。我独自一人来到教学楼，等待那通来自上海的电话，紧张，懊恼的情绪在蔓延。9点整，电话如期而至。
没有太多的时间去诧异，电话那头，面试题一个接一个地抛了过来。我把耳机听筒紧紧地贴着耳朵，生怕听不清面试的题目，或者错过关键的信息。脑子飞快地转着，想着如何回答面试官的题目，以及怎么更有条理地组织我的回答。
阅读全文
摘要：闲来无事，折腾了一下React Native，相比之前，开发体验好了不少。但在真机断点调试那里遇到了跨域资源加载出错的问题，一番探索总算解决，目测是RN新版本调试服务的bug。
遇到类似问题的同学应该不少，这里做下记录，有需要的可以参考下。
阅读全文
摘要：背景介绍 团队最近在招前端开发，早上收到一封简历，是个妹纸，从技能点来看还算符合要求，于是约了下午3点过来面试。 整个面试过程持续了大约40分钟，问的题目也比较常规，其中一道题就是“常见的性能优化手段”。期间妹纸提到她看过《图解HTTP》，我就顺带问了下，“是否了解HTTP协议中常见的跟缓存相关的h
阅读全文
摘要：
稍微了解HTTP协议的前端同学，相比对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。本文仅挑no-cache、must-revalidate 这两个进行值进行探究对比。在项目实践中，这两个值用的比较多，也比较容易搞混。如果对论证过程不感兴趣，也可以直接跳到“对比结论”小节查看结论。
阅读全文
稍微了解HTTP协议的前端同学，相比对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。本文仅挑no-cache、must-revalidate 这两个进行值进行探究对比。在项目实践中，这两个值用的比较多，也比较容易搞混。如果对论证过程不感兴趣，也可以直接跳到“对比结论”小节查看结论。
阅读全文
摘要：作为一个互联网前端老鸟，这么些年下来，做过的项目也不少。从最初的`我的QQ中心`、`QQ圈子`，到后面的`QQ群项目`、`腾讯课堂`。从几个人的项目，到近百号人的项目都经历过。
这期间，实现了很多的产品需求，也积累了一些经验。这里稍作总结，希望能给新入行的前端小伙伴们一些参考。
阅读全文
摘要：谈到node断点调试，目前主要有三种方式，通过`node内置调试工具`、`通过IDE（如vscode）`、`通过node-inspector`，三者本质上差不多。本文着重点在于介绍 **如何在本地通过node-inspector 调试远程服务器上的node代码**。
在进入主题之前，首先会对三种调试方式进行入门讲解，方便新手理解后面的内容。至于老司机们，可以直接跳到主题去。
阅读全文
摘要：晚上review了下grunt-inline的issues，看到有个兄弟pull request，修正了0.3.0版本的一个bug。于是就merge了下，然后发布了0.3.1版本（这里）。 npm publish后，突然想到一个问题，发布了这么多个版本了，但好像都没有打过tag，这个不利于版本回溯以...
阅读全文
摘要：这里只是调侃一下，“杏仁”其实指的是almond，requirejs作者的另一个开源项目，它的定位是作为requirejs的一个替代品。 本文概要： 使用场景 什么情况下需要使用almond呢？假设你手头有个基于requirejs的小项目，所有业务代码加起来就几十K（压缩后可能更小）.出于性能优化的
阅读全文
摘要：为了提高页面的性能，通常情况下，我们希望资源尽可能地早地并行加载。这里有两个要点，首先是尽早，其次是并行。 通过data-main方式加载要尽可能地避免，因为它让requirejs、业务代码不必要地串行起来。下面就讲下如何尽可能地利用浏览器并行加载的能力来提高性能。 低效串行：想爱但却无力 最简单的
阅读全文
摘要：最近陆陆续续面试了几个同学，有社招的，也有实习生，整体来看，面试结果不是特别的理想，至少没有达到自己的预期。这里简单分享下社招的一些感受，至于校招的，后面有机会再分享下。 投实习生简历的，大部分是大三的同学，考虑到这部分同学的实际情况（学校教的都是基础课程，如C、C++、java、数据结构等，而前端
阅读全文
摘要：这几天在产品的某个模块上上添加新功能，该模块之前是由其他同事维护。也就是说，需要在同事原有代码的基础上进行修改。过程中遇到了一些坑，主要是由一些不合理的代码实践导致的。 这里抛开大的设计话题，仅挑出其中一些自己认为不是很合理的代码细节。原因很简单：当我们在审视别人代码的时候，总会看到这样那样的不合理...
阅读全文
摘要：遇到这么个需求，允许用户修改自己的名片，名片最大长度支持8个汉字（24个字节），当用户输入超过8个字节，则不允许用户继续输入。 最初的思路：oninput你好 很常见的需求，觉得驾轻就熟，监听input事件，当输入内容发生变化的时候，获得用户输入内容，并进行截断操作（如果超出的话）。主要代码如下。一...
阅读全文
摘要：因为最近工作比较忙，很久没有在博客园上发过文了，只是偶尔闲下来跑github上逛逛提交下代码。晚上本来在捣鼓node，忘了因为什么原因联想起之前在博客园发过的一篇文章，于是又跑回来看了下，然后又百无聊赖地随意翻点文章之间的链接。 过去一段时间，断断地写了一点东西，都是随性而学随性而写，很少有固定的主
阅读全文
摘要：一、变量 所有变量以$开头 $font_size: 12px;.container{ font-size: $font_size;} 如果变量嵌套在字符串中，需要写在#{}中 $side : left;.rounded { border-#{$side}: 1px solid ...
阅读全文
摘要：之前调试grunt插件时，都是通过人肉打log来调试。不仅效率低，而且会产生一堆无用的代码。于是简单google了下node断点调试的方法，总结了下。 借助node-inspector，我们可以通过Chrome浏览器的调试工具来调试。 一、安装node-inspector 二、监听Nodejs的de
阅读全文