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

最近动态

前端技术

elementui中跑马灯组件如何实现高度自适应的方法

elementui中有一个el-carousel跑马灯组件,这个组件作为滚动循环广告等来使用是非常合适的。但是在实际使用中也是有坑的,比如跑马灯的高度是通过vue组件属性props固定的。默认是300px高。然而在实际项目中,往往需要跑马灯的高度能够动态改变,来达到需要的显示效果。特别是如果跑马灯里面的item的高度比外层总的固定高度更高,那么跑马灯里面item的内容就会显示不全。

阅读文章详情

前端技术

html5中canvas的save()和restore()方法的理解与应用

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

阅读文章详情

前端技术

url地址中的-连字符和_下划线有什么区别,以及对seo的意义

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

阅读文章详情

前端技术

在博客文章或者贴吧通过留外链能否优化SEO

关于在类似csdn博客 简书 新浪博客这些地方写文章,并在文章内部留下自己网站的外链;或者在别人的博客留言板中回复带有自己网站url的文字;以及在百度帖吧等论坛里面发帖或留言外链;到底能不能提高自己网站被收录的速度,提高自己网站的权重或浏览量,一直也没有明确的说话,没有透明的规则可循。对于该问题的争论,基本上分为了两个派别:一派认为这种外链无法传递权重没有意义,另一派认为这种外链可以增加网站曝光有一定用处。

阅读文章详情

机器学习

ml5机器学习浏览器端框架菜鸟教程(1)

js的目标是让机器学习面向广大的艺术家、有创造力的程序员和学生。该库提供了在浏览器中访问机器学习算法和模型,构建在TensorFlow.js之上。该库由代码示例、教程和强调合乎道德计算的样本数据集支持。数据的偏见、刻板印象的危害和负责任的众包都是关于数据收集和使用的文档的一部分。ml5.js的灵感很大程度上来自Processing和p5.js。

阅读文章详情

技术分享

移动端App的消息推送服务的实现原理分析

手机每天都会接收到很多各种app推送的新闻或者实时聊天消息。那么这种消息推送是如何实现的呢。其实从原理上来讲,这些推送服务都是通过维护一个长连接来时刻保持与服务端的通信,从而能够实时的接收到新消息推送,但是普通的socket连接对各方面资源的消耗占用都很大,所以才会出现例如IBM提出的MQTT(Message Queuing Telemetry Transport,消息队列遥测传输)这种协议。MQTT是一种基于发布/订阅(publish/subscribe)模式的”轻量级”通讯协议,该协议构建于TCP/IP协议上,由IBM在1999年发布。MQTT最大优点在于,可以以极少的代码和有限的带宽,为连接远程设备提供实时可靠的消息服务。作为一种低开销、低带宽占用的即时通讯协议,使其在物联网、小型设备、移动应用等方面有较广泛的应用。那么所谓的长连接消息推送是如何实现的呢。

阅读文章详情

唠唠嗑儿

2021年春节小记

近几年个人感觉年味越来越淡了。一方面是没有了小孩子时候的欢乐。另一方面,可能是因为自己的一事无成吧。再加上现在都禁鞭了,过年几乎都没有听到一声鞭炮的声音,顶多是有小孩子玩那种只有光亮没有爆破声的小烟火。总之过年平平淡淡的,一点也没有能够期待的。

阅读文章详情

前端技术

给hexo博客中每篇文章设置不同的keywords关键词和description描述,来优化seo的方法

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

阅读文章详情

前端技术

SSR服务端渲染和应用页面prerender预渲染的区别以及选择

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

阅读文章详情

前端技术

实现了椭圆形印章的在线设计功能,一开始误以为椭圆有点麻烦,就只实现了圆形的

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

阅读文章详情

前端技术

spa单页面应用(vue react angular)通过预渲染实现seo优化

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

阅读文章详情

前端技术

网站迟迟不被收录的原因分析

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

阅读文章详情

前端技术

给vue项目设置动态的title标题description描述keywords关键词,实现seo优化

想要网站每个页面的描述更加准确,让搜索引擎更好的进行seo,网站更好的被收录。需要对每个页面设置单独的标题,关键词和描述文字。在vue单页面项目中,我们可以通过在路由表中的路由对象中添加属性,并通过router.aftereach()或者router.beforeeach()钩子函数来实现路由变化的监听,每次路由变化后,将新的title,description和keywords更新到当前的页面。

阅读文章详情

前端技术

hexo博客使用不蒜子添加访问量和阅读量功能

hexo最终生成静态网页,一般是引入不蒜子来实现记录和展示博客总访问量总访客数以及每篇文章的阅读量。不蒜子是一个极其简洁的网页计数器,因为自己做的静态博客需要用到就把他的js给集成进去,简单说下原理,总访问量和总访客数基于网站的域名一一对应,通过远程的js集成,将数据通过/busuanzi.ibruce.info/busuanzi的访问持久化,即便再次生成文章或者网站,只要链接路径没有变,浏览量还是可以在原有的基础上继续累积。

阅读文章详情

返回顶部