事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

别走，别走，别走啊😭.............................................

当我们在做性能优化的时候，我们究竟在优化什么？做性能优化需不需要了解底层的东西？需要了解到什么程度？浏览器底层是一个什么架构？浏览器渲染的本质究竟是什么？哪些方面对用户的体验影响才是最大的？

base64是一种用64个可打印字符编码任意二进制的方法。所谓Base64，就是说选出64个字符----小写字母a-z、大写字母A-Z、数字0-9、符号"+"、"/"（再加上作为垫字的"="，实际上是65个字符）----作为一个基本字符集。然后，其他所有符号都转换成这个字符集中…

服务器和客户端保持长连接通信，实现方式比较多。有很多成熟的框架可以完成，底层无非都是对Socket流的封装和使用。 Socket大致是指在端到端的一个连接中，这两个端叫做Socket。 HTTP是基于传输层的TCP协议的，而Socket API也是，所以只是从使用上说，可以认为…

Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。 Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架，为 Web 和移动应用程序提供一组强大的功能…

node.js当中的http内置模块可以用于创建http服务器与http客户端。 因此我们决定用Connect模块，非常流行的Express web框架就是建立在Connect之上的. 使用http的.createServer()方法可以用于返回一个http服务器实例，用自定义…

简单地说，Webpack其最核心的功能就是 解决模板之间的依赖，把各个模块按照特定的规则和顺序组织在一起，最终合并成一个JS文件（比如bundle.js）。这个整个过程也常常被称为是模块打包。 WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到 JavaS…