ThreeJS快照 假设有一个需求，需要获取 Three 场景的一张快照，然后再将其显示在屏幕上。 1. 获取快照 对于这个需求，一种方法是在创建 WebGLRenderer 时设置一个 preserveDrawingBuffer 参数为 true，然后再调用场景中的 canvas 的 toDataURL 方法来获取某一帧的 base64 格式的图像数据： renderer = new WebGLRende 2020-09-20 WebGL ThreeJS canvas threeJS 快照
canvas操作图像 canvas 获取截图 具体是使用 canvas 的 toDataURL 方法： var image = new Image(); image.src = canvas.toDataURL("image/png"); toDataURL 的第一个参数是图像类型，默认是 image/png，也可设置为 image/jpeg 。 详细可看 MDN 的介绍。 若想将 2020-09-20 HTML canvas js截图
webpack 配置 babel 根据 webpack 版本的不同，安装的 babel 依赖有些区别，下面的是 webpakc 4.2 及以上版本安装的依赖。 4.2 之前的是：babel-core、babel-preset-env 要配置 babel 首先需要安装 @babel/core，这是 babel 的核心编译包： cnpm install --save-dev @babel.core 然后需要安装 babel 2020-09-19 工具 webpack webpack babel
webpack配置导入css 最简单的 CSS 配置 安装依赖：cnpm i --save-dev css-loader style-loader 在 webpack.config.js 中添加规则： module: { rules: [ { test: /\.css$/, use: [ { 2020-09-19 工具 webpack webpack
LeetCode 47. 全排列 II https://leetcode-cn.com/problems/permutations-ii/ 难度：中等 给定一个可包含重复数字的序列，返回所有不重复的全排列。 示例: 输入: [1,1,2] 输出: [ [1,1,2], [1,2,1], [2,1,1] ] 解法1：回溯 + 剪枝 这题求全排列的步骤与 46.全排列 这题是一样的，区别就是 46. 这题给的数字序列 2020-09-19 算法题 解答 LeetCode LeetCode 回溯
LeetCode 46. 全排列 https://leetcode-cn.com/problems/permutations/ 难度：中等 给定一个 没有重复 数字的序列，返回其所有可能的全排列。 示例: 输入: [1,2,3] 输出: [ [1,2,3], [1,3,2], [2,1,3], [2,3,1], [3,1,2], [3,2,1] ] 解法1：回溯法 对于一组没有重复数字的序列，要 2020-09-19 算法题 解答 LeetCode LeetCode 回溯
github+picGo+jsDelivr构建图床 前言 不论是写博客还是记笔记，图床的选择很重要。且对于一个博客平台来说，网站中的图片、视频以及音频等资源的下载速度直接影响到了整个博客网站的加载和体验，这点我深有体会。 就我个人来说，最开始，我在博客中有加入音乐播放器，音频和部分图片是直接存储在博客项目里的，而文章中的一些图片则使用 SM.MS 图床存储，然后每次打开网站时都要等很久网站的资源才能加载出来，开始我还认为是因为博客是部署在 2020-09-19 博客搭建 图床 CDN PicGo jsDelivr
并查集 并查集就是一个数组 father[] ，father[i] 表示元素 i 的父节点。 并查集的使用场景主要有： 寻找节点的公共根结点 判断图的连通性 求集合的个数（根据给定的数据，求这些数据能够构成几个不连通的图） … 并查集的几个操作： 初始化 for (int i = 0; i < N; i++) { father[i] = i; } 查找 用于快速找 2020-09-17 算法题 算法知识 数据结构 连通性
LeetCode 685. 冗余连接 II https://leetcode-cn.com/problems/redundant-connection-ii/ 难度：困难 在本问题中，有根树指满足以下条件的有向图。该树只有一个根节点，所有其他节点都是该根节点的后继。每一个节点只有一个父节点，除了根节点没有父节点。 输入一个有向图，该图由一个有着N个节点 (节点值不重复1, 2, …, N) 的树及一条附加的边构成。附加的边的两个顶 2020-09-17 算法题 解答 LeetCode LeetCode 并查集 图 树
webpack基础1:使用webpack打包js代码 官网 介绍：webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 （简单来说就是在使用ES6的模块编程时，webpack会分析这些文件的关系，然后打包成 2020-09-14 工具 webpack webpack
