![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
文章平均质量分 63
weixin_43834679
这个作者很懒,什么都没留下…
展开
-
Vue SEO的解决方案
前言:众所周知,Vue SPA单页面应用对SEO不友好,当然也有相应的解决方案,下面列出几种SEO方案,SSR和静态化基于Nuxt.js来说。 1.SSR服务器渲染; 2.静态化; 3.预渲染prerender-spa-plugin; 4.使用Phantomjs针对爬虫做处理。 1.SSR服务器渲染 关于服务器渲染:Vue官网介绍,对Vue版本有要求,对服务器也有一定要求,需要支持nodejs环境。 使用SSR权衡之处: 开发条件所限,浏览器特定的代码,只能在某些生命周期钩子函数 (lifecycle ho转载 2021-06-17 19:45:15 · 346 阅读 · 0 评论 -
前端SEO技巧
一、搜索引擎工作原理 当我们在输入框中输入关键词,点击搜索或查询时,然后得到结果。深究其背后的故事,搜索引擎做了很多事情。 在搜索引擎网站,比如百度,在其后台有一个非常庞大的数据库,里面存储了海量的关键词,而每个关键词又对应着很多网址,这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的,这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行,从一个链接到另一个链接,下载其中的内容,进行分析提炼,找到其中的关键词,如果“蜘蛛”认为关键词在数据库中没有而对用户是有用的便存入数据转载 2021-06-17 19:24:10 · 401 阅读 · 0 评论 -
HTML5之canvas
什么是canvas canvas是H5里面的一个标签,canvas 标签只是图形容器,必须使用脚本(JavaScript )来绘制图形。 canvas能做什么 1.基础图形的绘制 2.文字的绘制 3.图片和视频的处理 4.动画的实现 5.小游戏的制作 canvas使用 <canvas> <span>当前浏览器不支持 canvas</span> </canvas> 准备工作(canvas有默认的尺寸 300x150) // 选择canvas标签 const转载 2021-03-16 16:54:52 · 72 阅读 · 0 评论 -
canvas之验证码
实现此功能,可以先拆分出验证码有以下要素: 1.随机凌乱字符生成 2.随机的背景色调 3.随机出现的遮挡线与点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp转载 2021-03-16 20:48:25 · 174 阅读 · 0 评论