SZ 博客

Tween.js本身作为一个动画引擎十分强大且代码不长十分适合作为源码阅读和学习的对象。

0、yarn eject (通过creat-react-app创建的项目)

1、yarn add sass-loader

2、yarn add node-sass

3、config/webpack.config.dev.js

CRA应用部署二级路由问题

BrowserRouter 路由basename写入window.location.pathname

1
2
3
4
5
6
7
8
9
10
11
12

function App() {
return (
<Provider store={store}>
<BrowserRouter basename={window.location.pathname}>
<div id="container">
<Route path={'/about'} component={AboutPage} />
<Route exact path={'/'} component={IndexPage} />
</div>
</BrowserRouter>
</Provider>
);
}

问题

App包含目录App/about，App部署在 XXX.com/app 目录下。

通过XXX.com/App访问App项目，通过项目内router进入/about目录可以访问该页面。

直接通过URL访问 XXX.com/App/about 显示页面 404

1、数组复制

1
2

const arr1 = [1, 2, 3];
const arr2 = [...arr1];

背景

被上图（12.3M 加载较慢）炫酷的视觉效果及强大的数据展示能力所吸引，核心在于三维的力学布局算法以及THREE的荧光效果。THREE部分相对比较容易，瓶颈在三维的布局算法上，一来没找到现成的可以直接搬的轮子（有大神将布局算法封装进了shader从而将节点的坐标计算交给GPU以提升性能，然而在易用性和可复用度上有一定的欠缺），二来有二维的力学图源码可以参考，就想将二维的力学图布局算法引申到三维，在学习算法的同时造个不大不小的轮子。

本文仅介绍算法部分。

从下图说起

1、输出信息

1
2
3
4

console.log('Hello World!');
console.info('Something happened…');
console.warn('Something strange happened…');
console.error('Something horrible happened…');

起因

1

如何在PPT中嵌入网页？PPT的Web Viewer插件提供了网页嵌入功能，（然而只能嵌入Https的页面）阿里云的服务器已经备案，想来将站点改造为HTTPS难度并不大，就开始了站点HTTPS改造之路。

桌面电脑显卡天梯图
http://www.mydrivers.com/zhuanti/tianti/gpu/
桌面电脑CPU天梯图
http://www.mydrivers.com/zhuanti/tianti/cpu/
笔记本电脑显卡天梯图
http://www.mydrivers.com/zhuanti/tianti/gpum/
笔记本电脑CPU天梯图
http://www.mydrivers.com/zhuanti/tianti/cpum/
移动设备CPU天梯图
http://www.mydrivers.com/zhuanti/tianti/01
服务器CPU天梯图
https://www.cpubenchmark.net/high_end_cpus.html