前端框架 前端工具 PWA介绍 微信小程序介绍 node使用介绍 nvm使用介绍
- 2019-08-11 23:24:00
- admin
- 原创 3053
一、前端框架
前端框架：
1、Angular，功能非常齐全的前端框架，适合构建动态的单页网络应用，Angular由谷歌开发维护；
2、Vue，简单轻便易上手的前端框架，ViewUI和Ant Design是Vue的2种组件库，推荐使用ViewUI；
前端图形框架：
1、SVG，HTML5标记，通过XML描述2D矢量图，支持事件处理；
2、Canvas，HTML5标记，通过Javascript绘制2D图形，不支持事件处理；
3、WebGL，基于Javascript的3D绘图标准；
二、前端工具
原型工具：
1、摹客，适合简单web原型；
2、墨刀，适合简单app原型；
3、Axure，专业原型软件；
开发工具：
1、VSCode，Visual Studio Code，微软公司开发的跨平台源代码编辑器，支持Windows、Linux、macOS；
2、WebStorm，JetBrains公司旗下一款JavaScript开发工具，最强大的前端开发工具；
三、PWA介绍
PWA，Progressive Web Apps，渐进式Web应用在桌面和移动设备上提供接近原生应用的体验，直接通过Web进行构建和交付，它们是快速、可靠的Web应用，谷歌在2015年开始着手推广。
四、微信小程序介绍
1、微信小程序用于开发微信生态应用，小程序能够跨平台使用；
2、官方帮助：https://developers.weixin.qq.com/miniprogram/dev/framework
3、创建工作线程：https://developers.weixin.qq.com/miniprogram/dev/api/worker/wx.createWorker.html
4、工作线程支持实验线程，重度计算建议使用实验线程，运行效率可以提升数倍；
五、node使用介绍
1、node是基于Chrome V8引擎的JavaScript运行时环境；
2、npm是node的包管理工具，命令帮助npm help command；
3、pnpm是node的包管理工具，全局存储依赖，项目链接到全局存储；
4、npx是node的包执行工具，可以自动下载需要执行的包以及依赖；
5、npm帮助文档：https://docs.npmjs.com/cli/v11/commands/npm
6、npx帮助文档：https://docs.npmjs.com/cli/v11/commands/npx
7、官方仓库在线搜索依赖：https://www.npmjs.com
8、中国镜像在线搜索依赖：https://npmmirror.com
09、webpack是前端打包工具，HtmlWebpackPlugin可以定义变量，然后在Html文件引用；
10、Html引用变量语法：<%= htmlWebpackPlugin.options.path %>
npm初始化：
配置文件：.npmrc
查看配置：npm config list
查看源地址：npm config get registry
设置淘宝源：npm config set registry https://registry.npmmirror.com/
搜索远程模块：npm search module
查看远程模块：npm info module
查看全局模块：npm list -g -all
查看全局模块：npm list -g module
查看项目模块：npm list -all
查看项目模块：npm list module
安装全局模块：npm install -g module
卸载全局模块：npm uninstall -g module
查看全局模块路径：npm root -g
运行命令：npm run command，命令配置在package.json；
安装项目依赖：npm install，安装所有依赖，依赖配置在package.json；
安装项目依赖：nmp install module@version，依赖信息写到package.json；
卸载项目依赖：nmp uninstall module，依赖信息会从package.json删除；
更新项目依赖：npm update module
查看缓存：npm config get cache
清除缓存：npm cache clean [--force]
六、npm依赖说明
1、npm依赖名称：https://docs.npmjs.com/cli/v11/using-npm/package-spec
2、npm依赖范围：https://docs.npmjs.com/cli/v11/using-npm/scope
3、npm依赖版本：https://docs.npmjs.com/cli/v11/configuring-npm/package-json#dependencies
4、npm版本解释：https://github.com/npm/node-semver#versions
5、^ver，允许修改次版本号，版本号最左边的非零数字不允许修改；
6、~ver，允许修改补丁版本，次版本号存在时只允许修改补丁版本；
7、package.json依赖配置文件，package-lock.json锁定依赖到具体版本；
8、dependencies开发和运行时都依赖，devDependencies只在开发时依赖；
七、nvm使用介绍
1、帮助指引：https://www.nvmnode.com/guide/usage.html
2、下载地址：https://github.com/coreybutler/nvm-windows/releases
3、一个node版本管理工具；
4、列出node版本：nvm list available
5、安装node版本：nvm install <version>
6、切换node版本：nvm use <version>
7、列出已安装版本：nvm list
nvm安装：
1、解压文件：nvm-noinstall.zip -> D:\nvm\nvm-noinstall
2、创建变量：NVM_HOME = D:\nvm\nvm
3、创建变量：NVM_SYMLINK = D:\nvm\nvm\nodejs
4、添加PATH：D:\nvm\nvm-noinstall，D:\nvm\nvm\nodejs
nvm初始化：
touch D:\nvm\nvm\settings.txt
nvm root D:\nvm\nvm
nvm node_mirror http://mirrors.cloud.tencent.com/nodejs-release/
nvm npm_mirror http://mirrors.cloud.tencent.com/npm/