require

如图，是我出现的错误提示。 TIP：出现此类问题一般为open_basedir的问题(open_basedir的值来设置限制访问的目录或删除来移除防跨目录的设置。) 方法 一【本人是用这个方法解决这个问题的，只针对当前站点】 ①删除user.ini 方法 二【此方法限制于所有的LNMP站点解决】 ①vim /usr/local/nginx/conf/fastcgi.conf ②删除或注释掉这一行(*注释的话前面加“#”号即可) fastcgi_param PHP_ADMIN_VALUE “open_basedir=$document_root/:/tmp/:/proc/”; 问题发生的详情：这个是在nignx 1.1 及更高版本的时候会有这个配置，这个主要是防跨目录，这个设计的初衷是防木马文件，如果木马文件也在根目录的话，name的确达到了禁止防跨站目录效果，但是别人非传到根目录？肯定会传到文件A或是文件B，name这个根目录下的.user.ini文件就完全没有作用，所以并没软用。 ———————————————— 版权声明：本文为CSDN博主「可乐加辣椒ヾ」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/watermelonmk/article/details/80967658 来源：

webpack 核心概念: Entry: 入口 Module:模块，webpack中一切皆是模块 Chunk:代码库，一个chunk由十多个模块组合而成，用于代码合并与分割 Loader:模块转换器，用于把模块原内容按照需求转换成新内容 Plugin:扩展插件，在webpack构建流程中的特定时机注入扩展逻辑来改变构建结果或做你想要做的事情 Output: 输出结果 webpack流程: 原文链接： 点我 webpack启动后会从 Entry 里配置的 Module 开始递归解析 Entry 依赖的所有Module.每找到一个Module,就会根据配置的Loader去找出对应的转换规则，对Module进行转换后，再解析出当前的Module依赖的Module.这些模块会以Entry为单位进行分组，一个Entry和其所有依赖的Module被分到一个组也就是一个Chunk。最好Webpack会把所有Chunk转换成文件输出。在整个流程中Webpack会在恰当的时机执行Plugin里定义的逻辑。 下面我们开始从零开始配置一个支持打包图片,CSS,LESS,SASS,支持ES6/ES7和JSX语法，并对代码进行压缩的webpack配置. 1. 最简webpack配置 首先初始化npm和安装webpack的依赖: npm init -y npm install --save-dev

项目实战 1.环境介绍 2.nvm和node.js环境配置 3.npm使用详解 4.gulp介绍和安装 5.gulp创建任务 6.gulp创建处理css文件任务 7.gulp给文件重命名 8.gulp处理JavaScript文件的任务 9.合并多个文件 10.创建压缩图片任务 11.监听文件修改，自动执行任务 12.修改代码实时刷新浏览器 13.项目环境搭建和安装相应包 14.编写gulpfile.js文件 15.sass语法介绍和转换为css 16.导航条实现（1） 17.导航条实现（2） 18.导航条实现（3） 19.导航条吸顶效果 20.轮播图布局和样式 21.JS面向对象和实现一次轮播 22.实现自动轮播 23.鼠标hover事件控制轮播图暂停和继续 24.切换轮播图的箭头样式及其显示和隐藏事件 25.轮播图上下切换 26.小圆点结构和样式 27.根据轮播图的个数动态修改小圆点结构和样式 28.小圆点点击事件和自动更新当前选中的小圆点 29.实现自动无限循环轮播 30.左右箭头切换实现循环轮播 31.新闻列表tab栏布局完成 32.新闻列表页布局完成 33.加载更多按钮的布局和样式 34.侧边栏-标题和广告位布局完成 35.侧边栏-关注第三方平台盒子布局和样式 36.侧边栏-热门推荐完成 37.footer布局和样式（1） 38.footer布局和样式（2） 39

什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 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.demo.com/a.js http://www.demo.com/b.js 同一域名，不同文件或路径 允许 http://www.demo.com/lab/c.js http://www

今天拜读了Manuel Kiessling大神的《Node入门》的博客，感觉收获很多，这篇文章非常适合有JavaScript基础和掌握了一门后台语言(Java，Python等)的想入门node的学习者。 文章循循善诱，一步一步升级知识，老外的文章很有思想，写的确实比国内的XX好的多。 这里我就开一篇博客记录一下。 什么是Node.js 1.中文网官方定义：Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效，包管理器 npm，是全球最大的开源库生态系统。 现在安装一些东西确实直接npm很方便。 2.JS以前一直只在浏览器前端上做一些交互性的操作，现在有了Node之后，它允许在后端（脱离浏览器环境）运行JavaScript代码。 要实现在后台运行JavaScript代码，代码需要先被解释然后正确的执行。Node.js的原理正是如此，它使用了Google的V8虚拟机（Google的Chrome浏览器使用的JavaScript执行环境），来解释和执行JavaScript代码。 3.除此之外，伴随着Node.js的还有许多有用的模块，它们可以简化很多重复的劳作，比如向终端输出字符串。 因此，Node.js事实上既是一个运行时环境，同时又是一个库。 一个完整的基于Node.js的web应用

先回答我：为什么模块很重要？ 答：因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！ 于是下面三个模块规范出来了，这篇文章也出来了（拼出来的 {捂脸笑}）。 JS中的模块规范（CommonJS，AMD，CMD），如果你听过js模块化这个东西，那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯，我也听过，但之前也真的是听听而已。 现在就看看吧，这些规范到底是啥东西，干嘛的。本文包括这三个规范的来源及对应的产物的原理。 一、CommonJS 1.一开始大家都认为JS是辣鸡，没什么用，官方定义的API只能构建基于浏览器的应用程序，逗我呢，这太狭隘了吧(用了个高端词，嘎嘎)，CommonJS就按耐不住了，CommonJS API定义很多普通应用程序（主要指非浏览器的应用）使用的API，从而填补了这个空白。它的终极目标是提供一个类似Python，Ruby和Java标准库。这样的话，开发者可以使用CommonJS API编写应用程序，然后这些应用可以运行在不同的JavaScript解释器和不同的主机环境中。 在兼容CommonJS的系统中，你可以使用JavaScript开发以下程序： (1).服务器端JavaScript应用程序 (2)

当打包构建应用时，javascript包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合Vue的异步组件和webpack的code splitting feature,轻松实现路由组件的懒加载。 我们要做的就是把路由对应的组件定义成异步组件： const Foo = resolve => { // require.ensure 是webpack的特殊语法，用来设置code-split point // 代码分块 require.ensure(['./Foo.vue'], () => { resolve(require('./Foo.vue')) }) } 还有另外一种代码分块的语法，使用AMD风格的require,更为简单： const Foo = resolve => require(['./Foo.vue'], resolve) 只是引入模块的方式由原来的 import Foo from './Foo' 改变成了如上的方式，这样就可以根据不同路由来加载不同的模块了，不需要改变任何路由配置，跟之前一样使用Foo: const router = new VueRouter({ routes: [ { path: '/foo', component: Foo } ] })

webpack4.x webpack 模块打包工具，分析项目结构，找到js模块及一些浏览器不能运行的语言如ES6/sass等，并将其转换和打包为何时的格式供浏览器使用； 打包：将多个js文件打包成一个文件，减少服务器压力和下载带宽； 转换：把浏览器不能识别的语言转换为js，让浏览器能够正确识别 优化：优化项目，提高性能 安装 // 新建项目文件夹，并进入 mkdir webpack_demo cd webpack_demo //全局安装 npm install -g webpack // 全局安装后还需进行一个项目目录的安装，npm安装之前先进行初始化，目的-生成package.json文件（包括当前项目依赖模块，自定义脚本任务等） npm n init // 项目目录的安装 --save-dev保存到package.json中且在dev开发中使用，生产环境中不使用； npm install --save-dev webpack // 查看webpack版本 webpack -v // ps:查看webpack版本时会提示安装webpack-cli，因为此时安装的webpack版本是4.x；webpack 已经将 webpack 命令行相关的内容都迁移到 webpack-cli，所以除了 webpack 外，还需要安装 webpack-cli npm install --save

用vue.js写单页面应用时，会出现打包后的JavaScript包非常大，影响页面加载，我们可以利用路由的懒加载去优化这个问题，当我们用到某个路由后，才去加载对应的组件，这样就会更加高效，实现代码如下： import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ routes: [ { path: '/', component: resolve => require(['components/Hello.vue'], resolve) }, { path: '/about', component: resolve => require(['components/About.vue'], resolve) } ] }) 来源： https://www.cnblogs.com/HtmlCss3/p/6410521.html

Laravel 作为PHP学习入门是一种苦逼过程！Git或者Composer拖下laravel代码后报错 Warning: require(…\laravel\bootstrap/…/vendor/autoload.php…有什么解决办法呢？ Laravel 作为PHP学习入门确实有点苦逼！但是为了所谓的艺术框架，我们只好忍了…… Git或者Composer拖下laravel示例程序代码后一般会报以下错误的。 Warning: require(D:\www\laravel-canvas\bootstrap/…/vendor/autoload.php): failed to open stream: No such file or directory in D:\www\laravel-canvas\bootstrap\autoload.php on line 17 Fatal error: require(): Failed opening required ‘D:\www\laravel-canvas\bootstrap/…/vendor/autoload.php’ (include_path=’\xampp\php\PEAR’) in D:\var\laravel-canvas\bootstrap\autoload.php on line 17 显然，这是核心都没有拖下来的缘故