抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

名称 说明 ECharts 百度出品,免费且十分强大,各种图表都有,唯一可能造成的问题就是因为支持的太多可能体积大些 sChart.js 简单且易用,基本图表都有了.不过现在好像改名了叫chartjs中文文档,这个可以使用npm方式安装 Highcharts 这个的确很吊,但是呢收费,虽然说个人用户免费,但还不如用百度的Echarts比较安心 EasyReport...

名称 说明 two.js 一个渲染器无关的适用于 web 的二维绘图 api 。 paper.js 是矢量图形脚本中的瑞士军刀 —— 使用 HTML5 Canvas 将 Scriptographer 移植到 JavaScript和浏览器 three.js 这没的说了,js里绘制3D的老大,只要技术强可以绘制各种东西,并且能做小游戏

SPA: SPA (Single-Page App) 单页面应用模式SSR: 意为 Server Side Rendering(服务端渲染)前后端都各自有自己的开发流程,构建工具,测试集合等等。前后端仅仅通过接口来编程,这个接口可能是JSON格式的RESTFul的接口,也可能是XML的,重点是后台只负责数据的提供和计算,而完全不处理展现。而前端则负责拿到数据,组织数据并展现的工作。这样结构清...

主要看这篇文章就行了 Swagger从入门到精通 虽然可能有些地方可能有老了,没讲到不过还是很实用,而且非常细致.

剩下的看编辑器事例就好了,一下子就能看懂了 官方在线编辑器

记录点一:

当请求操作时,有两种方式一种是路径请求,另一种是参数请求.两种表现形式不同.

参数请求

1
2
3
4
5
6
7
8
9
10
// get(请求方式) /persons?pageSize=20&pageNumber=2
parameters:
- name: pageSize
in: query //就是这里,这里query表示参数请求
description: Number of persons returned
type: integer
- name: pageNumber
in: query
description: Page number
type: integer

路径请求

1
2
3
4
5
6
7
// get(请求方式) /persons/{username}
parameters:
- name: username
in: path //这里path表示路径请求
required: true //这个表示路径参数必须填写,默认为false表示这个路径是可选填的
description: The person's username
type: string

json-server通过REST路由操作JSON文件数据库 JSONPlaceholder用于测试和原型的简单假REST API服务器。 fake-api-server跟JSONPlaceholder一样,是用于测试信息的测试服务器 ssr这个和上面的 json-server 异曲同工之妙,这不过这个既可以当作静态网站服务器,也可以提供 本地数据mock 用于测试开发 这个可以配合mock...

