- 基于vue-cli3,全局集成 scss | sass
PHP的点滴
Css的预处理器如果项目中没有scss预处理器,需要安装npminstall-Dsass-loadernode-sass修改配置文件vue.config.jsconstfs=require('fs')module.exports={css:{loaderOptions:{sass:{data:fs.readFileSync('src/assets/css/variable.scss','utf-8
- vue将两个项目整合成一个
ToOTOooo
vue.js前端javascript
关于自动化部署两个项目合并一个项目的解决方案vue-cli3多项目整合到一个项目中维护打包发布vue-cli3多项目整合到一个项目中维护打包发布
- 小程序跳转H5实现长截图功能;vue-cli3通过rem适配
怪哈哈
小程序jsvue前端
一、需求: 微信小程序部分页面需要一键长图的功能。 通过html2canvas插件可以实现,具体可参考微信小程序实现一键长图并保存图片到相册。由于该插件只能在H5项目中使用,则需要截图的小程序页面点击后跳转到H5页面,把所需的token及接口参数带过去,在H5页面进行长截图并保存或转发,点击左上角返回即回到小程序。二、思路: 首先,考虑需要长截图的页面根据需求可能会迭代增加,新建了一个vue
- Vue项目部署优化
硅谷干货
前言使用vue、react、angular等技术开发过程中,我们都会遇到以下问题:首屏加载慢每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽)这两个问题可以从很多方面进行优化,今天我就从前端页面部署阶段来优化一下这两个问题。PS:以下内容都基于vue-cli3+。晨曦:为什么整个互联网行业都缺前端工程师?44赞同·8评论文章前端页面文件缓存方案从vue-cli3打包说起路由使用按需加载后
- webpack.config.js和vue.config.js的区别
武当王也拜见老天师
vuewebpackvue.js
webpack.config.js是webpack的配置文件,所有使用webpack作为打包工具的项目都可以使用,vue的项目可以使用,react的项目也可以使用。vue.config.js是vue项目的配置文件,专用于vue项目。通过vue.config.js中常用功能的配置,简化了配置工作,当然如果需要更专业的配置工作,两者在vue项目中是可以并存的。vue-cli3创建的时候并不会自动创建v
- vue-cli3脚手架搭建vue项目,关闭eslint
jsDmast
亲测有用在根目录下的vue.config.js中添加lintOnSave:false即可,如下图eslint.jpg
- vue-cli3配置跨域
coolSummer003
在根目录下创建vue.config.js//vue.config.jsmodule.exports={publicPath:'/',devServer:{proxy:{'/api':{target:'https://aip.baidubce.com',//对应自己的接口changeOrigin:true,secure:false,ws:true,pathRewrite:{'^/api':''}}}
- "export 'default' (imported as 'Vue') was not found in 'vue'
鱼干儿
引入ant-desing-vue中一开始按照官网ant-desing-vue在vue-cli3中使用的要求进行,后续安装和初始化文成后修改src/main.js,引入antd的按钮组件以及全部样式文件就照搬了以下内容:图1结果总是提示我"export'default'(importedas'Vue')wasnotfoundin'vue':图2后来才知道自己用的是vue-cli4(4.5.0版本的脚
- vue-cli3项目ie浏览器白屏兼容问题
赵羽珩
第一步:安装babel-polyfill依赖npminstallbabel-polyfill--save-dev在main.js文件中引用这个库,import'babel-polyfill'第二步:安装es6-promise依赖npminstalles6-promise--save-dev在main.js文件引入下面的内容。importpromisefrom'es6-promise'和promis
- 前端面试题(四)(Vue-cli篇)建议收藏,持续更新中...
短暂又灿烂的
vue-cli3前端vue.jsjavascript面试
vue-cli3你有使用过吗?它和2.x版本有什么区别?VueCLI的包名称由vue-cli改成了@vue/clivuecli3npminstall-g@vue/clivuecreatehello-worldvuecli2.xnpminstall-gvue-clivueinitwebpackmy-projectvue-cli默认是单页面的,那要弄成多页面该怎么办呢创建多个app?app=newVu
- Vue-Cli3 - 从安装 nodejs 配置环境 ~ 搭建 cli 脚手架项目全过程
陈亦康
Vuevue.jsui前端
目录前言提示一、安装&配置nodejs1.1、安装nodejs1.2、配置必要目录1.3、配置环境变量1.4、测试安装&配置是否成功1.5、安装淘宝镜像1.5、cnpm安装(推荐安装)二、vue-cli3创建项目2.1、vue-cli2和vue-cli3主要区别2.2、安装vue-cli32.3、创建vue-cli3脚手架2.4、启动项目前言提示以下过程凡是涉及到终端的使用,一定都要使用管理员方式
- 打包vue-cli3创建的app的跨域问题
coolSummer003
使用axios时打包时将axios.default.baseURL添加上不然打包后请求时会没有请求头
- vue-cli3热更新失效
拼命十三娘
vuevue-cli3
问题:vue-cli3搭建项目之后,修改文件保存后,页面不会自动刷新。解决:在vue.config.js文件中添加如下配置:
- vue-cli3创建的项目设置自动打开浏览器
拼命十三娘
vuevue-cli
问题:Vue-cli3.0创建的vue项目不能自动打开浏览器解决:步骤一:在根目录下创建一个vue.config.js的文件内容:module.exports={//baseUrltype:{string}default:’/’//将部署应用程序的基本URL//将部署应用程序的基本URL。//默认情况下,VueCLI假设您的应用程序将部署在域的根目录下。//https://www.my-app.c
- vue-cli3运行npm run serve修改为npm run dev
大大。
vue相关vue.jsnpmjavascript
使用vue-cli3搭建项目,然后使用npmrundev命令运行发现项目运行报错。vue-cli3运行项目的命令应该是npmrunserve,那如何修改为npmrundev呢?可以直接在package.json文件里面把serve修改dev即可。默认是如下找到package.json文件,打开文件找到"serve":"vue-cli-serviceserve"这一行,把前面的serve修改dev后
- vue-cli3创建vue项目两种方式
隔壁老樊啊
下载安装vue-cli脚手架VUECLI3的包名称由vue-cli改成@vue/cli。如果你已经安装了旧版本的vue-cli(1.x或2.x),你先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。cnpminstall@vue/cli-gyarnglobaladd@vue/cli检查安装vue-V//大写Vimage.png使用命令行来创建v
- vue上传文件or上传图片文件小结
颂温暖
新到手一个文件上传功能,具体实现是,当截图之后,在文本框中或者type=file的文本框中,粘贴的时候(ctrl+v)实现图片的上传具体步骤是上传的时候需要验证传参token,那么实现的具体步骤就是,先登录获取token,然后再在请求头传入token两个大步骤实现我这里是使用vue-cli3实现,很久没用过,配置用了很多时间,大概这个功能,从告知我,到完成上传用了一天的时间,70%的时间花费在了v
- Vue-cli3配合Mint UI移动端开发rem的计算问题
尤樊容
在使用Vue-cli3开发移动端的时候需要注意移动端适配的问题我是使用rem来做的,所以需要使用postcss-px2rem进行统一转换首先需要安装一下postcss-px2rem:npminstallpostcss-px2rem--save-dev然后在vue.config.js文件(vue.config.js文件在vue-cli3中默认是没有的,需要自己手动在根目录下创建)中添加以下代码:mo
- htmlWebpackPlugin.options.title
白小码
前端知识vue2.0学习笔记javascript前端
vue项目中当你去index.html配置标题名,看见以下这些,可用下面去修改vue-cli3脚手架的项目下,在根目录的vue.config.js中添加如下代码chainWebpack:config=>{config.plugin('html').tap(args=>{args[0].title='你的标题名字'returnargs})},
- Vue-cli3 + Cesium1.63版本以上 开发环境配置
心淡然如水
1.Vue3创建项目vuecreatetdmap2.npm引入Cesium包cnpminstallcesium--save3.新增配置文件constCopyWebpackPlugin=require('copy-webpack-plugin')constwebpack=require('webpack')constpath=require('path')constdebug=process.env
- webpack-bundle-analyzer 文件可视化分析工具
誰在花里胡哨
image.pngnpm仓库地址有关文章:【译】webpack小札:充分利用CommonsChunkPlugin()vue-cli3安装步骤npminstallwebpack-bundle-analyzer--save-dev在vue.config.js配置module.exports={chainWebpack:config=>{config.plugin('webpack-bundle-ana
- vue-cli3中PC端大屏自适应
脑瓜不疼
大前端vue.js
目录第一步:安装插件第二步:装好之后在main.js里引入lib-flexible第三步:在vue.config.js中添加配置第四步:设置flexible.js的宽度根据屏幕大小自动适配,修改flexible.js文件,(全局搜索flexible.js)第五步:设置完成后重新启动项目,查看效果前期准备:vue2.0vue-cli3脚手架flexible插件自适应插件px2rem-loader插件
- VS CODE之vue.js基本知识一
w??oo.
vuevuevue.jscss3html
vscode建项目布置切换使用语言:搜索框直接搜索该语言的英文,点击安装即可文件目录管理:设置颜色主题:一些通用操作:推荐安装的插件Vue.js项目技术栈Vue.js,Vue-Router,webpack,axios,Vue-cli3,Vuex,Vue组件器(Element-UI…)技术间的联系vue的细节分析前端渲染(把数据和模板填到HTML标签中):渲染方式:原生js拼接字符串使用前端模板引擎
- vue-cli3生产环境去掉console.log
一人创客
第一步首先安装terser-webpack-plugincnpminstallterser-webpack-plugin-D第二步在vue.config.js文件里写插件的配置:module.exports={configureWebpack:(config)=>{if(process.env.NODE_ENV==='production'){config.optimization.minimiz
- vue-cli3 本地跨域代理配置(多域名)
Piscoo
vue-cli3的vue.config.js多域名跨域本地代理配置背景在做项目时碰到了需要请求好几个域名下的接口的情况,而接口是确定没问题的,所以没有后台的同事介入,只能自己本地代理解决跨域的问题。思路在devServer.proxy中配置多个域名的代理,然后在pathRewrite中replace成'',这样在请求后台接口时如果匹配到相应的代理名,如:http://127.0.0.1:8088/
- vue-cli3/webpack打包时去掉console.log调试信息
骆骆爱学习
vue.jswebpack前端
文章目录前言一、terser-webpack-plugin是什么?二、使用配置vue-cli项目前言开发环境下,console.log调试信息,有助于我们找到错误,但在生产环境,不需要console.log打印调试信息,所以打包时需要将console.log调试信息过滤清除。一、terser-webpack-plugin是什么?该插件使用terser来压缩JavaScript。terser-web
- Vue-cli3 设置接口代理
QYiZHong
在根目录下的vue.config.js的module.exports加入如下内容:devServer:{proxy:{'/api':{target:'http://你的域名/'}}}/api为域名后面请求接口的url本地开发是跨域需要后台开放跨域
- vue-cli3解决跨域问题
雾里看花_5b5b
vue-cli3脚手架创建完毕不会有config文件,需要我们自己配置,并且官网有详细的配置列表。在根目录下创建vue.config.js即package.json同级在vue.config.js内进行以下配置module.exports={outputDir:'dist',//build输出目录默认不需要配置assetsDir:'assets',//静态资源目录(js,css,img)默认不需要
- node+vue+mysql后台管理系统
ichterry
前端node.jsvue后台管理系统mysql
千千博客系统,该项目作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统开发。基于vue.js,使用vue-cli3脚手架,引用ElementUI组件库,数据库直连mysql方便开发快速简洁好看的组件。功能包含如下:-[x]ElementUI-[x]登录/注销-[x]Dashboard-[x]表格-[x]Tab选项卡-[x]表单-[x]图表:bar_chart:-[x]富文本编辑器-[x]m
- vue实战第一天
奔走的沙随风而动
Vue技术栈开发实战-使用vue-cli3创建项目使用VueUI创建、管理项目这里的vue-cli必须是3.x,我以前下的居然是vue-cli2.x,因为vue-cli的包名变成了@vue-cli项目结构目录整理初始文件添加D:\Vs_code\复习\Vue\vue-course├─.browserslistrc├─.editorconfig------------vscode配置文件,自己加的├
- java数字签名三种方式
知了ing
javajdk
以下3钟数字签名都是基于jdk7的
1,RSA
String password="test";
// 1.初始化密钥
KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA");
keyPairGenerator.initialize(51
- Hibernate学习笔记
caoyong
Hibernate
1>、Hibernate是数据访问层框架,是一个ORM(Object Relation Mapping)框架,作者为:Gavin King
2>、搭建Hibernate的开发环境
a>、添加jar包:
aa>、hibernatte开发包中/lib/required/所
- 设计模式之装饰器模式Decorator(结构型)
漂泊一剑客
Decorator
1. 概述
若你从事过面向对象开发,实现给一个类或对象增加行为,使用继承机制,这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法,或者须要给方法添加更多的功能(魅力),你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。
- 读取磁盘文件txt,并输入String
一炮送你回车库
String
public static void main(String[] args) throws IOException {
String fileContent = readFileContent("d:/aaa.txt");
System.out.println(fileContent);
- js三级联动下拉框
3213213333332132
三级联动
//三级联动
省/直辖市<select id="province"></select>
市/省直辖<select id="city"></select>
县/区 <select id="area"></select>
- erlang之parse_transform编译选项的应用
616050468
parse_transform游戏服务器属性同步abstract_code
最近使用erlang重构了游戏服务器的所有代码,之前看过C++/lua写的服务器引擎代码,引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能,这也是现在很多游戏服务器的优化方向,在引擎层面去解决数据同步和数据持久化,数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
- JAVA JSON的解析
darkranger
java
// {
// “Total”:“条数”,
// Code: 1,
//
// “PaymentItems”:[
// {
// “PaymentItemID”:”支款单ID”,
// “PaymentCode”:”支款单编号”,
// “PaymentTime”:”支款日期”,
// ”ContractNo”:”合同号”,
//
- POJ-1273-Drainage Ditches
aijuans
ACM_POJ
POJ-1273-Drainage Ditches
http://poj.org/problem?id=1273
基本的最大流,按LRJ的白书写的
#include<iostream>
#include<cstring>
#include<queue>
using namespace std;
#define INF 0x7fffffff
int ma
- 工作流Activiti5表的命名及含义
atongyeye
工作流Activiti
activiti5 - http://activiti.org/designer/update在线插件安装
activiti5一共23张表
Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。
ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 (图片,规则,等等)。
A
- android的广播机制和广播的简单使用
百合不是茶
android广播机制广播的注册
Android广播机制简介 在Android中,有一些操作完成以后,会发送广播,比如说发出一条短信,或打出一个电话,如果某个程序接收了这个广播,就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播,就是因为它只负责“说”而不管你“听不听”,也就是不管你接收方如何处理。另外,广播可以被不只一个应用程序所接收,当然也可能不被任何应
- Spring事务传播行为详解
bijian1013
javaspring事务传播行为
在service类前加上@Transactional,声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。
Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
- eidtplus operate
征客丶
eidtplus
开启列模式: Alt+C 鼠标选择 OR Alt+鼠标左键拖动
列模式替换或复制内容(多行):
右键-->格式-->填充所选内容-->选择相应操作
OR
Ctrl+Shift+V(复制多行数据,必须行数一致)
-------------------------------------------------------
- 【Kafka一】Kafka入门
bit1129
kafka
这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765),这里把它单独取出来,作为Kafka的入门吧
下载Kafka
http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz
2.10表示Scala的版本,而0.8.1.1表示Kafka
- Spring 事务实现机制
BlueSkator
spring代理事务
Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象,其实是代理对象的实例,并不是我们所写的Service对象实例。既然是两个不同的对象,那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢?为了说明问题,假设有个Service类叫AService,它的Spring事务代理类为AProxyService,AService实现了一个接口
- bootstrap源码学习与示例:bootstrap-dropdown(转帖)
BreakingBad
bootstrapdropdown
bootstrap-dropdown组件是个烂东西,我读后的整体感觉。
一个下拉开菜单的设计:
<ul class="nav pull-right">
<li id="fat-menu" class="dropdown">
- 读《研磨设计模式》-代码笔记-中介者模式-Mediator
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
* 中介者模式(Mediator):用一个中介对象来封装一系列的对象交互。
* 中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。
*
* 在我看来,Mediator模式是把多个对象(
- 常用代码记录
chenjunt3
UIExcelJ#
1、单据设置某行或某字段不能修改
//i是行号,"cash"是字段名称
getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false);
//取得单据表体所有项用以上语句做循环就能设置整行了
getBillC
- 搜索引擎与工作流引擎
comsci
算法工作搜索引擎网络应用
最近在公司做和搜索有关的工作,(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了,偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍,我发现这样一个关系(仅仅是猜想)
-----搜索引擎和流程引擎的基础--都是图论,至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
- oracle Health Monitor
daizj
oracleHealth Monitor
About Health Monitor
Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database.
About Health Monitor Checks
Health M
- JSON字符串转换为对象
dieslrae
javajson
作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.
- C语言学习八结构体,综合应用,学生管理系统
dcj3sjt126com
C语言
实现功能的代码:
# include <stdio.h>
# include <malloc.h>
struct Student
{
int age;
float score;
char name[100];
};
int main(void)
{
int len;
struct Student * pArr;
int i,
- vagrant学习笔记
dcj3sjt126com
vagrant
想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant
1. vagrant virtualbox 下载安装
https://www.vagrantup.com/downloads.html
https://www.virtualbox.org/wiki/Downloads
查看安装在命令行输入vagrant
2.
- 14.性能优化-优化-软件配置优化
frank1234
软件配置性能优化
1.Tomcat线程池
修改tomcat的server.xml文件:
<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
- 一个不错的shell 脚本教程 入门级
HarborChung
linuxshell
一个不错的shell 脚本教程 入门级
建立一个脚本 Linux中有好多中不同的shell,但是通常我们使用bash (bourne again shell) 进行shell编程,因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash(但是在大多数情况下,这些脚本同样可以在 bash的大姐,bourne shell中运行)。 如同其他语言一样
- Spring4新特性——核心容器的其他改进
jinnianshilongnian
spring动态代理spring4依赖注入
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- Linux设置tomcat开机启动
liuxingguome
tomcatlinux开机自启动
执行命令sudo gedit /etc/init.d/tomcat6
然后把以下英文部分复制过去。(注意第一句#!/bin/sh如果不写,就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。
#!/bin/bash
#
# /etc/rc.d/init.d/tomcat
# init script for tomcat precesses
- 第13章 Ajax进阶(下)
onestopweb
Ajax
index.html
<!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/
- Troubleshooting Crystal Reports off BW
blueoxygen
BO
http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE
Quite useful, especially this part:
SAP BW connectivity
For t
- Java开发熟手该当心的11个错误
tomcat_oracle
javajvm多线程单元测试
#1、不在属性文件或XML文件中外化配置属性。比如,没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中,还是UAT(用户验收
测试)环境中,都可以顺畅无阻地运行,但是一旦部署在PROD 上,把它作为多线程程序处理更大的数据集时,就会抛出IOException,原因可能是JDBC驱动版本不同,也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置,那么使它成为
- 正则表达式大全
yang852220741
html编程正则表达式
今天向大家分享正则表达式大全,它可以大提高你的工作效率
正则表达式也可以被当作是一门语言,当你学习一门新的编程语言的时候,他们是一个小的子语言。初看时觉得它没有任何的意义,但是很多时候,你不得不阅读一些教程,或文章来理解这些简单的描述模式。
一、校验数字的表达式
数字:^[0-9]*$
n位的数字:^\d{n}$
至少n位的数字:^\d{n,}$
m-n位的数字:^\d{m,n}$