摘要: 图片懒加载 为了避免页面一次性向服务器发送大量请求而造成页面阻塞,我们需要控制请求数量,按照我们需要的量去加载图片。 懒加载的优点 提高前端性能,按需加载图片减轻服务器负担,提高页面加载速度。 懒加载的原理 图片的加载是依赖于src路径,我们可以设置一个暂存器,把图片路劲放到暂存器中,当我们需要这个 阅读全文
posted @ 2020-01-08 16:34 Raincoat_Z 阅读(5750) 评论(0) 推荐(4) 编辑
摘要: 通过B/S架构实现多人聊天,客户端连接服务器,发送信息,服务器接收信息之后返回给客户端。 主要是通过socket.io实现浏览器和服务器之间进行实时,双向和基于事件的通信。 socket.io官方文档:https://socket.io/docs/ 新建一个文件夹作为项目文件夹 新建一个js文件作为 阅读全文
posted @ 2020-01-06 20:23 Raincoat_Z 阅读(420) 评论(0) 推荐(0) 编辑
摘要: 如图所示,实现简单的卡片展示分行功能。 分行功能较多地用于展示商品、相册等,本人在学习的过程中也是常常需要用到这个功能;虽然说现在有很多插件都能实现这个功能,但是自己写出来,能够理解原理,相信能够进步不少。 首先看看这个简单的原理分析: 最核心的就是多维数组,而且是不规则数组。将全部卡片全部分解为多 阅读全文
posted @ 2020-01-02 15:39 Raincoat_Z 阅读(3129) 评论(1) 推荐(1) 编辑
摘要: 安装node.js 官网:https://nodejs.org/en/ 淘宝NPM镜像(npm是外网,用国内代理下载安装贼快) $ npm install -g cnpm --registry=https://registry.npm.taobao.org 全局安装 vue-cli $ cnpm i 阅读全文
posted @ 2020-01-01 21:04 Raincoat_Z 阅读(265) 评论(0) 推荐(0) 编辑