包名 简介 图片 multispinner 在CLI模式下进度显示程序 cfonts 在CLI模式下输出各种拼接文字,只支持英文 chalk 在CLI模式下,设置字体颜色及背景颜色 figures 在CLI模式下,输出符号 lowdb lowdb是一个基于lodash API的轻量级本地JSON数据库 (支持 Node.js , 浏览器 和 Electr...

废话先不多说,代码就是如下这么简单.

1
2
3
4
5
6
7
8
9
10
11
12
var express = require('express')
var app = express()

app.use(express.static('./dist')) //指定目录

app.get('/', function (req, res) {
//res.send('Hello World') //这里注意下因为生成的静态页不是index.html标准名称 所以不会显示
res.sendFile( path.join(__dirname, './dist/index_prod.html')) //这是返回静态页,注意啊一定要绝对路径
})

app.listen(3000)

This is a picture without description

multispinner 是在命令行执行时等待的样式,并且能根据结果返回不同的提示信息.

This is a picture without description

这个node插件使用起来非常简单 在multispinner Github 里有例子 不太懂可以看一下.

**普通方法使用**
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
'use strict'

// setup
const Multispinner = require('Multispinner')
const spinners = ['foo', 'bar', 'baz', 'qux'] //这是设定同时进行几个任务执行

// instantiate and start spinners
const m = new Multispinner(spinners)

// finish spinners in staggered timeouts
setTimeout(() => m.success('foo'), 1000) //这里是任务根据结果返回 信息
setTimeout(() => m.error('bar'), 1500)
setTimeout(() => m.success('baz'), 2000)
setTimeout(() => m.error('qux'), 2500)

// do something on success/error events
// 这里是定义返回信息输出什么内容
m.on('success', () => {
// does not fire in this example because m.error is called
console.log('done without errors!')
}).on('err', (e) => {
console.log(`${e} spinner finished with an error`)
})

lowdb

lowdb是一个基于lodash API的轻量级本地JSON数据库 (支持 Node.js , 浏览器 和 Electron)

特点

  • Small(轻量级)
  • Serverless(不需要服务器)
  • lodash rich API(lodash丰富的API)
  • In-memory or disk-based(基于内存和硬盘的存储)
  • Hackable (mixins, id, encryption, …)(可以扩展第三方插件,比如lodash-id)

安装

npm install lowdb –save
或者
yarn add lowdb

也可以外部引用使用

1
2
3
4
5
<script src="https://unpkg.com/lodash@4/lodash.min.js"></script>
<script src="https://unpkg.com/lowdb/dist/lowdb.min.js"></script>
<script>
var db = low('db')
</script>

##使用

其实下面文章写的特别好了,真没必要在复制一份,忘记的时候就再看一下下面的文章吧 下面写点自己容易忽视的东西吧. module.exports exports 与 export export default 注意哟 少个 S module.exports 是 CommonJS模块规范 export 是 node 的一个简写,不用你写那么多了 export export default 是 ES...

这两个说有用也有用,说没用也没用,这是因为必须这个类支持这两个方法才能用,如果不支持是用不了的现在又有个什么Composition 不过这个还没来得及看 mixin 1234var _ = require('lodash');var _db = require('lodash-id');_.mixin(_db); extend 12//_应该是l...

简单说明

想用js开发桌面现在有两个框架可以用 Electron 另外一个是 nwjs.
但感觉还是用 Electron比较好,因为现在一些流行的软件是那这个弄的,比如说我现在用的 Atom ,VSCode 这两个软件都非常好用,而且漂亮.
另外还有个原因是,他有中文文档.这样实在是方便太多了

编写

这里主要编写个 Electron 启动配置文件.是 package.json 里的 main 字段的文件.
注意:如果 main 字段没有在 package.json 声明,Electron会优先加载 index.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
48
49
50
51
52
53
54
55
56
const { app, BrowserWindow } = require('electron')
const path = require('path');
const url = require('url')

// 保持一个对于 window 对象的全局引用,如果你不这样做,
// 当 JavaScript 对象被垃圾回收, window 会被自动地关闭
let win

function createWindow() {
// 创建浏览器窗口。
win = new BrowserWindow({ width: 800, height: 600 })

// 加载应用的 index.html。
win.loadURL(url.format({
pathname: path.join(__dirname, 'dist/index_prod.html'),
protocol: 'file:',
slashes: true
}))
//win.loadURL('http://localhost:8080')

// 打开开发者工具。
win.webContents.openDevTools();

// 当 window 被关闭,这个事件会被触发。
win.on('closed', () => {
// 取消引用 window 对象,如果你的应用支持多窗口的话,
// 通常会把多个 window 对象存放在一个数组里面,
// 与此同时,你应该删除相应的元素。
win = null
})
}

// Electron 会在初始化后并准备
// 创建浏览器窗口时,调用这个函数。
// 部分 API 在 ready 事件触发后才能使用。
app.on('ready', createWindow)

// 当全部窗口关闭时退出。
app.on('window-all-closed', () => {
// 在 macOS 上,除非用户用 Cmd + Q 确定地退出,
// 否则绝大部分应用及其菜单栏会保持激活。
if (process.platform !== 'darwin') {
app.quit()
}
})

app.on('activate', () => {
// 在这文件,你可以续写应用剩下主进程代码。
// 也可以拆分成几个文件,然后用 require 导入。
if (win === null) {
createWindow()
}
})

// 在这文件,你可以续写应用剩下主进程代码。
// 也可以拆分成几个文件,然后用 require 导入。

CLI 方式会比Node.js Api方式简单很多.Node.js Api方式 如果配置热启动 还需要配置 webpack.HotModuleReplacementPlugin 而且有时还得安装 webpack-hot-middleware 额外的插件 还有需要特别注意的地方是 publicPath必填使用Node.js Api方式 结果还是不能自动更新.因为这个方法实在问题太多,最后还是使...

这个小插件主要解决 windows 下 无法设置 NODE_ENV=development 这个东西. 因为程序可以根据 NODE的环境变量,做出不同选择. 这个在 linux 下是可以设置的,但在 windows 下不行 安装 1npm install across-env --save-dev 使用在package.json里,需要设置环境的地方加上这句就好了 1cross-env N...

这是篇转发,因为原文写的实在是太明白了. http://cnodejs.org/topic/507285c101d0b80148f7c538 开始学习child_process模块的时候以为spawn可以直接运行命令, 后来发现这是一个小陷阱就拿出来和大家分享一下. 先说下我碰到的情况由于在windos下写的所以根据docs上的例子我就写出了这么一句代码:”require(“child_...

废话先不多说,代码就是如下这么简单.

1
2
3
4
5
6
7
8
9
10
11
var express = require('express')
var app = express()

app.use(express.static('./dist')) //指定目录

app.get('/', function (req, res) {
res.send('Hello World')
})

app.listen(3000)

下面这个是参考文档里的写法

1
2
3
4
5
6
7
8
9
var http = require('http');
var express = require('express');
var app = express();
app.use("/public", express.static(__dirname + '/public')); //访问路径写到一起了

// 创建服务端
http.createServer(app).listen('80', function() {
console.log('启动服务器完成');
});

然后执行 node app.js 就可以启动服务器了. app.js 就是上面配置所保存的文件名.

打算用vue开发个单机小程序,于是这个数据库选择就是个问题了.看到这个小程序 notepad 他是用的 localStorage 不过这个存储有大小限制 不太适合我的要求.于是,就看到了SqLite与MongoDB, 这两个各有优点,确实不好选. MongoDB: 这个与Node.js联系紧密,速度很快,不过据说特别占空间,而且好像是运行在内存中,如果要保存在硬盘还需要特别操作,没用过所以具...

新一代戰神 Yarn 終於在昨天出爐了,Yarn 跟 Npm 一樣都是 JavaScript 套件版本管理工具,但是 Npm 令人詬病的是安裝都是非常的慢,快取機制用起來效果也不是很好,所以 Yarn 的出現解決了這些問題,透過 Yarn 安裝過的套件都會在家目錄產生 Cache (目錄在 ~/.yarn-cache/),也就是只要安裝過一次,下次砍掉 node_modules 目錄重新安...

npm 自身升级1npm -g install npm node.js 自身升级123456789# node有一个模块叫n(这名字可够短的。。。),是专门用来管理node.js的版本的。# 首先安装n模块:npm install -g n #升级node.js到最新稳定版n stable# n 后面也可以跟随版本号比如: n v0.10.26 有一次升级遇到问题,根本无法通过上面方...

第一步:npm config get prefix ,获取输出path C:\Users\jaxGu\AppData\Roaming\npm加上\node_modules用于第二步值 第二步:添加系统环境变量:NODE_PATH:C:\Users\jaxGu\AppData\Roaming\npm\node_modules 第三步:关掉命令行,重新打开。 参考文档『奇葩问题集锦』C...

方法说明:将参数 to 位置的字符解析到一个绝对路径里。 1path.resolve([from ...], to) 简介当使用插件不在标准路径的时候,可以使用这个函数方便的引入. 由于该方法属于path模块,使用前需要引入path模块(var path= require(“path”) )接收参数:from 源路径to ...

原因就是chart.js需要Chart.bundle.js支持. 不过 vue-admin 把chart.js设置成不解析依赖的了,所以就会报错.这个配置就在 79 行. webpace.base.conf.js 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495...

最近一直在高前端,所以难免会在Github上用别人的工具.但是现在好多高前端都用一些高大上的东西,node什么的还好说,前段用gulp,最近又开始流行webpace,真是时代潮流不好追啊.而且有些人文档写的很简略,再加上中国的网络情况,有时你弄下来却是各种的不好使.真是头疼.这里总结下别人的东西怎么用. 先 npm install 把依赖都安装好 最好先用npm install 如果有装不...

这次安装是按照网上教程来的 不过好像有点老了 下次尝试新的 就是不用clone npm的git 因为看到现在下载的node.js里的node_modules里 就有了这个目录了 也许直接执行命令就好了 下载node.js安装 如果没有git的话下载git安装 或者直接下载git://github.com/isaacs/npm.git 压缩包也可以 git clone –recurs...

npm search 搜索包

npm install 安装nodejs的依赖包

npm install -g 将包安装到全局环境中
但是代码中,直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使用的,就好像全局安装了vmarket后,就可以在命令行中直接运行vm命令

npm install –save 安装的同时,将信息写入package.json中

项目路径中如果有package.json文件时,直接使用npm install方法就可以根据dependencies配置安装所有的依赖包
这样代码提交到github时,就不用提交node_modules这个文件夹了。

npm init 会引导你创建一个package.json文件,包括名称、版本、作者这些信息等

npm ls 列出当前安装的了所有包

npm ls -g 查看全局安装的模块及依赖