路由模块router实现step1】的更多相关文章

hashchange事件 参考:http://www.cnblogs.com/rubylouvre/archive/2012/10/24/2730599.html 需要解决的问题: 1.IE6/7及兼容模式下的IE8不支持onhashchange事件,(而且hash改变不会产生history)     解决办法:用定时器来检测hash的变化:用隐藏的iframe调用document.write方法来产生历史: 2.hash的提取有兼容性问题:    * IE6会取少一总分hash,      如…
Node 用 request 事件来处理请求响应,事件内使用分支语句处理不同路径的请求,而 Express 封装了这些操作,使得代码简洁优雅 但如果请求路径变多,都写在 app.js 文件里的话,就会让这个入口文件变得臃肿且难维护 加上 Node 是模块化编程,所以应该将这些 app.get() 和 app.post() 都抽取出来作为一个路由模块 router.js 方式一,router.js 作为入口文件,此方式抽离了路由,但入口文件改变了,职能划分不好 方式二,将 router.js 的路…
const express = require('express') const app = express() app.get('/user', function(req, resp) { resp.send({name: 'Cra2iTeT', age: 20, gender: '男'}) }) app.get('/', function(req, resp) { console.log(req.query); // req.query可以接收参数默认为空 }) // :id是一个动态参数,…
忙里偷闲,打开平时关注的前端相关的网站,浏览最近最新的前端动态.佼佼者,平凡的我做不到,但还是要争取不做落后者. 前端中的IoC理念,看到这个标题就被吸引了.IoC 理念,不认识呢,点击去一看,果然没让我失望,原文结合案例把概念诠释的很清楚.原来 Ioc 是 控制反转 或 依赖倒置. 控制反转.依赖倒置.依赖注入 这三个名词,我倒是很耳熟了,毕竟在大学学 java web 课程的时候接触过,记得当时还很认真的学了并做了笔记.时间真是遗忘的罪魁祸首,现在就只记得名词,而全然忘了概念. 什么是 Io…
结合 webpack 使用 vue-router: 首先安装路由包vue-router: cnpm install vue-router 使用模块化工具导入 vue-router 后,必须手动调用 Vue.use() 明确的安装路由: 导入 vue 包:import Vue from 'vue': 导入 vue-router 包:import VueRouter from 'vue-router': 手动安装 Vue-router :Vue.use(VueRouter): 导入 Account…
前言 hello,小伙伴们,我是你们的pubdreamcc,本篇博文出至于我的GitHub仓库node学习教程资料,欢迎小伙伴们点赞和star,你们的点赞是我持续更新的动力. GitHub仓库地址:node学习教程 本篇文章对应的源码:Student-Management-System 好了,废话不多说了,今天继续我们express的学习~ Student-Management-System 今天我们实现一个案例,用express实现基本的C-R-U-D(增删改查)学生信息管理系统.学习这个案例…
cnzt       http://www.cnblogs.com/zt-blog/p/7919185.html http://www.cnblogs.com/zt-blog/p/7919185.html 路由⑦要素: 1. 声明 <base herf='' /> 以便于路由知道怎么拼接路由path 2. 引入angular的路由模块 RouterModule RouterModule  -- 路由模块 Router -- 路由器 Route --  路由配置信息, { path: 'cris…
资源:create-react-app.react.react-dom.redux.react-redux.redux-thunk.react-router-dom.antd-mobile/antd.lib(scss库).axios/fetch 一.创建项目(首先确保你的电脑中装有create-react-app这个脚手架,如果没有,可以通过npm命令安装,或者使用后续大勋提供的项目源码) create-react-app my-react-app 项目创建完毕,我们需要抽离配置文件,以便于可以…
使用 vue-cli( 脚手架) 搭建项目 基于vue-cli 创建一个模板项目 通过 npm root -g 可以查看vue全局安装目录,进而知道自己有没有安装vue-cli 如果没有安装的话,使用如下命令全局安装 cnpm install -g vue-cli 创建一个基于webpack的新项目,在这过程中, 会安装依赖 vue init webpack 项目名 启动 cd vue-router-demo npm start 常用的目录结构 如果我们的项目是通过脚手架搭建的,这已经是一个比较…
路由的基本使用 第一步:获取url跟目录下的字符 var http = require('http'); var url = require('url') http.createServer(function (request,response) { response.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'}); if(request.url !== "/favicon.ico"){ //拿到浏览器访问的ur…