添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
强健的松鼠  ·  Dream Catcher (Lofi x ...·  2 周前    · 
内向的树叶  ·  Android Drawable ...·  1 周前    · 
时尚的海龟  ·  ProgrammerXDB Blog | ...·  1 周前    · 
踢足球的莲藕  ·  Dalton Filho » Blog ...·  6 天前    · 
星星上的钥匙  ·  filter | Developer ...·  1 月前    · 
发财的黄花菜  ·  公司治理 | 澜起科技·  3 月前    · 
面冷心慈的豆腐  ·  DateTimePicker ...·  3 月前    · 
呐喊的生姜  ·  External 'js' files ...·  5 月前    · 
一身肌肉的蛋挞  ·  'Genshin Impact' ...·  7 月前    · 

前言

很快啊,2019 结束了,本来是不想写总结的,因为也没有啥可以总结的,毕竟中间离开了前端圈子一段时间,再回来基本都是接触的新东西。

按照我今年的认知来说,其实我从 16 年实习开始,一直在原地踏步,并没有成长多少,而且学的东西乱七八糟,基本都是业务用到了什么就学什么。

从 接触客户了解需求 到 前端 再到 后端 最后 运维,基本上都沾了点,然后除了 CSS 部分玩出了花,其他都是半瓶子水到处乱晃。

从学校离职之后去到成都就还是找的外包公司去作企业网站模板(当时自己也就这个拿手了,投的也大多都是这个类型的公司),所以技术栈就是 16 年学的那些东西。

之前在看一个文章的时候有提到过, background 的这两个属性,确实不常用到,以至于没有几个人知道这两个新属性。
和他们同时期出的 background-size 因为经常用到所以被大众所熟知。

对的,这次我要说的是 background-origin background-clip 两兄弟

今天有一个小伙伴在群里问,怎么让鼠标经过的移出效果和移入效果相反。

比如说
移入的时候先让元素增加宽度,接着增加高度,最后显示内部元素,
鼠标移出的时候,先收缩高度隐藏元素,最后还原宽度。

看了一些回复有些答非所问,或者推荐用 Js 的。
最开始想的是, animation 是不是有一个 direction 属性可以设置反向么,
就想看 transition 是不是也有,但是并没有。
CSS transition - MDN
所以就想着用 :hover 来覆盖原先的 transition

之前开发的时间比较赶,所以在某些还没弄明白的地方我直接使用了 v-model 来绑定数据,没并没有使用 v-decorator ,所以表单验证需要自己手动去写,异常提示也是需要单独的去做,

现在空下来了,重新整理了一下业务代码,总的来说大部分的表单元素都有demo可以对照着看,复杂的部分也只是上传组件或者一些联动的部分。

为何百度不收录 Github Pages ???

起初还以为是应为自己写的文章很少关键词检索量不够所以没有被百度收录。
等了有几个月,Google 和 Bing 都收录了,百度还是没有动静,就查了下为啥不会被收录…

结果最后发现因为早些年
百度统计被劫持然后 DDos 攻击了 Github…
对 Github 用户造成了可用性的问题,然后被 Github Ban 掉了,对百度 UA 直接 403。

所以只能靠自己来做一些工作让百度蜘蛛可以收录自己的 Github Pages

具体方式有几种,我选择在国内搭建一个镜像(成本最低,Hexo 支持多个 Git 地址)
针对百度蜘蛛,解析到镜像服务器上以此来达到收录 Github Pages 的效果

写的途中就有在思考 对象属性的排序问题,

最开始我是直接用数组的下标作为年份,输出的时候会出现一堆空白 item,

然后改成赋值给一个 timeline 对象,以年为属性名,月份为内部数组元素

但是循环输出内容的时候就发现会按照正序的方式去输出属性。
比如我整理好的数据为

Archive