Juicy Café

我收到一个有关SEO优化师的面试，虽然这个岗位应该还是偏向运营，我对运营没经验，新手上路 但想到其实前端编码时也要考虑到SEO，所以回顾一下跟SEO优化有关的前端编码原则 追记：后来被调到运营助理，虽然薪资少一点，也行吧.jpg毕竟我没运营方面的经验，还空窗一年 原理搜索引擎搜索引擎其实就是个大型数据库，它存储着海量的关键词以及关键词对应的地址 当用户使用关键词搜索内容时，搜索引擎就会将存储的关联地址都呈现给用户 爬虫而这个数据库是爬虫大军用一点一点爬来的数据建立的，他们每天都要网上冲浪，从一个连接爬到另一个连接，下载内容、分析提炼、找关键词 如果爬虫发现页面信息是有用的，但数据库对该关键词并没有存储该网页，就会将它存入数据库；反之，如果爬虫发现页面是垃圾信息，就默默离开 排序规则数据库中几乎总是一个关键词对应多个地址，所以这些地址会被排序。排序的原则就是，这个网址的内容与关键词越符合，其在搜索结果中的排名就越高 但是爬虫它并不能爬JS代码，即使JS里有再多再贴切的关键词也无济于事，这也是Vue应用对SEO较不友好的原因（可以使用Vue的同构渲染特性改善这一缺点） 前端与SEO在前 ...

Latin Hetalia角色介绍 日丸屋老鸽，偌大一个拉丁美洲全当不存在 没有小国也就算了，起码老墨和南美ABC是有一些国际影响力的吧？ 西语圈的烙铁们自然更不愿意，所以他们自己组织起了这个二创企划 角色都蛮有意思，同人比本家更懂黑塔利亚.jpg 其实我不会西语，所以只是机翻+润色（）在学了.jpg（指玩多邻国 翻译贴里的所有图片都是外链，指向原图片链接，不然显得我像盗图一样 顺便一提，我最喜欢的角色是马丁（阿根廷）和丹尼（巴拉圭） 全角色gif 简介Latin Hetalia起源于LiveJournal这个Web2.0式博客平台，曾经有很多各国的铜仁女使用（可以看作是俄罗斯版Lofter） 2009年，有人在LiveJournal的西语黑塔利亚板块中提出了设计拉美角色的可能性，于是Rowein根据黑塔利亚的风格，设计了阿根廷和智利这就是argchi成为本圈美帝的根本原因 后来越来越多的人加入这个企划，用投票的方式，集思广益设计了其他角色、完善了各种设定、创作了最早的LH同人，后来干脆创建了Latin Hetalia板块 这个社区的主要思想就是拥有一群大家创造的、能代表每个拉美国 ...

对应视频：新人必看？星之卡比入坑小指南【闲谈话粉球01】 站主是个星之卡比系列的粉丝，虽然只是个小年轻，但也已经至少粉了15年:D，可惜站主不会画画.jpg，也没有什么其他技能，对这个系列的粉丝圈贡献有限 但我还是要在星之卡比系列32周年这天做点杂谈，也算是做点贡献啦;D，以后应该也会做更多系列杂谈的，前提是我不被鸽子附体XD 顺便一提，站主主要是游戏粉丝，不怎么了解其他衍生作品XD，所以这篇博客主要就是讲入坑游戏的，不过这系列本身就是以游戏为主的嘛 星之卡比是啥呀？星之卡比系列（JP: 星のカービィ / EN: Kirby）是由狗蛋HAL研究所开发，世界主宰任天堂发行的动作游戏系列，也算是个人气系列了哈，在任天堂IP里应该属于二线之上，一线未满的级别 1992年发售首部作品并一炮走红，在当时以难度为美的游戏界里靠着简单取得了惊人的成功，于是这个IP一直发展到今天，除了游戏外还有动画、漫画、轻小说等一系列衍生作品 星之卡比有啥呀？现任系列总监将星之卡比系列的特点总结为“平易近人且深邃”，还是蛮有道理的 角色目前星之卡比系列有着四位主角 卡比 本系列的绝对主角，年轻的旅行 ...

