10分钟开发一个npm全局依赖包(下) 发表于 2019-09-07 | 分类于 Node 在上一篇中我们用了10分钟实现了一个完整的古诗词命令行工具,本章中我们主要简绍2个命令行工具开发中常用的库,整个代码大概用时20分钟。 修改命令行颜色第一个简绍的库就是‘colors-cli’,他支持修改打印出来的文字的样式。首先安装一下这个依赖npm install colors-cli,新建一 ... 阅读全文 »
10分钟开发一个npm全局依赖包(上) 发表于 2019-09-06 | 分类于 Node 今天在逛网页的时候看到了一个古诗词的API,然后突发奇想,用了10分钟的时间做了一款npm全局依赖包。你可以使用npm install -g pome-cli来先玩一玩。有好东西当然要跟大家分享一下啦,现在从0开始给大家简绍打造这款全局依赖包。 创建项目首先创建一个文件夹,比如poem-cli(这 ... 阅读全文 »
快应用初探--把个人博客封装成快应用 发表于 2019-08-25 | 分类于 JavaScript 最近公司在做快应用的需求,经过2周的努力,淘粉吧快应用已经上线了,现在借此机会跟大家聊聊快应用。 杂谈自从Java语言创立以后,一场跨平台软件的革命拉开了序幕,从此一份代码可以在不同的操作系统上运行了。近两年小程序更是把跨平台的应用推上了一个新的高度,用完即走,不做停留的理念更是深入人心。随着宽带 ... 阅读全文 »
跑步提速指南 发表于 2019-08-10 | 分类于 运动与健身 现在已经立秋了,天气渐渐转凉,马拉松赛事也逐渐开始报名了。随着全民健身的理念深入人心,越来越多的人开始跑步了,马拉松赛事也越来越火了。杭州马拉松报名首日就有82221名童鞋报名了,而本届马拉松参赛总人数为36000名,仅仅首日就远超这个数字。与杭州马拉松不同的是宁波马拉松采取先到先得的赛制(先报名的 ... 阅读全文 »
使用Node在浏览器打开某个网页 发表于 2019-07-29 | 分类于 Node 使用Node在浏览器打开某个网页,其实就是使用子进程来用命令行打开网页链接就可以了,需要注意的是Mac系统使用的是open命令,Windows系统使用的是start命令,Linux等系统使用xdg-open命令。针对不同的操作系统使用不同的命令。 代码首先创建一个index.js文件,然后写我们的代 ... 阅读全文 »
图片由彩色渐变到黑白动画 发表于 2019-07-23 | 分类于 CSS 把图片变成黑白的效果使用Canvas就可以实现,那如何使图片渐变成黑白色呢?其实Canvas完全可以胜任,但是有更简单的办法就是CSS的滤镜。 首先上一下HTML的代码: 123<img src="https://www.kai666666.com/2019/06/29/Canva ... 阅读全文 »
构造方法或new返回该对象 发表于 2019-07-18 | 分类于 JavaScript 一个小技巧,调用构造方法或new都返回该对象: 1234567891011121314151617function Person(){ // ... // 不是new的时候this指向的是调用者 默认是window if (!(this instanceof Person)) ... 阅读全文 »
VSCode支持Vue自动保存格式化的配置 发表于 2019-07-18 | 分类于 VSCode 安装插件安装三个插件:Prettier - Code formatter、ESLint、Vetur。对应的插件图片如下: 修改配置文件MacOS使用Command + Sheft + P,windows使用Ctrl + Sheft + P搜索首选项:打开设置(json),然后把下面配置粘贴进去: ... 阅读全文 »
Canvas系列(13):实战--星空连线图 发表于 2019-07-17 | 分类于 Canvas Canvas能做好多东西,本章就来一节实战性的东西吧。好多人来到这个博客的时候总是觉得后面这种点和线的背景很有意思,这种效果是怎么实现的呢,当然是使用Canvas了,我们这章就来实现一个简易版的这种星空连线图。 封装画点操作对于Canvas画图,好多大神都是使用面向对象的思想来做的,在游戏编程中, ... 阅读全文 »
Canvas系列(12):动画高级 发表于 2019-06-30 | 分类于 Canvas 通过前面章节的学习,我们已经学会了直线和部分曲线运动,同时我们也学会了加速、减速、摩擦力等操作。那么动画还有什么需要深入研究下去的呢?当然有,那就是让动画更加平滑,更细滑。 缓动动画在使用CSS3做变化的时候我们经常使用transition-timing-function,其中最有名的两个值就是e ... 阅读全文 »