[CSS Grid] Hogwarts ticket

CSS-Tricks推送文章里看到的用CSS Grid实现的霍格沃茨黄牛票

See the Pen by Olivia Ng

() on .

CSS Grid网格布局,使用水平和垂直的线相交形成网格,然后将元素放置在他们形成的单元格上。

使用网格布局,需要在容器元素上定义displa......

在vue中使用chart.js

安装和引入chart.js

npm install chart.js --save

import Chart from 'chart.js'

html

<template>

<canvas id="chart"><......

入坑 iPad pro + Pencil + procreate 画画画

几个笔刷参数

流线 - 手抖修正

掉落 - 笔刷末端变细变淡

描边锥度 - 左右两头的尖度

动态 - 尺寸动态 - 抖动越大越类似铅笔

流线效果同手抖修正,手抖党必备;

混色效果可以调一下湿混的稀释,画个伪厚涂什么的,不管是用涂抹还是降低笔刷透明度啥的,感觉没湿混好用。

......

渐变图标字体

<i class="fa fa-calendar"></i>

.fa::before {

background-image: linear-gradient(90deg, #51a0fc, #d2a2e6);

background-clip: text......

十个可以用ES6替代的Lodash特性

原文地址:

作者: Dan Prince

1. Map, Filter, Reduce

这些集合方法让数据转换变得简单,而且有普遍的支持性。我们还可以配合使用箭头函数,更简洁的取代Lodash中提供的这些方法。

_.map([1, 2, 3], function(n) { retur......

Linux服务器安装Mongodb

下载和解压文件

curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-4.0.3.tgz

tar -zxvf mongodb-linux-x86_64-4.0.3.tgz

移动文件位置

mv mongodb-......

React 16.6 React.memo() 无状态组件的渲染控制

原文地址:

作者:

React.memo()是什么?

React.memo()和PureComponent很相似,都用来帮助管理组件重新渲染的时机。

组件只在它的props发生改变的时候重新渲染。一般情况下,当发生改变时组件树中的所有组件都会渲染。使用PureComponent和......