require

前端开发过程中经常遇到的问题以及对应解决方法 (持续更新)

一笑奈何 提交于 2019-11-29 04:55:04
1:vue项目中用v-for 循环本地图片, 图片不显示,解决办法:使用require动态引入图片,或将图片放static文件夹里面 <img v-bind:src="require(item.imgurl)"> 2:合并多个对象并去重(es6) let objOne = {a:1}; let objTwo = {b:2}; let objThree = {b:4,c:5}; let obj = Object.assign(objOne,objTwo,objThree); console.log(obj) // {a:1,b:4,c:5} let obj1={...objOne,...objTwo,...objThree}; console.log(obj1) // {a:1,b:4,c:5} 3:vue计算属性里如何传参:需求是需要把数值转为三位数,类似1需要变为001,10变为010这样。 下面是正确写法,页面中用{{convertToThree(num1)}},{{convertToThree(num2)}},{{convertToThree(num3)}}即可获得对应三位数的模样: new Vue({ el:'#app', data:{ num1:0, num2:10, num3:100 }, computed:{ convertToThree:function(){

Resolving modules using require.js and Java/Rhino

本秂侑毒 提交于 2019-11-29 04:44:03
问题 I'm trying to get require.js to load modules on the server-side with Java 6 and Rhino. I'm able to load require.js itself just fine. Rhino can see the require() function. I can tell because Rhino complains that it can't find the function when I change require() to something else like requireffdkj() . But when I try to require even a simple JS, like hello.js var hello = 'hello'; using either of the following: require('hello'); require('./hello'); it doesn't work. I get Caused by: javax.script

Grunt、Gulp和Webpack区别

a 夏天 提交于 2019-11-29 03:51:41
1、Grunt    Grunt 的出现早于 Gulp,Gulp 是后起之秀。他们本质都是通过 JavaScript 语法实现了 shell script 命令的一些功能。比如利用 jshint 插件实现 JavaScript 代码格式检查这一功能。早期需要手动在命令行中输入 jshint test.js,而 Grunt 则通过 Gruntfile.js 进行配置 // Gruntfile.js module.exports = function(grunt) { grunt.initConfig({ // js格式检查任务 jshint: { src: 'src/test.js' } // 代码压缩打包任务 uglify: {} }); // 导入任务插件 grunt.loadnpmTasks('grunt-contrib-uglify'); // 注册自定义任务, 如果有多个任务可以添加到数组中 grunt.regusterTask('default', ['jshint']) } 2、Gulp   Gulp 吸取了 Grunt 的优点,拥有更简便的写法,通过流(stream)的概念来简化多任务之间的配置和输出,让任务更加简洁和容易上手。 Gulp 还是工具链、构建工具,可以配合各种插件做js压缩,css压缩,less编译,替代手工实现自动化工作。 通过配置 gulpfile

vue-cli2.x构建项目及目录详解

一曲冷凌霜 提交于 2019-11-29 03:34:24
vue-cli2.x构建项目及目录详解 1.全局安装vue-cli cnpm install -g vue-cli (这种安装vue-cli写法默认安装的是vue-cli2.x) 检测版本 vue -V 2.全局安装webpack cnpm install -g webpack 3.全局安装webpack的本地webserver cnpm install -g webpack-dev-server 4.构建项目 vue init webpack demo 5.项目描述 6.创建成功后的目录结构 各文件作用 1.build文件夹 (1)build.js 'use strict' // js的严格模式 require('./check-versions')() // node和npm的版本检查 process.env.NODE_ENV = 'production' // 设置环境变量为生产环境 // 导进各模块 const ora = require('ora') // loading模块 const rm = require('rimraf') // 用于删除文件 const path = require('path') // 文件路径工具 const chalk = require('chalk') // 在终端输出带颜色的文字 const webpack = require(

phpexcel导入

坚强是说给别人听的谎言 提交于 2019-11-29 02:45:01
首先需要去官网下载PHPExcel,下载后只需要Classes目录下的文件即可。 我这个是一个单独的脚本,如需放入 框架只需要改一改文件引入路径即可 1、PHPExcel导入方法实现过程 (我已省略文件导入的过程) 1 <?php 2 3 //引入提前已经下载好的phpexcel 4 require_once './Classes/PHPExcel.php'; 5 require_once './Classes/PHPExcel/IOFactory.php'; 6 require_once './Classes/PHPExcel/Reader/Excel2007.php'; 7 $uploadfile = "./customer.xlsx"; 8 9 $objReader = PHPExcel_IOFactory::createReader('Excel2007');//use excel2007 for 2007 format 10 11 $objPHPExcel = $objReader->load($uploadfile); //$filename可以是上传的文件,或者是指定的文件 12 $sheet = $objPHPExcel->getSheet(0);       // 获取sheet 默认从0开始 13 $highestRow = $sheet-

