- 基于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)初等行变换
qiuwanchi
矩阵求逆(JAVA)
package gaodai.matrix;
import gaodai.determinant.DeterminantCalculation;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;
/**
* 矩阵求逆(初等行变换)
* @author 邱万迟
*
- JDK timer
antlove
javajdkschedulecodetimer
1.java.util.Timer.schedule(TimerTask task, long delay):多长时间(毫秒)后执行任务
2.java.util.Timer.schedule(TimerTask task, Date time):设定某个时间执行任务
3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
- JVM调优总结 -Xms -Xmx -Xmn -Xss
coder_xpf
jvm应用服务器
堆大小设置JVM 中最大堆大小有三方面限制:相关操作系统的数据模型(32-bt还是64-bit)限制;系统的可用虚拟内存限制;系统的可用物理内存限制。32位系统下,一般限制在1.5G~2G;64为操作系统对内存无限制。我在Windows Server 2003 系统,3.5G物理内存,JDK5.0下测试,最大可设置为1478m。
典型设置:
java -Xmx
- JDBC连接数据库
Array_06
jdbc
package Util;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
public class JDBCUtil {
//完
- Unsupported major.minor version 51.0(jdk版本错误)
oloz
java
java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType)
at org.apache.catalina.loader.WebappClassL
- 用多个线程处理1个List集合
362217990
多线程threadlist集合
昨天发了一个提问,启动5个线程将一个List中的内容,然后将5个线程的内容拼接起来,由于时间比较急迫,自己就写了一个Demo,希望对菜鸟有参考意义。。
import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.CountDownLatch;
public c
- JSP简单访问数据库
香水浓
sqlmysqljsp
学习使用javaBean,代码很烂,仅为留个脚印
public class DBHelper {
private String driverName;
private String url;
private String user;
private String password;
private Connection connection;
privat
- Flex4中使用组件添加柱状图、饼状图等图表
AdyZhang
Flex
1.添加一个最简单的柱状图
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
<?xml version=
"1.0"&n
- Android 5.0 - ProgressBar 进度条无法展示到按钮的前面
aijuans
android
在低于SDK < 21 的版本中,ProgressBar 可以展示到按钮前面,并且为之在按钮的中间,但是切换到android 5.0后进度条ProgressBar 展示顺序变化了,按钮再前面,ProgressBar 在后面了我的xml配置文件如下:
[html]
view plain
copy
<RelativeLa
- 查询汇总的sql
baalwolf
sql
select list.listname, list.createtime,listcount from dream_list as list , (select listid,count(listid) as listcount from dream_list_user group by listid order by count(
- Linux du命令和df命令区别
BigBird2012
linux
1,两者区别
du,disk usage,是通过搜索文件来计算每个文件的大小然后累加,du能看到的文件只是一些当前存在的,没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。
- AngularJS中的$apply,用还是不用?
bijian1013
JavaScriptAngularJS$apply
在AngularJS开发中,何时应该调用$scope.$apply(),何时不应该调用。下面我们透彻地解释这个问题。
但是首先,让我们把$apply转换成一种简化的形式。
scope.$apply就像一个懒惰的工人。它需要按照命
- [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化
bit1129
zookeeper
ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类,它内部包含两个类,1. SendThread 2. EventThread, SendThread负责客户端和服务器端的数据通信,也包括事件信息的传输,EventThread主要在客户端回调注册的Watchers进行通知处理
ClientCnxn构造方法
&
- 【Java命令一】jmap
bit1129
Java命令
jmap命令的用法:
[hadoop@hadoop sbin]$ jmap
Usage:
jmap [option] <pid>
(to connect to running process)
jmap [option] <executable <core>
(to connect to a
- Apache 服务器安全防护及实战
ronin47
此文转自IBM.
Apache 服务简介
Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server),它是 Internet 上最常见也是使用最频繁的服务器之一,Web 服务器能够为用户提供网页浏览、论坛访问等等服务。
由于用户在通过 Web 浏览器访问信息资源的过程中,无须再关心一些技术性的细节,而且界面非常友好,因而 Web 在 Internet 上一推出就得到
- unity 3d实例化位置出现布置?
brotherlamp
unity教程unityunity资料unity视频unity自学
问:unity 3d实例化位置出现布置?
答:实例化的同时就可以指定被实例化的物体的位置,即 position
Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object
这样你不需要再用Transform.Position了,
如果你省略了第二个参数(
- 《重构,改善现有代码的设计》第八章 Duplicate Observed Data
bylijinnan
java重构
import java.awt.Color;
import java.awt.Container;
import java.awt.FlowLayout;
import java.awt.Label;
import java.awt.TextField;
import java.awt.event.FocusAdapter;
import java.awt.event.FocusE
- struts2更改struts.xml配置目录
chiangfai
struts.xml
struts2默认是读取classes目录下的配置文件,要更改配置文件目录,比如放在WEB-INF下,路径应该写成../struts.xml(非/WEB-INF/struts.xml)
web.xml文件修改如下:
<filter>
<filter-name>struts2</filter-name>
<filter-class&g
- redis做缓存时的一点优化
chenchao051
redishadooppipeline
最近集群上有个job,其中需要短时间内频繁访问缓存,大概7亿多次。我这边的缓存是使用redis来做的,问题就来了。
首先,redis中存的是普通kv,没有考虑使用hash等解结构,那么以为着这个job需要访问7亿多次redis,导致效率低,且出现很多redi
- mysql导出数据不输出标题行
daizj
mysql数据导出去掉第一行去掉标题
当想使用数据库中的某些数据,想将其导入到文件中,而想去掉第一行的标题是可以加上-N参数
如通过下面命令导出数据:
mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName" > exportResult.txt
结果为:
studentid
- phpexcel导出excel表简单入门示例
dcj3sjt126com
PHPExcelphpexcel
先下载PHPEXCEL类文件,放在class目录下面,然后新建一个index.php文件,内容如下
<?php
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
if (PHP_SAPI == 'cli')
die('
- 爱情格言
dcj3sjt126com
格言
1) I love you not because of who you are, but because of who I am when I am with you. 我爱你,不是因为你是一个怎样的人,而是因为我喜欢与你在一起时的感觉。 2) No man or woman is worth your tears, and the one who is, won‘t
- 转 Activity 详解——Activity文档翻译
e200702084
androidUIsqlite配置管理网络应用
activity 展现在用户面前的经常是全屏窗口,你也可以将 activity 作为浮动窗口来使用(使用设置了 windowIsFloating 的主题),或者嵌入到其他的 activity (使用 ActivityGroup )中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是,用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
- win7安装MongoDB服务
geeksun
mongodb
1. 下载MongoDB的windows版本:mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip,Linux版本也在这里下载,下载地址: http://www.mongodb.org/downloads
2. 解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
- Javascript魔法方法:__defineGetter__,__defineSetter__
hongtoushizi
js
转载自: http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/
在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为
例如,在一个图书类中,我们自动为Book加上书名符号:
function Book(name){
- 错误的日期格式可能导致走nginx proxy cache时不能进行304响应
jinnianshilongnian
cache
昨天在整合某些系统的nginx配置时,出现了当使用nginx cache时无法返回304响应的情况,出问题的响应头: Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
- 数据源架构模式之行数据入口
home198979
PHP架构行数据入口
注:看不懂的请勿踩,此文章非针对java,java爱好者可直接略过。
一、概念
行数据入口(Row Data Gateway):充当数据源中单条记录入口的对象,每行一个实例。
二、简单实现行数据入口
为了方便理解,还是先简单实现:
<?php
/**
* 行数据入口类
*/
class OrderGateway {
/*定义元数
- Linux各个目录的作用及内容
pda158
linux脚本
1)根目录“/” 根目录位于目录结构的最顶层,用斜线(/)表示,类似于
Windows
操作系统的“C:\“,包含Fedora操作系统中所有的目录和文件。 2)/bin /bin 目录又称为二进制目录,包含了那些供系统管理员和普通用户使用的重要
linux命令的二进制映像。该目录存放的内容包括各种可执行文件,还有某些可执行文件的符号连接。常用的命令有:cp、d
- ubuntu12.04上编译openjdk7
ol_beta
HotSpotjvmjdkOpenJDK
获取源码
从openjdk代码仓库获取(比较慢)
安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial
将以下内容添加到$HOME/.hgrc文件中,如果没有则自己创建一个: [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
- 将数据库字段转换成设计文档所需的字段
vipbooks
设计模式工作正则表达式
哈哈,出差这么久终于回来了,回家的感觉真好!
PowerDesigner的物理数据库一出来,设计文档中要改的字段就多得不计其数,如果要把PowerDesigner中的字段一个个Copy到设计文档中,那将会是一件非常痛苦的事情。