当前位置: 首页 > news >正文

网店美工名词解释wordpress优化搜索

网店美工名词解释,wordpress优化搜索,广州app开发公司排行十强,手机版房屋3d效果图设计软件文章目录 Node.JSNode.js学习指南一、Node.js基础1.认识Node.js2.开发环境搭建3. 模块、包、commonJS3.1、为什么要有模块化开发?3.2、CommonJS规范3.3、 modules模块化规范写法 4.Npm&Yarn4.1、npm使用4.2、全局安装nrm4.3、yarn使用 持续更新中总结 Node.JS N…

文章目录

  • Node.JS
  • Node.js学习指南
  • 一、Node.js基础
    • 1.认识Node.js
    • 2.开发环境搭建
    • 3. 模块、包、commonJS
        • 3.1、为什么要有模块化开发?
        • 3.2、CommonJS规范
        • 3.3、 modules模块化规范写法
    • 4.Npm&Yarn
        • 4.1、npm使用
        • 4.2、全局安装nrm
        • 4.3、yarn使用
  • 持续更新中
  • 总结


Node.JS

在这里插入图片描述

Node.js学习指南

  • 服务端开发
  • 底层平台
  • 周边生态

学习前提
JavaScript、ES6

本文章主要是关于Node.js基础、Express、Koa2、MongoDB、MySQL、以及全栈项目和即时通讯和基于Mocha做测试,基于最新版V16.13和官网+周边生态,从而实现编写Restful Api接口和动态web网站的开发,即时通讯应用的开发

一、Node.js基础

1.认识Node.js

Node.js是一个javascript运行环境。它让javascript可以开发后端程序,实现几乎其他后端语言实现的所有功能,可以与PHP、Java、Python、.NET、Ruby等后端语言平起平坐。
Nodejs是基于V8引擎,V8是Google发布的开源JavaScript引擎,本身就是用于Chrome浏览器的js解释部分,但是Ryan Dahl 这哥们,鬼才般的,把这个V8搬到了服务器上,用于做服务器的软件。
nodejs的特性

  • Nodejs语法完全是js语法,只要你懂js基础就可以学会Nodejs后端开发
  • NodeJs超强的高并发能力,实现高性能服务器
  • 开发周期短、开发成本低、学习成本低

nodejs

游览器环境和node环境在这里插入图片描述
Node.js 可以解析JS代码(没有浏览器安全级别的限制)提供很多系统级别的API

  • 文件的读写 (File System)
  • 进程的管理 (Process)
  • 网络通信 (HTTP/HTTPS)

2.开发环境搭建

建议下载长期稳定版本
node中文官网

在这里插入图片描述
node官网
在这里插入图片描述
下载完成,如果安装不了,看是否是以下原因
安装步骤是傻瓜式的
在这里插入图片描述
查看是否有node环境(在任意文件路径下打开终端或Powershell)
在这里插入图片描述

node -v

在这里插入图片描述
接下来在node环境下运行一下js代码
在这里插入图片描述

3. 模块、包、commonJS

3.1、为什么要有模块化开发?

在这里插入图片描述

3.2、CommonJS规范

在这里插入图片描述
在这里插入图片描述

3.3、 modules模块化规范写法

我们可以把公共的功能 抽离成为一个单独的 js 文件 作为一个模块,默认情况下面这个模块里面的方法或者属性,外面是没法访问的。如果要让外部可以访问模块里面的方法或者属性,就必须在模块里面通过 exports 或者 module.exports 暴露属性或者方法。
体验一下
在这里插入图片描述

m1.js

function _print(){console.log('print-m1')
}
module.exports=_print

m2.js

function _print(){console.log('print-m2')
}
module.exports=_print

m3.js(测试暴露多个)

function _print(){console.log('1暴露多个:print-m3')
}
function _print2(){console.log('2暴露多个:print-m3')
}
module.exports={_print,_print2
}
// 或
// exports._print=_print
// exports._print2=_print2