NodeJS + Socket.IO 消息推送

我是研究僧i 提交于 2019-11-29 02:26:57
//socket.io var app = require("express")(); var http = require("http").Server(app); var io = require("socket.io")(http); //couchbase var couchbase = require("couchbase"); var cluster = new couchbase.Cluster("couchbase://192.168.1.1"); var bucket = cluster.openBucket("name","pass"); var onlineUsers = {}; var onlineCount = 0; io.on("connection" , function(socket){ socket.on("login" , function(obj){ socket.name = obj.userid; console.log(new Date() + " : 编号" + obj.userid + "员工已登录!"); if(!onlineUsers.hasOwnProperty(obj.userid)){ //onlineUsers[obj.userid] = obj.userid; onlineUsers[obj.userid] = {'c

ES6 import equivalent of require() without exports

那年仲夏 提交于 2019-11-29 00:57:46
By using require(./filename) I can include and execute the code inside filename without any export defined inside filename itself. What is the equivalent in ES6 using import ? Thanks CodingIntrigue The equivalent is simply: import "./filename"; Here are some of the possible syntax variations: import defaultMember from "module-name"; import * as name from "module-name"; import { member } from "module-name"; import { member as alias } from "module-name"; import { member1 , member2 } from "module-name"; import { member1 , member2 as alias2 , [...] } from "module-name"; import defaultMember, {

雷林鹏分享Node.js模块系统

元气小坏坏 提交于 2019-11-29 00:23:12
  为了让Node.js的文件可以相互调用,Node.js提供了一个简单的模块系统。   模块是Node.js 应用程序的基本组成部分,文件和模块是一一对应的。换言之,一个 Node.js 文件就是一个模块,这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。   创建模块   在 Node.js 中,创建一个模块非常简单,如下我们创建一个 main.js 文件,代码如下:   var hello = require('./hello');   hello.world();   以上实例中,代码 require('./hello') 引入了当前目录下的 hello.js 文件(./ 为当前目录,node.js 默认后缀为 js)。   Node.js 提供了 exports 和 require 两个对象,其中 exports 是模块公开的接口,require 用于从外部获取一个模块的接口,即所获取模块的 exports 对象。   接下来我们就来创建 hello.js 文件,代码如下:   exports.world = function() {   console.log('Hello World');   }   在以上示例中,hello.js 通过 exports 对象把 world 作为模块的访问接口,在 main.js 中通过 require

openresty开发系列21--lua的模块

生来就可爱ヽ(ⅴ<●) 提交于 2019-11-29 00:06:22
openresty开发系列21--lua的模块 从lua5.1开始,Lua 加入了标准的模块管理机制,Lua 的模块是由变量、函数等已知元素组成的 table, 因此创建一个模块很简单,就是创建一个 table,然后把需要导出的常量、函数放入其中,最后返回这个 table 就行。 一)模块定义 模块的文件名 和 模块定义引用名称要一致 -- 文件名为 model.lua -- 定义一个名为 model 的模块 model = {} -- 定义一个常量 model.constant = "这是一个常量" -- 定义一个函数 function model.func1() print("这是一个公有函数") end local function func2() print("这是一个私有函数!") end function model.func3() func2() end return model 二)require 函数 Lua提供了一个名为require的函数用来加载模块。要加载一个模块,只需要简单地调用就可以了。例如: require("<模块名>") 或者 require "<模块名>" 执行 require 后会返回一个由模块常量或函数组成的 table,并且还会定义一个包含该 table 的全局变量。 -- test_model.lua 文件 -- model

webpack知识分享

冷暖自知 提交于 2019-11-28 22:36:52
webpack 4 webpack 四大核心概念: 入口(entry) // 打包入口 输出(output) : 打包后输出的位置配置 loader : loader 让 webpack 能够去处理那些非 JavaScript 文件(webpack 自身只理解 JavaScript)。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块 插件(plugins) : 有更强大的功能,比如:打包优化,压缩、代码分割、静态资源处理、环境变量的注入、将所有css的module抽取为单个文件等 1.入口 配置 entry 属性,来指定一个入口起点(单页面)(或多个入口起点(多页面))。默认值为 ./src //单页面入口 entry: { main: './path/to/my/entry/file.js' } //单页面入口简写 chunk名默认为main entry: './src/main.js', //多页面入口 entry: { pageOne: './src/pageOne/index.js', pageTwo: './src/pageTwo/index.js', pageThree: './src/pageThree/index.js' } webpack4 打包应用过程中的提取公共代码部分。相比于 webpack3 , 4.0 版本用