MacBook安装Linux系统键盘映射
键盘映射 实现Supper 与 Control 键互换 打开下面的文件 1 sudo vi usr/share/X11/xkb/symbols/pc 编辑映射 1 2 3 4 5 6 7 key <LCTL> { [ Super_L ] }; key <LWIN> { [ Control_L ] }; ... key <RCTL> { [ Super_R ] }; key <RWIN> { [ Control_R ] };
Neo4j Basic
导入数据 1 bin/neo4j-admin load --from=/dumps/neo4j/neo4j-<timestamp>.dump --database=neo4j --force 导出数据 1 neo4j-admin dump --database=neo4j --to=/export/00001.dump 引用 导入/导出数据 数据源 构建Neo4j Desktop App
安装Galaxybase
下载Galaxybase镜像 解压安装 1 2 tar -xzif galaxybase-standalone-20220721170804.tar.gz cd galaxybase-<release_version>/bin 在galaxybase目录下新建env文件 1 2 export GALAXYBASE_HOME=/home/jacob/mydocument/software/galaxybase-20220721170804 export PATH =$PATH:$GALAXYBASE_HOME/bin 运行source .env,现在在任
Webgl Shadertoy
gl_FragCoord的使用 1 gl_FragColor = vec4(fract(gl_FragCoord.xy/50.0), 0, 1); gl_FragCoord 是像素坐标，取值范围是canvas的高和宽,如果gl_FragCoord.x 为 75. 75 / 50 = 1.5，
Mermaid 使用
类图 流程图 手册
Lodash使用
Lodash使用 代码片段 CSS: 1 2 3 body{ color:gray; } HTML: 1 2 3 4 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script> <div id="result"></div> JS: 1 2 3 4 5 6 7 8 9 // _.add(6, 4); var a = _.add(4,5) log("_.add(4,5) -> "+a) var object = { 'a': 1, 'b': 2 }; a= _.isMatch(object, { 'b': 2 }); log("isMatch =>"+a) 运行结果:
构建Express应用程序
初始化项目 1 npm init 安装Express 1 npm install express --save 以上命令会将 Express 框架安装在当前目录的 node_modules 目录中， node_modules 目录下会自动创建 express 目录。以下几个重要的模块是需要与
基于NodeJS构建Docker应用
创建一个NodeJS程序 1 2 3 4 5 6 7 8 9 10 http.createServer(function (request, response) { // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain response.writeHead(200, {'Content-Type': 'text/plain'}); // 发送响应数据 "Hello World" response.end('Hello World\n'); }).listen(8080); 修改Docke
Nodejs 基础
查看NodeJS 版本 1 node -v 创建一个Http服务器 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var http = require('http'); http.createServer(function (request, response) { // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain response.writeHead(200,
snippet使用
示例 代码片段 CSS: 1 2 3 4 canvas{ height:100%; } HTML: 1 2 3 4 5 6 7 8 9 10 <script src="https://cdn.jsdelivr.net/npm/[email protected]/build/three.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/controls/OrbitControls.js"></script> <script src="https://cdn.jsdelivr.net/npm/mathbox@latest/build/bundle/mathbox.js"></script> <script src="https://d3js.org/d3.v6.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> <div id="three-canvas"> </div> JS: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
Graph示例
示例 代码片段 HTML: 1 2 3 4 5 6 <script src="https://cdn.jsdelivr.net/npm/[email protected]/build/three.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/controls/OrbitControls.js"></script> <script src="https://d3js.org/d3.v6.min.js"></script> <div id="three-canvas"> </div> JS: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
ForceLayout示例
示例 代码片段 CSS: 1 2 3 4 5 6 7 #three-canvas{ position:relative } #three-canvas button{ position:absolute } HTML: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script src="https://cdn.jsdelivr.net/npm/[email protected]/build/three.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/examples/js/controls/OrbitControls.js"></script> <script src="https://d3js.org/d3.v6.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/d3-force-3d.min.js" ></script> <div id="three-canvas"> <button onclick="onRun()&