- 浏览: 1449206 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (691)
- linux (207)
- shell (33)
- java (42)
- 其他 (22)
- javascript (33)
- cloud (16)
- python (33)
- c (48)
- sql (12)
- 工具 (6)
- 缓存 (16)
- ubuntu (7)
- perl (3)
- lua (2)
- 超级有用 (2)
- 服务器 (2)
- mac (22)
- nginx (34)
- php (2)
- 内核 (2)
- gdb (13)
- ICTCLAS (2)
- mac android (0)
- unix (1)
- android (1)
- vim (1)
- epoll (1)
- ios (21)
- mysql (3)
- systemtap (1)
- 算法 (2)
- 汇编 (2)
- arm (3)
- 我的数据结构 (8)
- websocket (12)
- hadoop (5)
- thrift (2)
- hbase (1)
- graphviz (1)
- redis (1)
- raspberry (2)
- qemu (31)
- opencv (4)
- socket (1)
- opengl (1)
- ibeacons (1)
- emacs (6)
- openstack (24)
- docker (1)
- webrtc (11)
- angularjs (2)
- neutron (23)
- jslinux (18)
- 网络 (13)
- tap (9)
- tensorflow (8)
- nlu (4)
- asm.js (5)
- sip (3)
- xl2tp (5)
- conda (1)
- emscripten (6)
- ffmpeg (10)
- srt (1)
- wasm (5)
- bert (3)
- kaldi (4)
- 知识图谱 (1)
最新评论
-
wahahachuang8:
我喜欢代码简洁易读,服务稳定的推送服务,前段时间研究了一下go ...
websocket的helloworld -
q114687576:
http://www.blue-zero.com/WebSoc ...
websocket的helloworld -
zhaoyanzimm:
感谢您的分享,给我提供了很大的帮助,在使用过程中发现了一个问题 ...
nginx的helloworld模块的helloworld -
haoningabc:
leebyte 写道太NB了,期待早日用上Killinux!么 ...
qemu+emacs+gdb调试内核 -
leebyte:
太NB了,期待早日用上Killinux!
qemu+emacs+gdb调试内核
把c的代码生成json:https://github.com/killinux/haobasic
发现个画流动图的神器:
https://github.com/Netflix/vizceral
es5的代码参考这个
https://www.diycode.cc/projects/Netflix/vizceral
还有react和Component 的插件:
React: http://www.oschina.net/p/vizceral-react
Web 组件: http://www.oschina.net/p/vizceral-component
代码如下:
运行类似:
vim:
:w !sudo tee %
https://blog.csdn.net/zoumin123456/article/details/53435987
###### bower ######
bower init
生成 bower.json
bower uninstall jquery
总结:
准备工作
①安装node环境:node.js
②安装Git,bower从远程git仓库获取代码包
安装bower npm install -g bower
bower初始化 bower init
包的安装 bower install jquery --save
包的信息 bower info jquery
包的更新 bower update
包的查找 bower search bootstrap
包的卸载 bower uninstall jquery
#########vizceral 用es5 #########
https://www.diycode.cc/projects/Netflix/vizceral
npm init
vim package.json
npm install vizceral --save
要使用的文件为
node_modules/vizceral/dist/vizceral.js
########### webpack
https://www.webpackjs.com/
cat webpack.config.js
cat src/index.js
cat package.json
localhost:8080
########### es6
不看这个https://www.runoob.com/w3cnote/es6-setup.html
看这个
https://www.jianshu.com/p/c3a6f2f56ed8
npm install babel-cli -g
npm init -yes
npm install babel-preset-es2015 --save-dev
vim test.es6
let myName = 'Gao';
let say = 'Hello ${myName} ';
console.log(say);
babel test.es6 --out-file js/test.js --presets es2015
package.json
的script里添加
,
"compile": "babel es6 --out-dir js --presets es2015"
npm run compile
################## es6的vizceral
git clone https://github.com/Netflix/vizceral-example
npm install
npm run dev
localhost:8080
#########
发现个画流动图的神器:
https://github.com/Netflix/vizceral
es5的代码参考这个
https://www.diycode.cc/projects/Netflix/vizceral
还有react和Component 的插件:
React: http://www.oschina.net/p/vizceral-react
Web 组件: http://www.oschina.net/p/vizceral-component
代码如下:
<html> <head> <script src="node_modules/vizceral/dist/vizceral.js"></script> <script> function run () { var viz = new Vizceral.default(document.getElementById('vizceral')); viz.updateData({ name: 'us-west-2', //name: 'us-east-1', renderer: 'global', maxVolume: 500, nodes: [ {name: 'INTERNET'}, {name: 'wahahahaha'}, {name: 'hehe'} ], connections: [ { source: 'INTERNET', target: 'wahahahaha', metrics: { normal: 100, warning: 95, danger: 5 }, metadata: { streaming: true } }, { source: 'INTERNET', target: 'hehe', metrics: { normal: 50, warning: 4, danger: 5 }, metadata: { streaming: true } } ] }); viz.setView(); viz.animate(); } </script> <title>Vanilla Vizceral Example with Sample Data</title> </head> <body onload='run()'> <canvas id='vizceral'></canvas> </body> </html>
运行类似:
vim:
:w !sudo tee %
https://blog.csdn.net/zoumin123456/article/details/53435987
###### bower ######
bower init
生成 bower.json
bower uninstall jquery
总结:
准备工作
①安装node环境:node.js
②安装Git,bower从远程git仓库获取代码包
安装bower npm install -g bower
bower初始化 bower init
包的安装 bower install jquery --save
包的信息 bower info jquery
包的更新 bower update
包的查找 bower search bootstrap
包的卸载 bower uninstall jquery
#########vizceral 用es5 #########
https://www.diycode.cc/projects/Netflix/vizceral
npm init
vim package.json
npm install vizceral --save
要使用的文件为
node_modules/vizceral/dist/vizceral.js
########### webpack
https://www.webpackjs.com/
npm install webpack webpack-dev-server webpack-cli -g
cat webpack.config.js
const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' } };
cat src/index.js
import bar from './bar'; bar(); cat src/bar.js export default function bar() { // console.log("this is a hello ,webpack"); }
cat package.json
{ "name": "webpacktest1014", "version": "1.0.0", "description": "", "main": "webpack.config.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "compile":"webpack", "dev": "webpack-dev-server" }, "keywords": [], "author": "", "license": "ISC" }
npm run compile npm run dev
localhost:8080
########### es6
不看这个https://www.runoob.com/w3cnote/es6-setup.html
看这个
https://www.jianshu.com/p/c3a6f2f56ed8
npm install babel-cli -g
npm init -yes
npm install babel-preset-es2015 --save-dev
vim test.es6
let myName = 'Gao';
let say = 'Hello ${myName} ';
console.log(say);
babel test.es6 --out-file js/test.js --presets es2015
package.json
的script里添加
,
"compile": "babel es6 --out-dir js --presets es2015"
npm run compile
################## es6的vizceral
git clone https://github.com/Netflix/vizceral-example
npm install
npm run dev
localhost:8080
#########
发表评论
-
indexedDB存图片减少请求
2020-05-21 19:23 522getImageFile()获取网络图片 showImage ... -
vizceral-example的例子
2020-03-19 18:53 325自定义图和加载结构 代码在 https://github.c ... -
jsonpath的helloworld
2020-03-17 14:58 382基本语法:https://www.cnblogs.com/jp ... -
emscripten asm.js的helloworld
2018-03-01 20:15 1073mac下安装: brew install SDL2 SDL2_ ... -
websocket上传文件
2016-12-15 13:30 4382nginx的上传 查看http://haoningabc.it ... -
webpack的helloworld
2016-11-02 10:42 883参考 http://www.jianshu.com/p/42e ... -
iphone6等移动端的css自适应
2016-10-17 01:18 1175参考 http://jingyan.baidu.com/art ... -
javascript自定义事件
2016-06-01 21:49 528一言不合上代码 <input value=" ... -
html5的fiesystem api 浏览器本地存储
2016-06-01 15:59 892html5的fiesystem api可以存取本地文件 一言不 ... -
websocket传传图片
2015-12-25 17:51 7213参考[url]http://www.adobe.com/dev ... -
angularjs使用include后双向绑定失败的解决
2015-12-20 19:41 1841原理参考 http://segmentfault.com/q/ ... -
html5 陀螺仪
2014-11-26 21:05 5828<html> <head> ... -
webgl的贝塞尔曲线
2014-11-12 00:56 2495BezierCurve webgl的贝塞尔曲线 webgl ... -
chrome app的helloworld
2014-11-11 13:56 675参考 http://blog.csdn.net/rydiy/a ... -
shader and Program编程基本概念 - 转
2014-11-04 11:50 1473原地址:http://blog.csdn.net/myarro ... -
javascript对象转json
2014-10-17 14:09 969<html> <head>& ... -
jquery 的svg中国地图
2012-12-16 14:37 28040三种吧 1.d3.js很强大 2.jquery的 jvecto ... -
纯css的树型结构
2012-10-03 18:29 1238<html><head> ... -
D3 的3d图
2012-09-16 17:05 1431LCF http://mathworld.wolfram. ... -
jquery table拖拽排序
2012-07-14 21:45 7095参考http://dragsort.codeplex.com/ ...
相关推荐
处理图片神器,只要一句代码就ok了,大小随你定,想怎么改大小都行,什么格式都支持。
plupload-2.1.2 js、html压缩图片上传图片神器,手机微信网页上传图片必备神器,直接在微信网页上压缩图片,大幅提高上传速度,空前绝后的资源
龙头复盘神器V4.93是一款专业的股票复盘工具,旨在帮助投资者深入了解股票市场的动态和趋势。该软件提供了丰富的功能和数据分析工具,使用户能够快速、准确地分析个股表现和市场走势。 通过龙头复盘神器V4.93,用户...
这是一款全新升级带特效神器小游戏微信小程序源码 小编发现很多喝酒神器小程序都不带特效和音效的 感觉差了那么一点意思而且感觉也不炫酷 ...好了也不和大家废话多说了,下面来看看小编的部分游戏演示图!
包含Stegsolve.jar//需要安装java环境 在分析里面从上到下的依次意思是 File Format:文件格式 Data Extract:数据提取 Steregram Solve:立体试图 可以左右控制偏移 ...Image Combiner:拼图,图片拼接
android 开发图片神器9png.zip,android 开发9png制作工具,只需要轻轻的几步,就可以得到一张在android下拉伸不变形的图片
网页图片下载 图片下载神器,只需要贴进去url就可以把网页当中的图片统统取下来,强大,偶尔失手也属正常
搜索图神器APP 还不错 可以使用,亲测 /
通达信指标公式源码 做T神器分时T0主图指标.doc
Android在加载或者处理超大巨型图片(x MB量级起步的图片)是一件非常需要小心谨慎的活儿,除了常规的OOM,其他需要处理的细节地方还很多,幸好开源社区github贡献了一套神器:SubsamplingScaleImageView...
图片视频转文本TXT字符图像 技术宅神器 载入字符转换图片为TXT
作业神器 版本:0.5.4 文件大小:6.93MB 适用固件:Android2.2及以上 分享者:魔方格 魔方格作业神器是一款适合中小学生学习做作业交流的安卓APP,这款软件功能强大,支持在线交流学习!喜欢的童鞋赶紧来下载吧!...
度哥神器:网站视频下载工具
Android应用源码之android gif模式和图片展现模式 图片展现神器
通达信指标公式源码 分时t+0做t神器分时主图指标.doc
刷机帮串号修复神器账户版刷机帮串号修复神器账户版刷机帮串号修复神器账户版刷机帮串号修复神器账户版刷机帮串号修复神器账户版刷机帮串号修复神器账户版刷机帮串号修复神器账户版刷机帮串号修复神器账户版刷机帮...
首先感谢追书神器, 这里的接口都是用的追书神器的(除了用户) 由于不是收费接口所以这里就不对接口数据进行存储了,都是直接请求追书的接口
3dsmax插件神器最新版辅助,是3dmax插件神器的最后一个更新的版本。作者开发更新3dsmax插件神器最新版辅助这个最后的版本后,不再研发新的版本,所有乱改3dmax插件神器的都没什么意义,因为没有实质的更新或变化。3d...
渲梦3dmax插件1.7.5绘图猿必备神器,好东西大家一起用!