index.js(入口文件)`

// 入口文件
var module_m1=require(`./m1`)//导入m1
var module_m2=require(`./m2`)//导入m2
var module_m3=require(`./m3`)//导入m3//调用
module_m1()
module_m2()
// 调用暴露多个中的其中某个方法
module_m3._print()
module_m3._print2()

效果
在这里插入图片描述

4.Npm&Yarn

4.1、npm使用

使用npm安装第三方库

npm init
npm install 包名 –g (uninstall,update)
npm install 包名 --save-dev (uninstall,update)
npm list -g (不加-g,列举当前目录下的安装包)
npm info 包名(详细信息) npm info 包名 version(获取最新版本)
npm install md5@1(安装指定版本)
npm outdated( 检查包是否已经过时)
"dependencies": { "md5": "^2.1.0" } ^ 表示 如果 直接npm install 将会 安md5
2.*.* 最新版本
"dependencies": { "md5": "~2.1.0" } ~ 表示 如果 直接npm install 将会 安装
md5 2.1.* 最新版本
"dependencies": { "md5": "*" } * 表示 如果 直接npm install 将会 安装 md5
最新版本
  1. 在一个项目文件夹下创建一个记录包名和下载安装第三方包信息的文件
    在这里插入图片描述
    这样就会根据配置生成一个package.json文件
    在这里插入图片描述
    package.json
{"name": "test","version": "1.0.0","description": "ceshi","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "admin","license": "MIT"
}
  1. 下载第三方库(包)
npm install 包名
npm i 包名

在这里插入图片描述
在这里插入图片描述
可以看到package.json文件增加了一条记录

{"name": "test","version": "1.0.0","description": "ceshi","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "admin","license": "MIT","dependencies": {"md5": "^2.3.0"//新记录}
}

node_modules依赖包文件夹
package-lock.json文件是为了锁定某个文件具体的版本,防止由于我们依赖版本更新导致我们新版本出现问题
在这里插入图片描述

  1. 列举
npm list -g (不加-g,列举当前目录下的安装包)

在这里插入图片描述

  1. 查看包详细信息
npm info 包名(详细信息) npm info 包名 version(获取最新版本)

在这里插入图片描述

  1. 检查包是否已经过时
npm outdated( 检查包是否已经过时)

最新版本
在这里插入图片描述
npm install md5@1(安装旧版本)
npm outdated md5
过期版本,已经有最新版本
在这里插入图片描述

4.2、全局安装nrm

NRM (npm registry manager)是npm的镜像源管理工具,有时候国外资源太慢,使用这个就可以快速地在 npm 源间切换
手动切换方法: npm config set registry https://registry.npm.taobao.org

  1. 安装 nrm
    在命令行执行命令,npm install -g nrm,全局安装
,npm install -g nrm

在这里插入图片描述
在这里插入图片描述

  1. 使用 nrm
    执行命令 nrm ls 查看可选的源。 其中,带*的是当前使用的源,上面的输出表明当前源是官方源
nrm ls 

在这里插入图片描述

  1. 切换 nrm
    如果要切换到taobao源,执行命令nrm use taobao。
nrm use taobao

在这里插入图片描述
nrm ls 查看可选的源,可以看到已经切换到了taobao
在这里插入图片描述

  1. 测试速度
nrm test
  1. 扩展:
    在这里插入图片描述
npm install -g cnpm --registry=https://registry.npmmirror.com

4.3、yarn使用

  1. 安装
npm install -g yarn

在这里插入图片描述

  1. 命令
对比npm:
速度超快: Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化
资源利用率,因此安装速度更快。
超级安全: 在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。
开始新项目
yarn init
添加依赖包
yarn add [package]
yarn add [package]@[version]
yarn add [package] --dev
升级依赖包
yarn upgrade [package]@[version]
移除依赖包
yarn remove [package]
安装项目的全部依赖
yarn install
  1. 初始化(开始新项目)
yarn init

和npm步骤一直
在这里插入图片描述
4. 添加/下载安装依赖包

yarn add [package]

在这里插入图片描述
在这里插入图片描述

  1. 删除依赖包
yarn remove [package]

在这里插入图片描述
检查一下,可以看到已经删除md5这个依赖包
在这里插入图片描述

持续更新中

总结

如果这篇【文章】有帮助到你💖,希望可以给我点个赞👍,创作不易,如果有对前端端或者对python感兴趣的朋友,请多多关注💖💖💖,咱们一起探讨和努力!!!
👨‍🔧 个人主页 : 前端初见

http://www.yayakq.cn/news/565881/

相关文章:

  • 宁波网站推广方式怎么样个人做的网站
  • 一级A视网站 一级做爰片长沙百度关键词搜索
  • 专注营销型网站建设卢松松 wordpress模板
  • 万网网站建设湛江海田网站建设招聘
  • wordpress 后台进不去站长工具seo综合查询源码
  • 搭建网站兼职定西网页设计
  • 做网站威海设计一站式服务
  • 门户网站的主要特点WordPress颜色筛选插件
  • 网站让百度收录应该怎么做小面网站建设
  • 昆明网站建设企业wordpress重置秘密
  • 要怎样建设网站wordpress 数据库配置
  • 有关中国文明网联盟网站建设活动方案广安网站建设推荐
  • 做水果网站特点分析报告wordpress扁平化中文主题
  • 茅台酒网站建设方案常州网站制作费用
  • 青岛网页设计哪个公司好烟台网站建设seo
  • 济南网站建设选搜点网络品牌建设需要哪些方面
  • 怎么自己做网站教程dw制作简单网站模板下载
  • 如何建设软件下载网站做移动网站优化排
  • 广东住房和城乡建设厅网站造价云南建设监理协会官方网站
  • 丹徒网站建设腾讯云安装wordpress
  • 阿里云虚拟主机多个网站吗昆明网站建设怎么样
  • 希尔顿酒店网站建设的优点dedecms的网站系统设计结论
  • 做小型网站的公司dz论坛中英文网站怎么做
  • 网站建设的摘要免费wordpress模板
  • 网站样式侵权网络软文营销案例3篇
  • 网站建设程序做哪些有什么发布做投标报价的网站
  • 微网站预览温州建站平台
  • 爱网站黄页新加坡的网站域名
  • 企业网站html百度云九洲建设app
  • 搜集关键词的网站制作一个简单网站