2017年8月

推荐开发环境方案:

nvm > node > nrm > yarn > yrm 
推荐!用 nvm 管理 node 版本, NPM 源管理器切换不同源,yarn 源管理器切换不同源, 最终用yarn

管理 node 版本,选择 nvm 还是 n? hokaccha/nodebrew
nnvm && 用法
nvm的正确打开姿势

Window:

nodejs在windows下的安装配置(使用NVM的方式) 作者github && windows版本
Windows 下安装 nvm 管理 nodejs 版本,安装目录下找到settings.txt

setting.txt

root: C:\dev\nvm 
path: C:\dev\nodejs 
arch: 64 
proxy: none 
node_mirror: https://npm.taobao.org/mirrors/node/ 
npm_mirror: https://npm.taobao.org/mirrors/npm/

nvm 设置下载 node 的镜像地址

Centos

centos上安装

Mac

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

安装后完后重启终端,command -v nvm # 出现nvm 则正常。反之则继续看下面的

如果没有显示 nvm 看安装过程中出现的

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

把上面提示的内容放.bash_profile ,先ls -a查看下有没有这个文件,没有的话就

touch .bash_profile  #新建一个文件
open .bash_profile   #打开这个文件
source .bash_profile #重启生效

检验:

command -v nvm # 出现nvm 则正常
ls -a

如果按照iTerm2每次都需要source .bash_profile才生效:

touch .zshrc
open .zshrc

touch ~/.zshrc
open ~/.zshrc
source ~/.zshrc

添加:

source .bash_profile

生效:

source /etc/profile

安装node:

nvm list available #查看网络可以安装的版本:
nvm ls-remote   # 查看远程服务器可安装的版本
nvm install 10.10.0
nvm install 9.10.0
nvm install 8.10.0

安装完成提示:

nvm is not compatible with the npm config "prefix" option: currently set to "/Users/z/nvm/versions/node/v8.10.0"
Run `nvm use --delete-prefix v8.10.0` to unset it.

则使用指定版本:

nvm use --delete-prefix v8.10.0
node -v

显示此版本则表示操作成功。

mac中nvm的安装和使用
正确的安装和使用nvm(mac)

[root@localhost ~]# nvm --version
-bash: nvm: command not found
[root@localhost ~]# source ~/.nvm/nvm.sh
[root@localhost ~]# nvm --version
0.33.2
[root@localhost ~]#

nvm常用命令:

nvm install <version>  ## 安装指定版本,可模糊安装,如:安装v4.4.0,既可nvm install v4.4.0,又可nvm install 4.4
nvm uninstall <version>  ## 删除已安装的指定版本,语法与install类似
nvm use <version>  ## 切换使用指定的版本node
nvm ls  ## 列出所有安装的版本
nvm ls-remote  ## 列出所以远程服务器的版本(官方node version list)
nvm current  ## 显示当前的版本
nvm alias <name> <version>  ## 给不同的版本号添加别名
nvm unalias <name>  ## 删除已定义的别名
nvm reinstall-packages <version>  ## 在当前版本node环境下,重新全局安装指定版本号的npm包

npm 常用命令详解
http://www.runoob.com/nodejs/nodejs-tutorial.html
Node.js 教程
安装后,运行Node.js command prompt

npm

13 个 npm 快速开发技巧

安装依赖

npm install
//请特别注意,直接使用 cnpm 可能会导致依赖不正确。
//强烈建议给 npm 设置 taobao 的 registry,并且能通过如下操作解决npm速度慢的问题。 
npm install --registry=https://registry.npm.taobao.org 

npm源无法使用问题解决

推荐看这里mirror-config-china

https://npm.taobao.org/
设置淘宝源的是:

npm config set registry https://registry.npm.taobao.org

如果有些无法实现淘宝源的,需要设置回原来的就可以了(可能需要ss):

npm config set registry https://registry.npmjs.org

npm

查看npm配置

npm conig list

删除源

npm config delete registry

下面给出淘宝镜像的安装和卸载
安装

npm config set registry "https://registry.npm.taobao.org"
npm config set disturl https://npm.taobao.org/dist

卸载

npm config delete registry
npm config delete disturl

window 下载出现 phantomjs 安装不上问题

设置环境变量:
控制面板->系统和安全->系统->高级系统设置->环境变量->编辑用户变量Path->将';C:\wamp3.0.4\www\phantomjs-2.1.1-windows\bin'添加到最末端即可)
win+R,输入cmd打开控制台,输入phantomjs -v,若输出了版本号,则证明安装成功了。
这个问题可能会影响到其他依赖的安装

https://yarnpkg.com/lang/zh-hans/docs/migrating-from-npm/
从 npm 迁移\
https://segmentfault.com/a/1190000014716713

快速安装
npm install -g yarn //在NPM 中安装

nrm 和yrm

修改npm和yarn源
双源管理工具cgr (change registry)都是基于nrm改写的,能同时管理npm、yarn的源

