使用 npm-check-updates 更新全局依赖提示 No dependencies

今天想起自己一直依赖没有更新全局依赖,就直接在 bash 里边输入 ncu -g 居然提示 No dependencies.
我就纳闷了,打错命令了吗,为啥提示没有依赖?
项目内依赖检查更新是没问题的,但是检测全局依赖就显示没有依赖,换了几个终端还是这个问题。
我怀疑是我全局以来的路径设置错了(我是使用 npm 来安装全局依赖,yarn 安装项目依赖)
查看了 npm 的全局依赖路径发现没错啊。

阅读全文

被忽略的两个 Background 新属性(CSS3)

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

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

阅读全文

鼠标移出时颠倒元素过度效果

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

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

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

阅读全文

使用 webpack 打包时去除注释和控制台日志

开一个坑,今天怎么尝试也都只能在打包的时候去除 console 但是注释还是不会被去除掉。

如何让百度收录自己的Github Pages

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

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

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

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

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

阅读全文

Js对象 调整属性排序是否有意义

年会终于结束了,忙了一个月,终于可以开始填坑了。

昨天把之前写了一半的 滚动侦测导航 给写完了。

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

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

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

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

阅读全文

CSS 实现条纹背景

preview

刚刚写年会红包雨的时候用到了 linear-gradient 来实现条纹背景,但是突然卡壳想不起来怎么写了。
就去百度一下,所以现在把它记下来,方便以后查阅。

阅读全文

Javascript 滚动侦测导航

一个以前的小项目要改,新增一个根据时间线显示不同月份绩效的需求。
没有设计稿,想了下怎么做出来好看。就有了以下这个想法

左侧显示时间线,滑动会显示不同的年份和月份,
右侧显示不同月份的统计数据。

阅读全文

Canvas识别图片内容并使用用户头像拼接

今天 12 月了,本来应该开始做外包的项目,但是好歹不好的长智齿了,
下午去拔了牙之后看着电脑发呆了一个下午,看来真的麻药影响 🧠 脑子。
所以,先写篇文章醒醒脑….

前天初步实现了下使用 canvas 来识别图片内容,今天就把它记录下来。
毕竟 canvas 这部分的内容是真的不懂,现学现卖,欢迎吐槽。📧 MailTo

阅读全文

记Web端唤起QQ聊天的两种方法

以前一直使用的 tencent://message/?Menu=yes&uin={YourQQCode}&Site={SiteDomain} 来做的 web 端唤起 QQ 在线聊天。
这次接了一个外包是自适应的 Web 页面,在手机端点击会提示 Safari 浏览器打不开该网页,应为网址无效。

👇

alert

阅读全文