- Vue多页面应用程序的构建
苦咖啡Li
1、利用vue脚手架快速搭建项目目录a、vueinitwebpacktest生成项目目录b、npminstall安装项目依赖c、npmrundev运行项目页面2、新建项目文件:根目录下:html文件one.html、two.htmlSrc目录下:one.vue、two.vue文件和one.js、two.js文件3、修改相应的配置文件文件路径:build\webpack.base.conf.js=>
- ReferenceError: “Promise”未定义
吃不胖的茶叶蛋
问题现象:vue-cli项目在IE下运行,会在钩子函数出现ReferenceError:“Promise”未定义解决办法:1、安装BabelPolyfillnpminstall--savebabel-polyfill2、在webpack.base.conf.js这个文件加入代码require("babel-polyfill")3、在main.js里面添加代码import"babel-polyfil
- vue项目启动不了,报错You may use special comments to disable some warnings.
木木化燕
image.png关闭了eslint,搞定。vue-cli脚手架关闭eslint的步骤:1.打开build文件夹下面的webpack.base.conf.js;2.找到下面这段代码,并将它注释掉:constcreateLintingRule=()=>({//test:/.(js|vue)$/,//loader:'eslint-loader',//enforce:'pre',//include:[r
- vue-baidu-map在ie下不显示的问题
凤凰挽歌_
已经安装babel-polyfill,使用vue-baidu-map在IE下还是空白,地图不出现,主要是因为babel默认不会编译node_modules中的东西的,ie不识别,需要手动添加一下,才会编译在webpack.base.conf.js,这个文件中添加{test:/\.js$/,loader:'babel-loader',include:[resolve('src'),resolve('
- vue 项目兼容 IE 浏览器
小童姥
vue.jsjavascript前端
前言:网上找了很多关于vue项目兼容IE浏览器的教程步骤,写的非常详细,但根据我自己的项目,怎么找都没有找到webpack.base.conf.js这个文件,就没办法配置因为vue-cli最新版本原因,隐藏了配置文件,所有的都在vue.config.js中配置可以根据自己的vue-cli版本来搜索配置教程!!!进入正题:1:安装babel/polyfillnpminstall--save@babe
- VUE2+vuecli2+Element UI+ECharts项目demo
_七七
Vueuiechartsvue.js
文章目录一、项目初始化初始化安装初始化项目运行项目自动打开浏览器修改路由模式hash改为history二、ElementUI配置全局安装在main.js中导入并使用三、在项目中使用CSS预处理器scss1.安装2.使用在.vue文件中的style标签里加上lang='scss'既可使用scss语法3.在build文件夹下的webpack.base.conf.js的module下rules里面添加配
- 关于vue-cli的一些整理
_conquer_
vue脚手架1、如何引入插件修改build/webpack.base.conf.js文件,varwebpack=require("webpack")//1.确保引入webpack,后面会用到module.exports={...resolve:{extensions:['.js','.vue','.json'],modules:[..],alias:{...//2.定义别名和插件位置'jquery
- 在vue项目中引入less
BAEBAE996
本文将简单介绍在vue2.x的环境下引入并使用less的流程1、安装less在项目的根目录下打开命令行工具,执行命令:npminstalllessless-loader--save-dev安装完成后打开build目录,修改webpack.base.conf.js中的相关配置:在module.exports中找到module中的rules数组添加如下代码:module.exports={......
- vux 的安装 和使用
兜兜里冒糖糖
vux的安装和使用npmivux-S2.npmivux-loader--save-dev3.在bulid—>webpack.base.conf.js下,首先引入vux-loaderconstvuxLoader=require('vux-loader')4.然后将原来的module.exports替换成constwebpackConfig,然后在最底下写上这么一段代码module.exports=v
- VS Code关闭eslint的语法检查
知足常乐晨
VSCode在文件->首选项->设置中添加"eslint.enable":false配置即可image.png右侧用户设置会自动覆盖左侧的默认设置vue工程中在webpack.base.conf.js配置文件中删除有关loader:'eslint-loader',的配置,如下:constcreateLintingRule=()=>({test:/\.(js|vue)$/,loader:'eslin
- vue项目在IE浏览器打不开问题
别人都叫我小志
安装babel-polyfill1.npminstall--savebabel-polyfill2.man.js引入import'babel-polyfill'3.index.html添加4.build中的webpack.base.conf.js修改如下配置entry:{app:['babel-polyfill','./src/main.js']}
- vue 项目 在main.js引入scss文件时报找不到文件的异常(确定路径正确)
是阿信ya
vue.jsjavascriptscss
解决:新版本的vue-cli已经帮我们把sass-loader配置好了,放在util.js里面了前面我们通过cnpminode-sasssass-loader-D安装好了scss依赖并在build文件夹下的webpack.base.conf.js的rules里面添加了如下配置导致配置重复而报错删除重新运行项目即可
- react中使用bootstraps
行致
前端bootstrapjqueryreact
react中使用bootstraps在react中使用bootstrap,可使用npm导入,在安装bootstraps前,需要安装jQuery,这两个配合使用;一、安装jQuery及配置
[email protected](—‘@’后面是版本号)webpack.base.conf.js中添加一行数据:/注:...代表省略自有的,//必定事先声明webpack,不然下面会不识别webpack
- WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)
兮颜_Queen
vue.js
打包出现文件大小警告提示在webpack.base.conf.js配置,添加module.exports={performance:{hints:'warning',//入口起点的最大体积整数类型(以字节为单位)maxEntrypointSize:50000000,//生成文件的最大体积整数类型(以字节为单位300k)maxAssetSize:30000000,//只给出js文件的性能提示asse
- 打包后页面图片加载失败
彩云_789d
一、页面空白1.在webpack.prod.conf.js中output添加参数publicPath:'./'2.在webpack.base.conf.js里修改成publicPath:process.env.NODE_ENV==='production'?'./'+config.build.assetsPublicPath:'./'+config.dev.assetsPublicPath二、背景
- vue项目中集成cesium的方法(webpack+vue-cli进行构建)
LUCKY_IT
vue.jsnode.jsjavascript
一、下载cesium依赖(
[email protected])
[email protected]二、1、修改build/webpack.base.conf.js文件,如下:附上代码/**引入cesium*/constcesiumSource='../node_modules/cesium/Source'amd:{toUrlUndefined:true},sourcePrefix:'','C
- nginx根据前缀代理多个Vue项目
樱花舞
为了节省域名,在同域名下根据不同路径前缀用nginx代理多个Vue项目。1、修改Vue项目配置首先修改build/webpack.base.conf.js文件,把publicPath:process.env.NODE_ENV==='production'改为publicPath:process.env.NODE_ENV==='production'?'/pc':'',其中/pc是作为一个项目的前缀
- 百度地图再vue中的引入方式
葫芦娃y
地图百度vue.js前端
使用方式一1.在public->index.html引入ak=自己的密钥2.若是vue2.0就是lib/webpack.base.conf.js加入以下代码,若是vue3.0就在最外层创建一个这个文件module.exports={//百度地图配置externals:{BMap:"BMap"}};3.在vue文件mounted挂载mounted(){//const_this=this;varmap
- Vue项目引入jQuery
Leil1230
安装jQuery模块:npminstalljquery-d编辑build/webpack.base.conf.js配置文件添加如下配置://使用webpack模块constwebpack=require('webpack')在最下方添加如下代码:plugins:[newwebpack.ProvidePlugin({jQuery:'jquery',$:'jquery'})]引入jQuery完成测试是
- Can't resolve 'sass-loader' in...错误的解决办法
王家小雷
下面是官方SassLoader的引入方法SassLoade官方仓库:npminstallsass-loadernode-sasswebpack--save-devnpminstallstyle-loadercss-loader--save-dev在webpack.base.conf.js里面加{test:/.scss$/,loaders:["style","css","sass"]},
- vue脚手架生成的项目让它支持less预处理器
初遇你时动了情
vue
安装减少开销less-loader--seave-dev安装less依赖,npminstalllessless-loader--save第二步:在配置文件中配置通过VUE-CLI来构建项目,这一步是可以省略的。在webpack.dev.conf.js中,可以看到下面的代码:装成功后,打开build/webpack.base.conf.js,在module.exports=的对象的module.ru
- 关闭vue的代码规范检测
优秀的阁
代码规范
前言:vue项目有严格的代码规范检测机制,在平时开发中经常因为多一个空格少一个空格,单双引号报错。常见错误:解决方法:vue项目→build→webpack.base.conf.js找到...(config.dev.useEslint?[createLintingRule()]:[])注释掉就可以了最后重新启动服务就可以了。
- vue如何关闭eslint检测(多种方法)
@小花76
vue+elementuivue.jsjavascript前端
问题在创建项目的时候选择了eslint,但是在开发时到处提示报错(多个空格,多一行都报错),人都麻了解决1.webpack.base.conf.js去掉框选部分2.源头扼杀创建项目时不要选择eslint3.webstorm如果用的webstorm开发4.创建的项目没有webpack.base.conf.js文件,但是有.eslintrc.js@vue/standard这个注释掉就可以了5.目录没有
- vue中结合animate.css实现元素动画入场
luck_lin
frameclassvue动画animate
话不多说先看下demo的GIF:1.首先引入animate.css,可以直接在index.html中cdn引入;2.其次在开发这种动画较多的页面我觉得还是引用jquery比较方便,操作dom稍多,我这里没有使用jquery,就想复习复习原生js。可以npm安装,在build/webpack.base.conf.js中定义插件:varwebpack=require('webpack');在modul
- VUE使用jquery
小山坡月
1、安装jquerynpminstalljquery--save2、在项目build里的webpack.base.conf.js里加载webpack文件constwebpack=require('webpack'),注意,要放在配置文件第一行'usestrict'constwebpack=require('webpack')//添加这一行constpath=require('path')const
- vue 展示md文件 并支持md样式
懿小梦
在封装组件库时,想要把md文件直接嵌套在页面内,并保证md的样式不变,网上找了很多方法都是v-html,只展示md文件的内容,样式并没有保存,下面说一下,我查完资料之后使用的方法。image.png1.在webpack.base.conf.js的规则rules加入{test:/\.md$/,loader:'vue-markdown-loader',//options:vueMarkdown,},2
- vue 搭建后台系统模块化开发
aimee66
效果image.png目录结构├──README.md├──build│├──build.js│├──check-versions.js│├──logo.png│├──utils.js│├──vue-loader.conf.js│├──webpack.base.conf.js│├──webpack.dev.conf.js│└──webpack.prod.conf.js├──config│├──de
- vue build打包之后页面空白以及背景图片不加载
安徒生1997
1.打开webpack.prod.conf.jspublicPath:'./',2.打开webpack.base.conf.js?'./'+config.build.assetsPublicPath:'./'+config.dev.assetsPublicPath3.打开config->index.jsassetsPublicPath:'./',4.修改背景图不显示,utils.jspublicP
- 【转载】在vue中使用less px自动转成rem(px2rem-loader) 并配置公用less文件(不用每个vue文件都引一次)
Piemon_Jay
原文链接:https://blog.csdn.net/weixin_43417444/article/details/103348769第一步:安装lesscnpminstalllessless-loader--save接下来找到bulid目录下的webpack.base.conf.js并打开,加上这句话(其实不加也可以)module:{rules:[...{test:/\.less$/,load
- vue中 Export2Excel 将 table 导成 excel方法
Rainbow_Xjj
1.安装依赖:npminstall-Sfile-savernpminstall-Sxlsxnpminstall-Dscript-loader注意:如果页面中存在图中问题在webpack.base.conf.js里面增加resolve下一行代码‘vendor’:path.resolve(__dirname,‘…/src/vendor’)2.在项目中创建一个文件vendor,src目录下创建,把Blo
- java类加载顺序
3213213333332132
java
package com.demo;
/**
* @Description 类加载顺序
* @author FuJianyong
* 2015-2-6上午11:21:37
*/
public class ClassLoaderSequence {
String s1 = "成员属性";
static String s2 = "
- Hibernate与mybitas的比较
BlueSkator
sqlHibernate框架ibatisorm
第一章 Hibernate与MyBatis
Hibernate 是当前最流行的O/R mapping框架,它出身于sf.net,现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。
MyBatis 参考资料官网:http:
- php多维数组排序以及实际工作中的应用
dcj3sjt126com
PHPusortuasort
自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8&q
- DOM改变字体大小
周华华
前端
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q
- c3p0的配置
g21121
c3p0
c3p0是一个开源的JDBC连接池,它实现了数据源和JNDI绑定,支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是:http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。
以在spring中配置dataSource为例:
<!-- spring加载资源文件 -->
<bean name="prope
- Java获取工程路径的几种方法
510888780
java
第一种:
File f = new File(this.getClass().getResource("/").getPath());
System.out.println(f);
结果:
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin
获取当前类的所在工程路径;
如果不加“
- 在类Unix系统下实现SSH免密码登录服务器
Harry642
免密ssh
1.客户机
(1)执行ssh-keygen -t rsa -C "
[email protected]"生成公钥,xxx为自定义大email地址
(2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上,xxx为服务器地址
(3)执行cat
- Java新手入门的30个基本概念一
aijuans
javajava 入门新手
在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。 Java概述: 目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
- Memcached for windows 简单介绍
antlove
javaWebwindowscachememcached
1. 安装memcached server
a. 下载memcached-1.2.6-win32-bin.zip
b. 解压缩,dos 窗口切换到 memcached.exe所在目录,运行memcached.exe -d install
c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
- 数据库对象的视图和索引
百合不是茶
索引oeacle数据库视图
视图
视图是从一个表或视图导出的表,也可以是从多个表或视图导出的表。视图是一个虚表,数据库不对视图所对应的数据进行实际存储,只存储视图的定义,对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图
为什么oracle需要视图;
&
- Mockito(一) --入门篇
bijian1013
持续集成mockito单元测试
Mockito是一个针对Java的mocking框架,它与EasyMock和jMock很相似,但是通过在执行后校验什么已经被调用,它消除了对期望 行为(expectations)的需要。其它的mocking库需要你在执行前记录期望行为(expectations),而这导致了丑陋的初始化代码。
&nb
- 精通Oracle10编程SQL(5)SQL函数
bijian1013
oracle数据库plsql
/*
* SQL函数
*/
--数字函数
--ABS(n):返回数字n的绝对值
declare
v_abs number(6,2);
begin
v_abs:=abs(&no);
dbms_output.put_line('绝对值:'||v_abs);
end;
--ACOS(n):返回数字n的反余弦值,输入值的范围是-1~1,输出值的单位为弧度
- 【Log4j一】Log4j总体介绍
bit1129
log4j
Log4j组件:Logger、Appender、Layout
Log4j核心包含三个组件:logger、appender和layout。这三个组件协作提供日志功能:
日志的输出目标
日志的输出格式
日志的输出级别(是否抑制日志的输出)
logger继承特性
A logger is said to be an ancestor of anothe
- Java IO笔记
白糖_
java
public static void main(String[] args) throws IOException {
//输入流
InputStream in = Test.class.getResourceAsStream("/test");
InputStreamReader isr = new InputStreamReader(in);
Bu
- Docker 监控
ronin47
docker监控
目前项目内部署了docker,于是涉及到关于监控的事情,参考一些经典实例以及一些自己的想法,总结一下思路。 1、关于监控的内容 监控宿主机本身
监控宿主机本身还是比较简单的,同其他服务器监控类似,对cpu、network、io、disk等做通用的检查,这里不再细说。
额外的,因为是docker的
- java-顺时针打印图形
bylijinnan
java
一个画图程序 要求打印出:
1.int i=5;
2.1 2 3 4 5
3.16 17 18 19 6
4.15 24 25 20 7
5.14 23 22 21 8
6.13 12 11 10 9
7.
8.int i=6
9.1 2 3 4 5 6
10.20 21 22 23 24 7
11.19
- 关于iReport汉化版强制使用英文的配置方法
Kai_Ge
iReport汉化英文版
对于那些具有强迫症的工程师来说,软件汉化固然好用,但是汉化不完整却极为头疼,本方法针对iReport汉化不完整的情况,强制使用英文版,方法如下:
在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数,即可变为英文版。
# ${HOME} will be replaced by user home directory accordin
- [并行计算]论宇宙的可计算性
comsci
并行计算
现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......
那么,这种概念让我们推论出一个结论
&nb
- 用OpenGL实现无限循环的coverflow
dai_lm
androidcoverflow
网上找了很久,都是用Gallery实现的,效果不是很满意,结果发现这个用OpenGL实现的,稍微修改了一下源码,实现了无限循环功能
源码地址:
https://github.com/jackfengji/glcoverflow
public class CoverFlowOpenGL extends GLSurfaceView implements
GLSurfaceV
- JAVA数据计算的几个解决方案1
datamachine
javaHibernate计算
老大丢过来的软件跑了10天,摸到点门道,正好跟以前攒的私房有关联,整理存档。
-----------------------------华丽的分割线-------------------------------------
数据计算层是指介于数据存储和应用程序之间,负责计算数据存储层的数据,并将计算结果返回应用程序的层次。J
&nbs
- 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式
dcj3sjt126com
yii
怎么创建一个简单的(非 RBAC)用户授权系统
通过查看论坛,我发现这是一个常见的问题,所以我决定写这篇文章。
本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库
首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类
在配置文件(一般为 protecte
- 未选之路
dcj3sjt126com
诗
作者:罗伯特*费罗斯特
黄色的树林里分出两条路,
可惜我不能同时去涉足,
我在那路口久久伫立,
我向着一条路极目望去,
直到它消失在丛林深处.
但我却选了另外一条路,
它荒草萋萋,十分幽寂;
显得更诱人,更美丽,
虽然在这两条小路上,
都很少留下旅人的足迹.
那天清晨落叶满地,
两条路都未见脚印痕迹.
呵,留下一条路等改日再
- Java处理15位身份证变18位
蕃薯耀
18位身份证变15位15位身份证变18位身份证转换
15位身份证变18位,18位身份证变15位
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 201
- SpringMVC4零配置--应用上下文配置【AppConfig】
hanqunfeng
springmvc4
从spring3.0开始,Spring将JavaConfig整合到核心模块,普通的POJO只需要标注@Configuration注解,就可以成为spring配置类,并通过在方法上标注@Bean注解的方式注入bean。
Xml配置和Java类配置对比如下:
applicationContext-AppConfig.xml
<!-- 激活自动代理功能 参看:
- Android中webview跟JAVASCRIPT中的交互
jackyrong
JavaScripthtmlandroid脚本
在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之:
1 JAVASCRIPT脚本调用android程序
要在webview中,调用addJavascriptInterface(OBJ,int
- 8个最佳Web开发资源推荐
lampcy
编程Web程序员
Web开发对程序员来说是一项较为复杂的工作,程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助,比如指导手册、在线课程和一些参考资料,而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言,或是了解最新的标准,还是需要从其他地方找到一些灵感,我们这里为你整理了一些很好的Web开发资源,帮助你更成功地进行Web开发。
这里列出10个最佳Web开发资源,它们都是受
- 架构师之面试------jdk的hashMap实现
nannan408
HashMap
1.前言。
如题。
2.详述。
(1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法(其实也就是简单的加乘算法),如下代码来生成数组下标(生成后indexFor一下就成下标了)。
static int hash(int h)
{
h ^= (h >>> 20) ^ (h >>>
- html禁止清除input文本输入缓存
Rainbow702
html缓存input输入框change
多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。
如果不想让浏览器缓存input的值,有2种方法:
方法一: 在不想使用缓存的input中添加 autocomplete="off";
<input type="text" autocomplete="off" n
- POJO和JavaBean的区别和联系
tjmljw
POJOjava beans
POJO 和JavaBean是我们常见的两个关键字,一般容易混淆,POJO全称是Plain Ordinary Java Object / Pure Old Java Object,中文可以翻译成:普通Java类,具有一部分getter/setter方法的那种类就可以称作POJO,但是JavaBean则比 POJO复杂很多, Java Bean 是可复用的组件,对 Java Bean 并没有严格的规
- java中单例的五种写法
liuxiaoling
java单例
/**
* 单例模式的五种写法:
* 1、懒汉
* 2、恶汉
* 3、静态内部类
* 4、枚举
* 5、双重校验锁
*/
/**
* 五、 双重校验锁,在当前的内存模型中无效
*/
class LockSingleton
{
private volatile static LockSingleton singleton;
pri