11 2020 档案

Nuxt 开发搭建博客
摘要：众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案。 服务端渲染 (SSR) 就是常用的一种。 SSR 有利于 搜索引擎优化(SEO, Search Engine Optimization) ，并且 内容到达时间(time-to-content) （或称之为首屏渲染时长）也有很 阅读全文
posted @ 2020-11-25 21:17 明么 阅读(265) 评论(0) 推荐(0)
puppeteer前端利器
摘要：Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，同时还有 Headless Chrome。用来模拟 Chrome 浏览器的运行。它提供了高级API来通过 DevTools 协议控制无头 Chrome 或 Chromium ，它也可以配置为使用完整（非无头 阅读全文
posted @ 2020-11-20 22:15 明么 阅读(478) 评论(1) 推荐(0)
WebSocket入门详解
摘要：一、WebSocket 介绍 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向 阅读全文
posted @ 2020-11-17 22:44 明么 阅读(192) 评论(0) 推荐(0)
模块化-CommonJs、AMD、CMD、ES6
摘要：在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。可以想象一个巨大的系统代码，被整合优化 阅读全文
posted @ 2020-11-16 21:15 明么 阅读(163) 评论(0) 推荐(0)
CSS圣杯布局、双飞翼布局详解
摘要：三栏布局中，经典中的经典应该就是圣杯布局、双飞翼布局没跑了。双飞翼布局和圣杯布局其实是一样的，只不过在写法上有些不同，其布局都是左右固定宽度，中间宽度自适应。 先熟悉一下圣杯布局、双飞翼布局中的特点： 两侧定宽，中间自适应 主要内容优先渲染 圣杯布局 <div class="container"> 阅读全文
posted @ 2020-11-12 23:19 明么 阅读(170) 评论(0) 推荐(0)
CSS两列布局的多种方式
摘要：两列布局（一侧固定宽度，一侧自适应），在工作中应该是经常使用到，可以说是前端基础了。这种两列布局的样式是我们在平时工作中非常常见的设计，同时也是面试中要求实现的高频题。很有必要掌握以备不时之需。这里总结了几种布局方式，欢迎大家补充。 absolute + margin 方式 <div class=" 阅读全文
posted @ 2020-11-12 23:18 明么 阅读(202) 评论(0) 推荐(0)