模块 module + 安装 + nodeppt + hexo模板



//模块化

--有利于分工协作
--高内聚,低耦合
--实现代码复用
cmd(seajs) 就近依赖 amd(requirejs) 依赖前置
commonjs (node后台规范)

闭包,命名空间(不能完全避免命名冲突,调用过长)

-- 定义模块化 (创建一个js文件)
-- 使用模块 ( require )
-- 导出模块 ( exports / module.exports)

eg:(如图)


//文件模块
引用模块有缓存机制
代码都会执行的,导出后,,别人才会执行
delete require.cache['文件地址'] //删除缓存
引用多次,只会执行一次


//第三方模块
npm 管理后台文件的 / 管理前台文件的 bower
放置别人模块的地方 npm
下载文件通过npm

第三方模块可以直接引用包名 var str = require('包名')
先找当前目录下 node_modules 文件,找到名字相同的文件夹,找到package.json 看里面的 mian , 运行main 对应的文件 ,找不到会向上级查找node_nodules文件,直到找到为止,找不到就报错
module.paths 根据这个目录去找 console.log( module.paths )
下载的第三方必须放在 node_modules 文件夹下

1.(全局下载: 只在命令行下使用 )
nrm工具(切换源) npm install nrm -g
nrm test 查看
nrm add zf http://172.18.1.139/ 添加一个源
nrm del zf1 删除一个源
nrm use taobao 切换源
nrm ls 展示源
nrm install nodeppt -g 制作ppt
nodeppt stat -p 9090 改端口

2.本地下载: 在代码里使用 )
记录安装过的所有模块 npm init -y (记录所有依赖关系) pakage.json 安装完后的包都会记录在这个文件中

1.代码依赖 (开发上线需要)
npm install jquery --save (-S 缩写)

2.开发依赖 (只在开发使用) 工具
npm install babel-core --save-dev ( -D 缩写)
gulp 压缩
npm uninstall gulp --save 或者 --save-dev

less --D 、 webpack --D 、 bootstrap --S 、 animate.css -S
npm info jquery 查看可用版本
npm install jquery@2.1.0 -S 安装指定版本
npm info jquery 查看版本
默认安装最新版本


3.上传到 npm
1.先找到带有pakage.json的文件夹, 切换到npm上 nrm use npm
2.在npm目录下,就是在带pakage.json的目录下
npm addUser 注册或者登陆 xh abc,,123 270450463@qq.com
npm publish 发布


bower (管理前台文件)
安装bower npm install -g bower
bower install jquery 安装包
bower install 找回包(误删除)

默认安装到 bower_components文件下
bower 可以指定目录安装
 新建文件夹,建立 .bowerrc
往.bowerrc 中添加要安装的目录 {"directory":"./js"}
建立一个存放安装的目录 例如:文件夹js



//核心模块 + 内置模块 ( node 自带的模块, 不需要安装就可以使用 eg: util )

util 工具模块
引用核心模块和第三方模块一样
const util = require('util');
console.log( util );


继承父亲所有
child.protoype = new parent();

原型连继承
__proto__ :
.__proto__ = parent.prototype;
child.protoype = object.create( parent.prototype )

function (pro) { // creat 原型 创建一个函数,将函数的原型指向传入的原型,new函数new出来的实例上只包含公有方法,赋值给儿子的原型
let Fn = function(){};
Fn.prototype = pro;child.protoype
return new Fn()
}


inherits 继承 ------------------------------------------------------------------------------
util.inherits( child , parent) //儿子继承父亲
Object.setPrototypeOf( child.protoype , parent.protoype)


call 只能继承私有的方法


搭建博客 hexo模板
1. npm install hexo-cli -g 提供一个命令 hexo
2. hexo init 新建个文件夹写博客 然后在这个文件夹中初始化
3. hexo serve 启动服务 端口号默认 4000
4. hexo -p 8090 改端口

主题
先克隆找好的主题 https://github.com/iissnan/hexo-theme-next.git主题 https://hexo.io/themes/ 主题模板
themes 主题存放地
找到 _config 的配置文件, 修改 theme : hexo-theme-next(主题名)

把本地的博客推到github上
1. hexo g 生成发布的内容
2. 到git上创建仓库(名字要求:必须是git的账号名称) moyouchen.github.io
3. 找到 _config 的配置文件,配置用户路径
deploy:
type: git
repo: https://username:password@github.com/xunhe/xunhe.github.io.git,master // git 的用户名+密码
4. npm install hexo-deployer-git -S 安装插件
5. hexo deploy 提交 不安装插件不让提交
访问地址 :moyouchen.github.io


posted @ 2017-02-27 15:17  陌悠尘  阅读(1055)  评论(0编辑  收藏  举报