前端3D文字效果 发表于 2019-12-06 | 分类于 CSS 今天来讨论一下前端的3D文字效果,如图: 字体阴影看到这样的效果,首先想到的当然是CSS中的文字阴影来实现,首先给出HTNL代码: 1<div class="font-3d">CSS 3D效果</div> 接下来就是添加样式了,大笔一挥如下: 123 ... 阅读全文 »
解决Electron安装报错问题 发表于 2019-11-06 | 分类于 JavaScript Electron是一个优秀的跨平台桌面端应用的框架,官网给出的简绍很简单:使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。好多朋友也想试试使用前端技术来做一个桌面应用,但是往往在安装的时候就直接报错了,大多数的错误是: 123Error: read ECONNRESET# ... 阅读全文 »
《世界尽头的咖啡馆》读书笔记 发表于 2019-10-09 | 分类于 读书笔记 本书剧情很简单:主人公因为堵车,选择开往另外一条路,结果迷路了。机缘巧合之下,主人公来到了一家名叫“你为什么来这里咖啡馆”,在咖啡馆内,主人公与凯西、迈克、安妮等人聊了一晚上。就是这一晚上的聊天,改变了主人公的一生。 人到绝境,必能逢生。 思考三个问题:你为什么来这里(一个人为什么而存在)?你害 ... 阅读全文 »
基于Electron的touchbar开发 发表于 2019-09-21 | 分类于 JavaScript Electron是使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用的一个框架,本人之前写的一个放烟花的程序fireworks-cool就是基于这套框架来做的。electron在跨平台应用方面做的还是挺好的,著名的编辑器VS Code与Atom都是使用Electron来开发的。 ... 阅读全文 »
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 ... 阅读全文 »