互联网资源多样化分享，丰富的计算机技术分享 - 吱吱工具箱butterPig

在个人网站butterpig实现了图片一键转换圆角功能，该功能的实现主要用到了html5中的canvas绘图技术相关知识，都是很基础的内容，不了解canvas的可以自己补习一下。

阅读文章详情

最近在写前端代码的过程中，涉及到一些canvas画图的方面，感觉很生疏，以前写android的时候也用过canvas的API画图。然后遇到了一个需求，如果能把状态保存在canvas中，需要的时候再恢复到保存时的状态多方便，于是就查到了canvas的context中提供的save()和restore()。

阅读文章详情

首先直接说结论：百度搜索引擎对域URL中的-连字符和_下划线基本上是没有区别对待的，处理方式相同，应该是将两者都作为一种合规的普通字符来处理了。而谷歌搜索对-连字符和下划线_的处理，有较大的区别。总的来说，在URL中使用-连字符对于提升网站的关键词排名是有意义的，能够优化seo。

阅读文章详情

hexo博客里面，如果不修改主题模板的话，所有页面的关键词和描述都是一样的，是使用的config文件中填写的内容。这样就不能给每个文章设置不同的描述和关键词。从而非常不利于每篇文章的seo，搜索引擎收录的几率大大降低。因此我们要在hexo的任何主题模板中修改代码，实现每篇文章拥有它不同的关键词和描述。

阅读文章详情

最近Vue项目的网站butterpig上线有一段时间了。但是一直没有被收录，思前想后，发现会不会是seo没有优化的原因。果然百度之后，发现vue的spa单页面应用对seo极其的不友好，百度的爬虫并不会等到js文件加载渲染完成页面后，再爬内容。因此单页面网站的内容对于百度爬虫来说，就是空的，基本上啥也没有。相当蛋疼的事情。对于vue react angular等框架开发的单页面应用，想彻底解决seo问题，还是要实现ssr服务端渲染。但是对于一个已经做好的网站，再去改成服务端渲染，实在是劳民伤财。只有使用一个折中的方案，就是预渲染。那么ssr服务端渲染和prerender预渲染的区别主要在哪，以及如何选择，下面进行分析。

阅读文章详情

nuxt官方教程里对于universal 和 spa 两种渲染模式render mode的区别，没有详细的说明，以至于在跟着官方教程新建nuxt项目的时候，一脸懵逼。如果让我凭感觉来选，我可能会选择spa模式，那就误入歧途了。

阅读文章详情

之前就把圆形印章的在线设计功能完全做好了，用SVG和JS实现的。然后就惰性大发，觉得椭圆的印章实现起来肯定很麻烦，就不要做了。光有一个圆形的就ok。结果最近网站一直没有被收录，就想充实一下网站内容。结果发现把圆形印章的代码改成椭圆印章极其的容易，因为svg画椭圆，相较于画圆，仅仅是多了一个Y轴半径这个参数而已。因此在圆形代码上，将Y轴相关的参数修改一下，马上就形成了椭圆印章。上面的文字路径也都是正确的，再稍微调整下文字的高度就搞定了。从此又多了一个功能哈哈哈哈。

阅读文章详情

通过使用svg中的path路径或者textpath文字路径功能，可以根据自己定义的点坐标，画出各种图形路径。使用的是svg的语法，其中每种字母表明需要画的线类型等。下面对svg的路径命令做个总结。

阅读文章详情

最近用Vue写的个人网站butterPig上线有一段时间了。但是一直没有被收录，经过苦思冥想，发现会不会是seo没有优化的原因。果然百度之后，发现这种单页面应用的对seo极其的不友好，百度的爬虫并不会等到js文件加载渲染完成页面后再爬内容。因此单页面网站的内容对于百度爬虫来说，就是空的，基本上啥也没有。相当蛋疼的事情。
vue react angular等框架的单页面应用，想彻底解决seo问题，还是要实现SSR服务端渲染。但是对于一个已经做好的网站，再去改成服务端渲染，实在是劳民伤财。所以只有使用一个折中的方案，就是prerender预渲染。将部分或者全部页面预先渲染成html静态文件保存着。然后有用户请求的时候就传输过去。
因此只要是webpack的项目，就可以使用prerender-spa-plugin插件来实现预渲染，非常方便。

阅读文章详情

SEO优化人员或站长想要网站有关键词排名，有流量，第一个重要的工作便是促进网站文章内容被百度，360等搜索引擎收录；有收录就有可能有排名，没有收录就连排名的机会都没有。很多新站或者一部分老站，总是会遇到网站文章百度不收录的问题，在此，剖析网站文章百度不收录的原因，以及相应的解决办法。

阅读文章详情