前端框架、SPA、SSR与SEO那些事

越来越多的前端框架进入开发者们的视野，网站的前后分离架构越来越得到开发者们的喜爱与认可。 后端只提供数据接口、业务逻辑与持久化服务，而视图、控制与渲染则交给前端。 因此，越来越多的网站从后端渲染变成了前端渲染，而由此带来的直接问题就是各大搜索引擎爬虫对于前端渲染的页面（ 动态内容 ）还无法比较完善的 ...

安装SYNERGY完美配置Windows,Linux共用一套键鼠

背景：现有WIN10双显示器主机，1个树莓派接入其中一个显示器。原本的两套键鼠在桌面上比较拥挤，切换不够流畅。而且逼格不够。过程：WIN10作为服务端，树莓派作为客户端使用服务端的键鼠。1.Windows安装Synergy软件,选择server设置为服务端。暂时可以不用先设置服务端的其他配置。如图 ...

微信公众号订阅号和服务号区别和选择

微信公众号是开发者或商家在微信公众平台上申请的应用账号，该帐号与QQ账号互通，通过公众号，商家可在微信平台上实现和特定群体的文字、图片、语音、视频的全方位沟通、互动 。形成了一种主流的线上线下微信互动营销方式。https://mp.weixin.qq.com/ 注册公众号有多种类型可以选择。订阅号， ...

JSONP与ajax相关内容整理

维基百科JSONP定义JSONP（JSON with Padding）是数据格式JSON的一种“使用模式”，可以让网页从别的网域要数据。另一个解决这个问题的新方法是跨来源资源共享。由于同源策略，一般来说位于server1.example.com的网页无法与 server2.example.com的服 ...

转载电子商务产品页面的UX规范

Chromium Microsoft Edge 浏览器体验

基于 Chromium 的 Microsoft Edge 浏览器可以下载了，毕竟算是正式的版本，我也赶紧体验一下！下载地址：https://www.microsoft.com/en-us/edge Chromium 是开源的，Chrome 是闭源的，都是谷歌的产品，微软的浏览器也许真能因此挽回一些颓 ...

年会活动Javascript抽奖Demo

2019即将过去，2020春节即将来临，各种公司的年会也陆续展开，年会抽奖应该是每个员工都期待中奖，也是老板们聚集人气的项目。趁热折腾了一个Demo。地址：https://seonoco.com/demo/choujiang/特点：1.自定义抽奖人数，对应抽奖券。2.自定义中奖人数，对应本次抽奖中奖 ...

折腾微信扫码解锁笔记

背景：为了给博客增加一个稍微炫酷的动画，已完成。 实际应用场景可点击侧边栏的联系我进行体验。主要过程：1. 侧边栏增加一个按钮2. 点击按钮后，出现上下关门的动画效果，并弹出我的微信二维码。3. 点击关闭按钮后，动画回滚。4. 针对关闭按钮，尝试搞一个更有逼格的扫描二维码后自动关闭的动画。5. 二维 ...

记录博客再次备案细节

背景:阿里云双12活动新用户三年价格比较实惠。关键是已经买了，放着吃灰多少有点浪费，毕竟是三年，一年的话就懒得折腾了。 原来的搬瓦工作为主力服务器不变的情况下，阿里云使用nginx代理搬瓦工作为国内访问的节点。通过域名解析，最终目的是国内通过阿里云访问博客并拥有一个备案号！过程：因为阿里云电话审核的 ...

做了canonical还要做301吗

背景：趁着这几天网站备案的间隙（暂时关闭了国内访问），博客调整了一次url结构，并调整了所涉及的页面模板中的canonical标签。几天下来，谷歌对新的URL反映挺迅速，底层一些的旧的URL特别是已经不在主要列表开放入口的历史文章在搜索引擎中的url反映就有点差强人意了！由于产生的重复页面问题，所以 ...