require

react-native-tab-navigator实现： 　　　　bottom.js代码如下： 　　　　 import React, {Component} from 'react'; import {StyleSheet, View,Text,Image} from 'react-native'; import TabNavigator from 'react-native-tab-navigator' export default class Bottom extends Component { /*初始化state*/ constructor(props){ super(); this.state={ selectedTab:'tb_msg', } } /** * 公共组件方法 * @param selectedTab 选中的tab * @param title * @param icon * @param selectedIcon * @param imageStyle 选中时渲染图标的颜色 * @param mark 角标 * @param viewContent 页面内容 * @returns {*} */ tabNavigatorItems(selectedTab,title,icon,selectedIcon,imageStyle,mark,viewContent

1. form.js // 模块1 服务模块，负责启动服务 // 模块2 拓展模块，负责拓展req和res对象，为req和res增加以下更方便好用的API // 模块3 路由模块，负责路由判断 // 模块4 业务模块，负责处理具体路由的业务的代码 // 模块5 数据操作模块，负责进行数据库操作 // 模块6 配置模块，负责报错各种项目中用到的配置信息 var http = require('http'); var context = require('./11_context.js'); var router = require('./11_router.js'); var config = require('./11_config.js'); console.log('form'); http.createServer(function(req, res) { // 外部代码只在开始时执行依次，内部代码每请求一次就执行一次 console.log('server'); context(req, res); // 调用context.js的返回值，并将req和res传递过去 router(req, res); }).listen(config.port, function() { console.log('http://localhost:' + config.port); });

　　安装好vue-cli之后，我们可以在package.json中看到下面所示： {　// 项目名称 "name": "myvue",　// 项目版本 "version": "1.0.0",　　　// 项目描述 "description": "A Vue.js project",　// 项目作者 "author": "",　// 是否私人 "private": true,　// 快速运行脚本 "scripts": {　　// 这是我们在本地调试时最常用的，即运行项目，创建了本地服务器在localhost:8088打开，运行的就是build下的server.js "dev": "node build/dev-server.js",　　// 同样的，因为很多人习惯 npn start 来启动一个项目，这里也是可以的。 "start": "node build/dev-server.js",　　// 即部署到服务器上我们需要使用这样的方式，运行build下的build.js "build": "node build/build.js" },　// 注意和devDependencies的区别，根据这里的依赖项，最终在build文件时，会将其中的依赖文件一起进行打包。 "dependencies": { "vue": "^2.2.6", "vue-router": "^2.3.1" },　/

JavaScript 的是没有操作文件的能力，但是 Node 是可以做到的，Node 提供了操作文件系统模块，是 Node 中使用非常重要和高频的模块，是绝对要掌握的一个模块系统。 fs 模块提供了非常多的接口，这里主要说一下一些常用的接口。 1.常用API快速复习 fs.stat 检测是文件还是目录 const fs = require ( 'fs' ) fs . stat ( 'hello.js' , ( error , stats ) => { if ( error ) { console . log ( error ) } else { console . log ( stats ) console . log ( `文件： ${ stats . isFile ( ) } ` ) console . log ( `目录： ${ stats . isDirectory ( ) } ` ) } } ) fs.mkdir 创建目录 const fs = require ( 'fs' ) fs . mkdir ( 'logs' , error => { if ( error ) { console . log ( error ) } else { console . log ( '目录创建成功！' ) } } ) fs.rmdir 删除目录 const fs = require (

1. 浏览器端的 AMD 和 CMD 模块化规范 (了解) 浏览器端，不能使用 Common.js 规范，因为 Common.js 是同步加载的； AMD/CMD 可以理解为，common.js 在浏览器端，的解决方案，是异步加载的； AMD模块化规范代表：RequireJS框架 对于依赖的模块，AMD 是提前执行； 推崇依赖前置，先定义模块，再使用； CMD模块化规范代表：SeaJS框架 对于依赖的模块，CMD 是延迟执行； CMD 推崇，尽可能晚的，执行这个模块，类似懒加载；推崇依赖就近； ES6模块化 (大趋势)：ES6 在语言标准层面上(语法上)，实现了模块化功能，而且实现得相当简单；完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器，通用的模块化解决方案；(vue Reat 前端框架会使用) 2. 模块成员的分类 Node.js 由三部分组成：ECMAScript 核心 + 全局成员 + 模块成员 模块成员，分三类： 核心模块、第三方模块、用户自定义模块 核心模块 随着Node.js的安装包，一同安装到，本地的模块；如：fs，path 等； 核心模块使用：require(‘核心模块标识符’) 第三方模块 非官方提供的模块；必须去 NPM 网站上下载，才能使用； 先从 npm 官网上，下载指定的，第三方模块； require(‘第三方模块标识符’)

一、简介 gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器； gulp是基于Nodejs的自动任务运行器，她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。 二、安装 　　通过 npm 来安装 gulp；(设置镜像源可以通过cnpm安装) 全局安装 　　在cmd中执行 cnpm i -g gulp 查看是否正确安装：命令提示符执行gulp -v，出现版本号即为正确安装 三、配置信息 　　1. npm init -y 生成package.json 文件 会自动存储下载的第三方依赖包信息，存储信息如下： { "name": "zhang", "version": "1.0.0", "description": "", "main": "gulpfile.js", "devDependencies": { "@babel/core": "^7.8.7", "@babel/preset-env": "^7.8.7", "del": "^5.1.0", "gulp": "^4.0.2",

##关于require 但凡使用过node.js/io.js，必定都会用到 require 这个函数来引用其它模块(自己写的或他人的)。但很多人(包括本人)都没有把node中关于require(在文档中 modules 这一部份)介绍认真看过一遍。 这里先介绍一下大家可能都已熟知的情况： 文件加载 node中在使用require加载文件时，会尝试在引用文件名不存在的情况下，依次加上 .js 、. node 、 .json 这三个后缀名来试错。注意，这里指的是引用文件名对应文件不存在的情况下。 例如，当你在代码中使用 require('./hello') 来引用当前目录下 hello 这个文件的时候，它是会默认先去查找名为 hello 这个文件是否存在，假如存在这个文件(即不带任何后缀)，那么，它就会直接读取这个文件的内容，而不是去尝试添加后缀。另外需要注意的是，它这里是将这个无后缀当作js文件来解析的，而不管里面是什么代码。 关于引用文件时路径问题，按照以 . 和 / 按相对路径或绝对路径来解析。 从 node_modules 加载 如果使用 require 时候，不带任何相对或绝对路径，那么node会尝试从 node_modules 中去寻找所需要的模块。node查找 node_modules 的方式是从当前目录找起，一直找到根目录下。即一级一级地先查看是否有 node

前端常见跨域解决方案（全） 什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入：<link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链 3.) 脚本请求： js发起的ajax请求、dom和js对象的跨域操作等 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。 什么是同源策略？ 同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指”协议+域名+端口”三者相同，即便两个不同的域名指向同一个ip地址，也非同源。 同源策略限制以下几种行为： 1.) Cookie、LocalStorage 和 IndexDB 无法读取 2.) DOM 和 Js对象无法获得 3.) AJAX 请求不能发送 常见跨域场景 URL 说明 是否允许通信 http : //www.domain.com/a.js http : //www.domain.com/b.js 同一域名，不同文件或路径 允许 http : /

1.打开wamp目录下的apache配置文件中的httpd.conf 用可以看行数的编辑器打开 大概244行： 改为 <Directory /> AllowOverride none Require all granted </Directory> 大概288行： 改为 # onlineoffline tag - don't remove Require all granted 大概387行： 改为 <Directory "${INSTALL_DIR}/cgi-bin"> # AllowOverride None Options None Require all granted </Directory> 2.打开httpd-vhosts.conf 将Directory里面内容更换为以下内容 <Directory "c:/wamp/www/"> Options +Indexes +Includes +FollowSymLinks +MultiViews AllowOverride All Require local Require all granted </Directory> 来源： https://www.cnblogs.com/xinjianheyi/p/6795848.html

node编程中最重要的思想就是模块化，import和require都是被模块化所使用。 遵循规范 require 是 AMD规范引入方式webpack中 import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法 （AMD：Asynchronous Modules Definition异步模块定义，提供定义模块及异步加载该模块依赖的机制。 CMD：Common Module Definition 通用模块定义，提供模块定义及按需执行模块） 调用时间 require是运行时调用，所以require理论上可以运用在代码的任何地方 import是编译时调用，所以必须放在文件开头 本质 require是赋值过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量 import是解构过程，但是目前所有的引擎都还没有实现import，我们在node中使用babel支持ES6，也仅仅是将ES6转码为ES5再执行，import语法会被转码为require 来源： https://www.cnblogs.com/xu-nian-qin/p/12410297.html