搭建 npm 私服

npm私服安装教程 - verdaccio 入门

Awesome APIs
中国国内可用API合集
支付宝数据接口
想写个 App 练手,有什么有趣的 API 接口推荐吗?
Github:GitHub API v3
Weibo:API - 微博API
Twitter:https://dev.twitter.com/
Dribbble:Dribbble Developer
V2EX API 接口
Angelist:API - AngelList
Nytimes:http://developer.nytimes.com/
(这个是从西乔的文章听说的),使用这个API,开发者可以调用到几百万份结构化过的数据,从1981 年至今,纽约时报报道的事件,畅销书,甚至房地产等等。
Instagram:https://www.instagram.com/developer/
聚合数据 http://free.juhe.cn/
Web Service(WEB服务) http://www.webxml.com.cn/zh_cn/web_services.aspx
百度API服务 http://apistore.baidu.com/
Apix https://www.apix.cn/
和风天气 http://www.heweather.com/

与翻译相关的。
有道翻译:http://fanyi.youdao.com/openapi
金山词霸:http://open.iciba.com/?c=wiki
百度翻译: http://api.fanyi.baidu.com/api/trans/product/apidoc

快递鸟 http://www.kdniao.com/
TMDb https://www.themoviedb.org/documentation/api
笑话的RESTful API http://www.icndb.com/api/
豆瓣API https://developers.douban.com/wiki/?title=guide
https://developers.douban.com/wiki/?title=api_v2
豆瓣Movie API Doc https://developers.douban.com/wiki/?title=movie_v2

API 搜索

APIs.io - the API search engine
ProgrammableWeb
public-apis
应用 Api
https://github.com/TonnyL/Awesome_APIs Chinese Part && Global Part

百度翻译:
https://sp1.baidu.com/5b11fzupBgM18t7jm9iCKT-xh_/sensearch/selecttext?q=%E4%BD%A0%E5%A5%BD

知乎日报-简要版 API:

http://news-at.zhihu.com/api/4/news/latest 今日热文
http://news.at.zhihu.com/api/4/news/before/ 更多往日热文

上面这两个地址是我们今天要做的首页的API,我们将发起request请求,拿回数据做渲染。
知乎日报 API 分析

api

Dingo API

官方

微信小程序官方文档 https://mp.weixin.qq.com/debug/wxadoc/dev/index.html
微信小程序接入指南 https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html
微信小程序开发工具下载 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
简易教程 https://mp.weixin.qq.com/debug/wxadoc/dev/
框架 https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html
组件 https://mp.weixin.qq.com/debug/wxadoc/dev/component/
API https://mp.weixin.qq.com/debug/wxadoc/dev/api/
Q&A https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html
开发者社区 https://developers.weixin.qq.com/

微信web开发者工具
https://mp.weixin.qq.com/wiki?action=doc&id=mp1455784140
https://www.weixinsxy.com/jssdk/

https://github.com/Tencent/wepy wepy官方仓库
https://tencent.github.io/wepy/ wepy官方文档
https://github.com/aben1188/awesome-wepy 微信小程序组件化开发框架wepy开发资源汇总

文档接口例子

http://203.195.235.76/jssdk/#menu-image

https://blog.csdn.net/u011500781/article/details/51746364
微信公众平台前端人员对接(微信拍照上传)
http://203.195.235.76/jssdk/#menu-image

https://aotu.io/notes/2018/06/07/Taro/
多端统一开发框架 - Taro

《小程序从0到1,微信全栈工程师一本通》作者专栏
https://zhuanlan.zhihu.com/zero-weapp

框架

taro
wepy
mpvue
小程序组件化开发框架 (GitHub) https://wepyjs.github.io/wepy
https://tencent.github.io/wepy/index.html WePY | 小程序组件化开发框架
微信小程序wepy开发资源汇总

第三方微信小程序在线开发手册(更新落后) http://doc.pietian.com/

微信小程序开源项目库汇总
微信小程序开源项目库汇总 http://www.opendigg.com/tags/wechat-app

项目

微信小程序 - 王者图鉴
给ofo共享单车撸一个微信小程序
微信小程序ofo小黄车+thinkphp5.0打造全栈应用
电影推荐 - 微信小程序
微信小程序商城

cms:https://www.icmsdev.com/

Wordpress API

https://github.com/iamxjb/winxin-app-watch-life.net
https://deliciousbrains.com/creating-a-wordpress-theme-using-the-rest-api-and-vue-js/
https://github.com/bstavroulakis/vue-wordpress-pwa
https://www.npmjs.com/package/vue-wordpress
https://segmentfault.com/a/1190000008715104

typecho

Wetypecho && GitHub

https://mp.weixin.qq.com/s/GnHzJWYFJUXYuvYq6Cb_FA
微信小程序“反编译”实战(一):解包

Vue仿微信菜单编辑器demo