2019年12月_莫亓

原创 GridSome(一)：介绍

背景随着时间的推移，静态站点生成器的时代正在发生变化，许多很酷的工具正在被开发出来，以帮助促进 JAMStack 的发展，而开发人员正在接受这些工具。而 Gridome 就是创建快速网站的工具之一。静态站点生成器：我们曾经做过的只有一些 CSS 的简单的 HTML 网站，没有任何形式的动态操作。介绍Gridsome 是一个由 Vue.js 提供支持的开源框架，用于构建快速的静态网站...

2019-12-29 22:21:49 2872

原创《蔡康永的说话之道》

透过说话，懂得把别人放在心上，这就是我相信的、蔡康永的说话之道。01已经很讨人喜欢的你在未来会更讨人喜欢利用转述别人赞美的方式。02你说什么样的话你就是什么样的人你说的话，不但是“果”，透露出你怎么看事情，还会倒过来变成“因”，倒过来“引导”你去看事情，然后再“引导”你身边重要的人这样去看你。Tips:你真的想变成给别人温暖的小太阳吗？那你就从说话开始，订出些简单的，你...

2019-12-23 22:26:38 851

原创 Git 分支到底怎么用？（Git 命令总结）

推荐学习网站：https://learngitbranching.js.org/1. Git CommitGit 仓库中的提交记录保存的是你的目录下所有文件的快照，就像是把整个目录复制，然后再粘贴一样，但比复制粘贴优雅许多！Git 希望提交记录尽可能地轻量，因此在你每次进行提交时，它并不会盲目地复制整个目录。条件允许的情况下，它会将当前版本与仓库中的上一个版本进行对比，并把所有的差异打包到...

2019-12-19 13:36:02 638

原创《一页纸的创意思考术》

[第六章] 领导之道：将目的地描绘出来让我们试着用图来画出愿景。用文字陈述的愿景都是谎言 / 领导者必冒险前进 / 每次探险都从英雄开始 / 七大经典探险征程 / 你的工作？创造自己的任务徽章 / 清晰是关键 / 采用任何方法皆可，但请记住：你的探险征程独一无二 / 地图帮你实现管理◎ 七大经典探险征程你的任务徽章展示的是目的地，但你还需要一张地图，用以展示到达目的地的步骤。作为一...

2019-12-17 22:47:14 577

转载用 Gridsome 搭建基于 Markdown 的博客网站（一）

1. 初始化项目$ gridsome create my-blog$ cd my-blog$ gridsome develop此时即可在 http://localhost:8080/ 看到项目的首页。2. 安装解析文件的插件@gridsome/source-filesystem：将文件转换为 GraphQL 数据层可获取的内容。@gridsome/transformer-r...

2019-12-17 08:56:50 544

原创 D3.js(二)：方法

核心（Core） - 包括选择器，过渡，数据处理，本地化，颜色等。比例尺（Scales） - 数据编码和视觉编码之间的转换。可缩放矢量图形（SVG） - 提供用于创建可伸缩矢量图形的实用工具。时间（Time） - 解析或格式化时间，计算日历的时间间隔等。布局（Layouts） - 推导定位元素的辅助数据。地理（Geo） - 球面坐标，经纬度运算。几何（Geometry） - 提供绘制...

2019-12-12 16:20:26 519

原创 CSS：画爱心

来自： https://github.com/haizlin/fe-interview/issues/300<div class="heart"></div>普通版：利用 rotate 和 translate 进行位置的调整。.heart { position: relative; width: 100px; height: 90px;}...

2019-12-12 09:42:35 393

转载 JavaScript：使 `a===1 && a===2 && a === 3` 的值为true？

原文： Will a===1 && a===2 && a===3 (strict comparison) ever be true (in JavaScript)本文是JS经典问题 a == 1 && a==2 && a==3 (宽松相等)的扩展和解决方案。如何使用 getter/setter 描述符让 a===1 &am...

2019-12-10 10:46:08 703

原创 Javascript 的变量声明提升和函数声明提升

变量声明console.log(a);// undefinedvar a= "hello world";console.log(a);// "hello world"函数声明f()function f(){ console.log('hello world');// "hello world"}变量声明只提升声明不提升赋值操作，函数声明函数体整体被提升。????：...

2019-12-10 09:31:29 108

原创踩坑：`gridsome create my-gridsome-site` 命令长时间不成功，Gridsome 安装失败

Gridsome 使用步骤：1. 安装 Gridsome CLI 工具用 yarn 或者 npm 安装，两个随便选一个。$ yarn global add @gridsome/cli$ npm install --global @gridsome/cli2. 创建 Gridsome 项目$ gridsome create my-gridsome-site$ cd my-grids...

2019-12-09 17:45:27 899 2

原创 D3.js(一)：开启D3

图表：赋予数据一种形式，确实很有威力，哪怕用来对付那些看起来超级无聊或唬人的话题。D3 即（Data Driven Documents）数据驱动文档由 Mike Bostock 编写的一个 JavaScript 程序库。D3 名副其实，能将数据绑定到 Web 文档，然后基于数据来操纵那些文档。D3 可以让你直接在 SVG 这种华丽的 Web 文档格式的图形元素上根据数据值来设置属性。使...

2019-12-01 19:57:19 490

Bule_daze的博客