sonicsunsky

影响用户体验。 当搜索引擎爬取网站 HTML 文件时，单页应用的 HTML 没有内容，因为他它需要通过客户端 JavaScript解析执行才能生成网页内容，而目前的主流的搜索引擎对于这一部分内容的抓取还不是很好。 为了解决这两个问题，可以服务端渲染的方法去实现。我们首先看下： …

可以根据nuxt的脚手架工具快速创建一个项目，项目创建的时候会让你进行一些选择，比如选择集成的服务端框架选择，选择ui框架等等，这个文档上都有，我这里先一路默认。 当然也可以根据项目进行从头新建项目。 nuxt默认的目录架构提供了良好的代码分层结构。 在 Nuxt.js 里面定…

nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）.Vue.js是开发SPA（单页应用）的,Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成渲染，可以直接用命令把我们制作的vue项目生成为静态html。 主要的原因时SPA（单页…

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…

2016 年 3 月 13 日 Element 悄然诞生，经历了 4 年的风雨洗礼，我们从一个饿了么内部业务组件库成长为 Vue 生态里最流行的 UI 组件库之一。 截至本文撰写时，Element 已获得 48200 Github Star， NPM 下载量 95 万次/每月的…

该文章有对应的视频讲解，大家可以动起手来，认真的学习一下canvas的用法。 每天更新前端技术栈文章。 <canvas>看起来跟img标签有点像，唯一不同的是它没有src属性和alt属性。实际上，canvas标签只有两个属性:width和height。 canvas标…

你使用过 Git 吗？或许你还未接触过Git，或许你已经使用了一段时间，但它或许仍然令你困惑。 本文主要讲解自己学习Git的方法以及解决自己遇见的各种Git问题。 首先强烈给大家推荐掘金小册 Git 原理详解及实用指南。（不是托😂） 如果你是新人，读了这本小册并且跟着实际操作…

LESS 是 CSS预处理语言，是 CSS 的扩展。 然后说说比较流行的几款预编译器：SASS/SCSS、LESS、Stylus。 SASS/SCSS和Stylus都很强，但是我还是选择了LESS，个人喜欢NodeJS，然后stylus空格我又不喜欢，就用了LESS，现在用的也…

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。 具体的文档可以访问less官网查阅。 可以发现，很多ui组件库都会提供5种行为相关的颜色：primary…