来源：Vue.js设计与实现、ECMA-262 内部方法在ECMAScript中，每个对象内部都有一系列不暴露给程序员的内部方法。对象不同，内部方法也会不同，但每个对象都会包含一系列必要的内部方法： 内部方法 签名 描述 [[GetPrototypeOf]] ( ) → Object / Null 获取该对象继承的对象返回null：没有继承属性相当于getPrototypeOf() [[SetPrototypeOf]] (Object / Null) → Boolean 为该对象关联原型参数null：没有继承属性返回true：操作成功返回false：操作失败相当于setPrototypeOf() [[IsExtensible]] ( ) → Boolean 判断是否允许向该对象添加其他属性返回true：允许返回false：不允许相当于isExtensible() [[PreventExtensions]] ( ) → Boolean 判断该对象当前是否能添加属性返回true：能返回false：不能如果返回false，即使[[IsExten ...

智利条这么长，成为贪吃蛇不过分吧 捏他了硝石战争：玻利维亚在这场对智利的战争中失败，失去了唯一的入海口，成为内陆国，而智利变得更长了 Bolivia cannot into coast 代码 效果 玩法贪吃蛇还能怎么玩？使用键盘的上下左右键操作智利蛇吃掉玻利维亚球， 实现其实贪吃蛇游戏不难，绝大多数人应该都能敲出来 普通的贪吃蛇游戏中，蛇的每一节身体都是普通的方块，最多也就是头部的方块颜色不同 然而我这只不是普通的蛇，而是有棱有角（？）的智利条，需要有那么个像样的形状 这倒也不难，在绘制每一节蛇身时，根据前一节、这节、后一节坐标，获取行进位置，再判断使用的贴图就行 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970/** * 判断这一节蛇应该使用什么类 * @param param0 前一个坐标 * @param param1 需判断的坐标 * @param param2 ...

我这种很一般的学校的计算机专业总有个不成文的潜规则：我们不生产毕设，我们只是互联网的搬运工。无论是老师还是学生，基本都默认毕设就是github等平台上随便找的，或者干脆就是买的一个项目 但我当时很铁，我心想“要变得更牛X，怎么着也得自己做点东西啊！”，决心要独立完成毕设。于是在别人都准备实习或考研复试时，我花了大量的大好时光去做这个b玩意，并且老实说做的真不咋地，感觉说它屎山都是抬举了，顶多依托稀史 为什么史呢，因为当时我虽然有这些语言基础，但对项目结构的安排理解甚浅，也没有什么代码规范的意识，所以写的很乱而且我写的样式真的很难看，到底要怎样才能像前端自媒体大佬一样写出好看的样式啊 很多地方应该有更好的解决方法的，只是我当时不知道，靠搜索引擎和想象力（？）硬着头皮瞎写，跌跌撞撞写出来的。我懒得再改了，毕竟刚开始一腔热血，最后只剩下“肝得好累啊”，但如果再写一次的话，我相信虽然也不会写的非常好，但会比原先的好 项目类似Discogs的一个音乐资料百科真的不是xxx管理系统，然而Discogs不仅是音乐资料百科，还包含音乐新闻资讯站、唱片二手市场和一定的社交功能，其实更应该称它为音乐数据库 ...

一个（非常非常常见的）练习，使用了Vue全家桶、TypeScript、Element+三件套 效果 登录页我很想知道许多大佬究竟哪里冒出来的美学素养，总是能设计出爆炸好看的登录或者其他组件 但对于一个B端应用而言花活倒确实没用 页面左侧是目录，上面是版头，右下侧则是中心 权限管理用户管理顾名思义管理用户（指B端员工），尤其是要为用户分配角色 角色管理顾名思义管理角色（或者说职位/地位啥啥啥），尤其是要为角色提供访问某些路由/进行某些操作的权限 菜单管理顾名思义管理菜单，这些和后端返回的动态路由有关 商品管理品牌管理顾名思义管理品牌 属性管理顾名思义管理商品属性 SPU管理顾名思义管理SPU SKU管理顾名思义管理SKU 条件查询就先不做了，因为在别的地方放了个关键词查询，然后感觉大部分情况下条件查询和关键词查询一样的（ 数据大屏其实是一些死数据，但无所谓，因为使用SSE单工通讯就能立马使数据变活，关键还是echarts 地图不能加载是http协议的原因，github page本身配置https很简单，勾选”enforce https”即可 但因为 ...

此系列暂停更新，已经懒得写书评了，现在只想写这种短评了 ……呃，但是情况是，还是仙布暂停了，先继续用这篇博吧 因为我是想专门做一个书架tag，以后把看过的书及其短评都放在书架页上 结果是咕咕了这么久都没开始动（）但停更后我读过的书越来越多了 所以决定还是先继续更新这篇博，以免最后我做完了书架却早已忘记读过的书的内容 其实主要是因为我发现自己才疏学浅没那个能力也懒得去b一大堆读后感，那就报菜名吧 本系列为汇总式博客，介绍各种书并作出极简单感想，不定期更新 社会科学类恶俗 或现代文明的种种愚蠢著：[美]保罗·福塞尔 之前看过的《格调》的姊妹篇，保持了趣味辛辣的讽刺文笔，依旧带感 作者通过其对“糟糕”和“恶俗”的定义，深刻批判了充斥在现代社会的，故弄玄虚、故作高深、装腔作势、以假乱真的恶俗中产趣味 技术垄断著：[美]尼尔·波兹曼 尼尔·波兹曼的媒介批评三部曲之一，给主流的科技乐观主义唱了个反调 作者认为在历史上，技术和人类的关系大致分为三个阶段： 工具使用阶段：技术为文化服务 技术统治阶段：技术对文化产生挑战，但总体来说文化仍然是强大的 技术垄断阶段：技术用泛滥的信息流扼杀了文化，是 ...

我认为自己需要一个页面记录自己想要挖的坑做的事，但是hexo渲染markdown checkbox的样式很难看，所以我花一个下午的时间火速摸了个照样很难看的小玩具 使用 参数1：事项类型 参数2：是否已完成 参数3：标题 请按指定关键字及其顺序填参，如果需要未完成、带标题的事项，请至少给参数2填一个空格，具体见示例 示例 已完成的非重要事项 √ 12345{% todo "relax" "complete" %}已完成的非重要事项{% endtodo %} 一般事项 12345{% todo "normal" %}一般事项{% endtodo %} ...

这不是打算用于本站的东西（如果有需要，我会直接修改aplayer的样式），只是一个小练习 很简单的小练习，请各位大佬海涵 效果当音乐播放到某一特定位置时，歌词出现滚动高亮效果 样式123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354* { margin: 0; padding: 0;}.container { width: 100vw; height: 100vh; background-color: #222; display: flex; flex-direction: column; align-items: center; padding: 20px; box-sizing: border-box; overflow: hidden;}.player { display: flex; justify-content: center; padding: 20 ...