【前端学习 node 快速入门 系列 —— 模块（module）】的更多相关文章

前端学习 node 快速入门 系列 —— 模块（module）

其他章节请看: 前端学习 node 快速入门 系列 模块(module) 模块的导入 核心模块 在 初步认识 node 这篇文章中,我们在读文件的例子中用到了 require('fs'),在写最简单的服务器的例子中用到了 require('http'),除了 fs 和 http,node 提供了很多核心模块,例如:path(路径).os(操作系统).events(事件).url 等等. 如果我们需要使用核心模块的功能,就使用 require(模块名) 方法进行引入. 第三方模块 在 npm 一文…

前端学习 node 快速入门 系列 —— 初步认识 node

其他章节请看: 前端学习 node 快速入门 系列 初步认识 node node 是什么 node(或者称node.js)是 javaScript(以下简称js) 运行时的一个环境.不是一门语言. 以前 js 只能运行在浏览器中,浏览器中的 js 包含:bom(例如 window).dom(例如 document).ecmascript.js 引擎:现在 js 也可以运行在 node 中,node 中的 js 包含:ecmascript(服务端不操作页面,所以不需要 bom 和 dom)和 js…

前端学习 node 快速入门 系列 —— npm

其他章节请看: 前端学习 node 快速入门 系列 npm npm 是什么 npm 是 node 的包管理器,绝大多数 javascript 相关的包都放在 npm 上. 所谓包,就是别人提供出来供他人使用的项目.可以是简单的几行代码,可以是 jQuery 这种类库,也可以是框架 express ,还可以是 webpack 这样的工具. npm 用于解决前端共享问题. 以前我们需要使用 jQuery.bootstrap 等其他库,需要这么做: 进入 jQuery 和 bootstrap 等其他库…

前端学习 node 快速入门 系列 —— 报名系统 - [express]

其他章节请看: 前端学习 node 快速入门 系列 报名系统 - [express] 最简单的报名系统: 只有两个页面 人员信息列表页:展示已报名的人员信息列表.里面有一个报名按钮,点击按钮则会跳转到报名页 报名页:用于报名.里面是一个表单,可以输入姓名和年龄,点击保存,成功后会跳转到人员信息列表页 本文主要分 3 部分: 使用 node 实现这个项目 介绍 express 相关知识 使用 express 重写这个项目 Tip: 有将本文分成两篇的打算,因为篇幅有点长:但最后还是决定写在一起,因…

前端学习 node 快速入门 系列 —— 简易版 Apache

其他章节请看: 前端学习 node 快速入门 系列 简易版 Apache 我们用 node 来实现一个简易版的 Apache:提供静态资源访问的能力. 实现 直接上代码. - demo - static // 静态资源文件夹 - index.html // 主页 - 1.jpg - 1.css - 1.js - index.js // 入口文件 index.html: <!DOCTYPE html> <html lang="en"> <head> &…

前端学习 node 快速入门 系列 —— 服务端渲染

其他章节请看: 前端学习 node 快速入门 系列 服务端渲染 在简易版 Apache一文中,我们用 node 做了一个简单的服务器,能提供静态资源访问的能力. 对于真正的网站,页面中的数据应该来自服务器(服务器查询数据库),我们来模拟一下.请看示例: - demo - node_modules // 安装 art-template 后自动生成 - public - lib - art-template // 将 node_modules/art-template 拷贝过来即可 - view -…

vue 快速入门 系列 —— vue loader 上

其他章节请看: vue 快速入门 系列 vue loader 上 通过前面"webpack 系列"的学习,我们知道如何用 webpack 实现一个不成熟的脚手架,比如提供开发环境和生成环境,开发环境提供本地服务器,有热模块替换,能使用 sass.es6等开发项目. 实际工作中我们可能会使用声明式框架 vue 或 react 来开发项目,而它们都提供了相应的脚手架.在学习 vue-cli(vue官方的脚手架)之前,我们先来玩一下 vue loader. Tip:本篇也可以称之为"…

vue 快速入门 系列 —— vue-cli 下

其他章节请看: vue 快速入门 系列 Vue CLI 4.x 下 在 vue loader 一文中我们已经学会从零搭建一个简单的,用于单文件组件开发的脚手架:本篇,我们将全面学习 vue-cli 这个官方的.成熟的脚手架. 分上下两篇进行,上篇主要是"基础",下篇主要是"开发" Tip:介绍顺序尽可能保持与官方文档一致 准备环境 注:本篇所有的实验都将基于项目 vue-example vue-example 通过 vue create 命令创建项目 vue-exa…

webpack 快速入门 系列 - 自定义 wepack 上

其他章节请看: webpack 快速入门 系列 自定义 wepack 上 通过"初步认识webpack"和"实战一"这 2 篇文章,我们已经学习了 webpack 最基础的知识.在继续学习 webpack 更多用法之前,我们先从更底层的角度来认识 webpack. 自定义 webpack 分上下两篇,上篇介绍 webpack 的两个核心,loader和plugin:下篇我们自己实现一个简单的 webpack. 初始化项目 loader 和 plugin 将使用此环境…

vue 快速入门 系列 —— vue loader 下

其他章节请看: vue 快速入门 系列 vue loader 下 CSS Modules CSS Modules 是一个流行的,用于模块化和组合 CSS 的系统.vue-loader 提供了与 CSS Modules 的一流集成,可以作为模拟 scoped CSS 的替代方案. Tip:请看下面的用法来了解 css modules. 用法 将 App.vue 内容修改为: <template> <div> <p :class="$style.red">…