Nuxt项目给script标签添加crossorigin属性 发表于 2020-01-06 | 分类于 配置 最近给项目添加一个错误日志上报的功能,由于使用的是第三方的服务,导致上报的错误信息都是Script error.。文档上写的很清楚,要处理这个问题只需要两步:添加“crossorigin="anonymous" 属性和添加跨域 HTTP 响应头。那么Nuxt项目该如何添加cros ... 阅读全文 »
使用GithubActions自动部署应用到自己的服务器(ECS) 发表于 2020-01-04 | 分类于 Node 最近折腾了一段时间的Github Actions,踩了不少坑,最后成功实现了自动部署到自己的服务器上。Github Actions是Github上一个类似于持续集成的功能,它允许你在一些节点上(如提交代码,特定时间等)触发一些操作。我们这里就利用它来实现自动部署应用到自己的服务器。 自动部署个人博 ... 阅读全文 »
Three.js教程(4):相机 发表于 2019-12-23 | 分类于 Three.js 相机这部分的内容并不是很多,Three.js主要支持两种相机,一种是PerspectiveCamera即透视投影摄像机,另一种是OrthographicCamera即正交投影摄像机。两种相机都是继承自Camera对象,Camera对象又是继承自Object3D。 透视投影摄像机透视投影摄像机(Pe ... 阅读全文 »
Three.js教程(3):场景 发表于 2019-12-20 | 分类于 Three.js 场景(Scene)相当于是一个容器,可以在它上面添加光线,物体等,最后Three.js把它和相机一起渲染到DOM中。 Three.js中的坐标系在开始本章的时候我们需要先了解一下Three.js中的坐标系。Three.js的坐标系如下: 由上,我们可知Three.js中的坐标系X轴是水平朝右的, ... 阅读全文 »
Three.js教程(2):工具篇 发表于 2019-12-19 | 分类于 Three.js 上一章我们基本上领略了three.js的魅力,这一章我们先不急着深入three.js,先学习2个非常有用的工具库,分别是stats.js和dat.gui,也许你没有听过两个库,但是很可能你见过他们。 stats.jsstats.js是three.js的作者mrdoob开发的一个简单的JavaScr ... 阅读全文 »
Three.js教程(1):初识three.js 发表于 2019-12-19 | 分类于 Three.js 今天开始我们进入一个新的世界,那就是3D世界。由于我自己也是刚接触到这块内容,所以如果文章中有问题,请尽快在文章最后的留言板中请指出。本教程有配套代码仓库,请点击https://github.com/KaiOrange/three.js-demo。 为什么要使用three.js要回答为什么要使用t ... 阅读全文 »
前端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来开发的。 ... 阅读全文 »