- 基于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配置文件,自己加的├
- 算法 单链的创建与删除
换个号韩国红果果
c算法
先创建结构体
struct student {
int data;
//int tag;//标记这是第几个
struct student *next;
};
// addone 用于将一个数插入已从小到大排好序的链中
struct student *addone(struct student *h,int x){
if(h==NULL) //??????
- 《大型网站系统与Java中间件实践》第2章读后感
白糖_
java中间件
断断续续花了两天时间试读了《大型网站系统与Java中间件实践》的第2章,这章总述了从一个小型单机构建的网站发展到大型网站的演化过程---整个过程会遇到很多困难,但每一个屏障都会有解决方案,最终就是依靠这些个解决方案汇聚到一起组成了一个健壮稳定高效的大型系统。
看完整章内容,
- zeus持久层spring事务单元测试
deng520159
javaDAOspringjdbc
今天把zeus事务单元测试放出来,让大家指出他的毛病,
1.ZeusTransactionTest.java 单元测试
package com.dengliang.zeus.webdemo.test;
import java.util.ArrayList;
import java.util.List;
import org.junit.Test;
import
- Rss 订阅 开发
周凡杨
htmlxml订阅rss规范
RSS是 Really Simple Syndication的缩写(对rss2.0而言,是这三个词的缩写,对rss1.0而言则是RDF Site Summary的缩写,1.0与2.0走的是两个体系)。
RSS
- 分页查询实现
g21121
分页查询
在查询列表时我们常常会用到分页,分页的好处就是减少数据交换,每次查询一定数量减少数据库压力等等。
按实现形式分前台分页和服务器分页:
前台分页就是一次查询出所有记录,在页面中用js进行虚拟分页,这种形式在数据量较小时优势比较明显,一次加载就不必再访问服务器了,但当数据量较大时会对页面造成压力,传输速度也会大幅下降。
服务器分页就是每次请求相同数量记录,按一定规则排序,每次取一定序号直接的数据
- spring jms异步消息处理
510888780
jms
spring JMS对于异步消息处理基本上只需配置下就能进行高效的处理。其核心就是消息侦听器容器,常用的类就是DefaultMessageListenerContainer。该容器可配置侦听器的并发数量,以及配合MessageListenerAdapter使用消息驱动POJO进行消息处理。且消息驱动POJO是放入TaskExecutor中进行处理,进一步提高性能,减少侦听器的阻塞。具体配置如下:
- highCharts柱状图
布衣凌宇
hightCharts柱图
第一步:导入 exporting.js,grid.js,highcharts.js;第二步:写controller
@Controller@RequestMapping(value="${adminPath}/statistick")public class StatistickController { private UserServi
- 我的spring学习笔记2-IoC(反向控制 依赖注入)
aijuans
springmvcSpring 教程spring3 教程Spring 入门
IoC(反向控制 依赖注入)这是Spring提出来了,这也是Spring一大特色。这里我不用多说,我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC,下面我将介绍不用Spring的IoC。
IoC不是框架,她是java的技术,如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明:
如:程序中有 Mysql.calss 、Oracle.class 、SqlSe
- TLS java简单实现
antlove
javasslkeystoretlssecure
1. SSLServer.java
package ssl;
import java.io.FileInputStream;
import java.io.InputStream;
import java.net.ServerSocket;
import java.net.Socket;
import java.security.KeyStore;
import
- Zip解压压缩文件
百合不是茶
Zip格式解压Zip流的使用文件解压
ZIP文件的解压缩实质上就是从输入流中读取数据。Java.util.zip包提供了类ZipInputStream来读取ZIP文件,下面的代码段创建了一个输入流来读取ZIP格式的文件;
ZipInputStream in = new ZipInputStream(new FileInputStream(zipFileName));
&n
- underscore.js 学习(一)
bijian1013
JavaScriptunderscore
工作中需要用到underscore.js,发现这是一个包括了很多基本功能函数的js库,里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。 学
- java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon)
bijian1013
javajvmjstatd
1.介绍
jstatd是一个基于RMI(Remove Method Invocation)的服务程序,它用于监控基于HotSpot的JVM中资源的创建及销毁,并且提供了一个远程接口允许远程的监控工具连接到本地的JVM执行命令。
jstatd是基于RMI的,所以在运行jstatd的服务
- 【Spring框架三】Spring常用注解之Transactional
bit1129
transactional
Spring可以通过注解@Transactional来为业务逻辑层的方法(调用DAO完成持久化动作)添加事务能力,如下是@Transactional注解的定义:
/*
* Copyright 2002-2010 the original author or authors.
*
* Licensed under the Apache License, Version
- 我(程序员)的前进方向
bitray
程序员
作为一个普通的程序员,我一直游走在java语言中,java也确实让我有了很多的体会.不过随着学习的深入,java语言的新技术产生的越来越多,从最初期的javase,我逐渐开始转变到ssh,ssi,这种主流的码农,.过了几天为了解决新问题,webservice的大旗也被我祭出来了,又过了些日子jms架构的activemq也开始必须学习了.再后来开始了一系列技术学习,osgi,restful.....
- nginx lua开发经验总结
ronin47
使用nginx lua已经两三个月了,项目接开发完毕了,这几天准备上线并且跟高德地图对接。回顾下来lua在项目中占得必中还是比较大的,跟PHP的占比差不多持平了,因此在开发中遇到一些问题备忘一下 1:content_by_lua中代码容量有限制,一般不要写太多代码,正常编写代码一般在100行左右(具体容量没有细心测哈哈,在4kb左右),如果超出了则重启nginx的时候会报 too long pa
- java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5},1在栈顶。颠倒之后的栈为{5,4,3,2,1},5处在栈顶
bylijinnan
java
import java.util.Stack;
public class ReverseStackRecursive {
/**
* Q 66.颠倒栈。
* 题目:用递归颠倒一个栈。例如输入栈{1,2,3,4,5},1在栈顶。
* 颠倒之后的栈为{5,4,3,2,1},5处在栈顶。
*1. Pop the top element
*2. Revers
- 正确理解Linux内存占用过高的问题
cfyme
linux
Linux开机后,使用top命令查看,4G物理内存发现已使用的多大3.2G,占用率高达80%以上:
Mem: 3889836k total, 3341868k used, 547968k free, 286044k buffers
Swap: 6127608k total,&nb
- [JWFD开源工作流]当前流程引擎设计的一个急需解决的问题
comsci
工作流
当我们的流程引擎进入IRC阶段的时候,当循环反馈模型出现之后,每次循环都会导致一大堆节点内存数据残留在系统内存中,循环的次数越多,这些残留数据将导致系统内存溢出,并使得引擎崩溃。。。。。。
而解决办法就是利用汇编语言或者其它系统编程语言,在引擎运行时,把这些残留数据清除掉。
- 自定义类的equals函数
dai_lm
equals
仅作笔记使用
public class VectorQueue {
private final Vector<VectorItem> queue;
private class VectorItem {
private final Object item;
private final int quantity;
public VectorI
- Linux下安装R语言
datageek
R语言 linux
命令如下:sudo gedit /etc/apt/sources.list1、deb http://mirrors.ustc.edu.cn/CRAN/bin/linux/ubuntu/ precise/ 2、deb http://dk.archive.ubuntu.com/ubuntu hardy universesudo apt-key adv --keyserver ke
- 如何修改mysql 并发数(连接数)最大值
dcj3sjt126com
mysql
MySQL的连接数最大值跟MySQL没关系,主要看系统和业务逻辑了
方法一:进入MYSQL安装目录 打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为 max_connections=1000 服务里重起MYSQL即可
方法二:MySQL的最大连接数默认是100客户端登录:mysql -uusername -ppass
- 单一功能原则
dcj3sjt126com
面向对象的程序设计软件设计编程原则
单一功能原则[
编辑]
SOLID 原则
单一功能原则
开闭原则
Liskov代换原则
接口隔离原则
依赖反转原则
查
论
编
在面向对象编程领域中,单一功能原则(Single responsibility principle)规定每个类都应该有
- POJO、VO和JavaBean区别和联系
fanmingxing
VOPOJOjavabean
POJO和JavaBean是我们常见的两个关键字,一般容易混淆,POJO全称是Plain Ordinary Java Object / Plain Old Java Object,中文可以翻译成:普通Java类,具有一部分getter/setter方法的那种类就可以称作POJO,但是JavaBean则比POJO复杂很多,JavaBean是一种组件技术,就好像你做了一个扳子,而这个扳子会在很多地方被
- SpringSecurity3.X--LDAP:AD配置
hanqunfeng
SpringSecurity
前面介绍过基于本地数据库验证的方式,参考http://hanqunfeng.iteye.com/blog/1155226,这里说一下如何修改为使用AD进行身份验证【只对用户名和密码进行验证,权限依旧存储在本地数据库中】。
将配置文件中的如下部分删除:
<!-- 认证管理器,使用自定义的UserDetailsService,并对密码采用md5加密-->
- mac mysql 修改密码
IXHONG
mysql
$ sudo /usr/local/mysql/bin/mysqld_safe –user=root & //启动MySQL(也可以通过偏好设置面板来启动)$ sudo /usr/local/mysql/bin/mysqladmin -uroot password yourpassword //设置MySQL密码(注意,这是第一次MySQL密码为空的时候的设置命令,如果是修改密码,还需在-
- 设计模式--抽象工厂模式
kerryg
设计模式
抽象工厂模式:
工厂模式有一个问题就是,类的创建依赖于工厂类,也就是说,如果想要拓展程序,必须对工厂类进行修改,这违背了闭包原则。我们采用抽象工厂模式,创建多个工厂类,这样一旦需要增加新的功能,直接增加新的工厂类就可以了,不需要修改之前的代码。
总结:这个模式的好处就是,如果想增加一个功能,就需要做一个实现类,
- 评"高中女生军训期跳楼”
nannan408
首先,先抛出我的观点,各位看官少点砖头。那就是,中国的差异化教育必须做起来。
孔圣人有云:有教无类。不同类型的人,都应该有对应的教育方法。目前中国的一体化教育,不知道已经扼杀了多少创造性人才。我们出不了爱迪生,出不了爱因斯坦,很大原因,是我们的培养思路错了,我们是第一要“顺从”。如果不顺从,我们的学校,就会用各种方法,罚站,罚写作业,各种罚。军
- scala如何读取和写入文件内容?
qindongliang1922
javajvmscala
直接看如下代码:
package file
import java.io.RandomAccessFile
import java.nio.charset.Charset
import scala.io.Source
import scala.reflect.io.{File, Path}
/**
* Created by qindongliang on 2015/
- C语言算法之百元买百鸡
qiufeihu
c算法
中国古代数学家张丘建在他的《算经》中提出了一个著名的“百钱买百鸡问题”,鸡翁一,值钱五,鸡母一,值钱三,鸡雏三,值钱一,百钱买百鸡,问翁,母,雏各几何?
代码如下:
#include <stdio.h>
int main()
{
int cock,hen,chick; /*定义变量为基本整型*/
for(coc
- Hadoop集群安全性:Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode
wyz2009107220
NameNode
正如大家所知,NameNode在Hadoop系统中存在单点故障问题,这个对于标榜高可用性的Hadoop来说一直是个软肋。本文讨论一下为了解决这个问题而存在的几个solution。
1. Secondary NameNode
原理:Secondary NN会定期的从NN中读取editlog,与自己存储的Image进行合并形成新的metadata image
优点:Hadoop较早的版本都自带,