nobody

使用uniapp 封装app，其中有在线预览功能：在线预览vue文件：<template> <view class="content"> <!--异形屏时设置view占用通知栏--> <!-- <view class="title-padding"></view> <view class="report-header"></view> --> <view class="repor

在vue中的代码：methods: { onOK() { //调用转换方法 svgBase64为svgbase64的数据 格式：data:image/svg+xml;base64,.................. let pngBase64Fun = this.svgBase64ToPngBase64(svgBase64); pngBase64Fun.then((res) => { // 将svg base64转 pngbase64后执行回调函数,res 为转换后的png

优化的思路：F12调起调试模式，查看js和css加载所需时间（注意由于资源过大导致的加载过慢），下图是经过压缩后的，压缩前chunk-vendors.js我的接近10M，加载几十毫秒。如果部署在Nginx上的web项目，可以配置Nginx，对js和css进行压缩可在Nginx配置文件 server {} 加入如下配置：gzip on; gzip_buffers 32 4K; gzip_comp_level 6; gzip_min_length 100; gzip.

引入maven依赖：<dependency> <groupId>com.auth0</groupId> <artifactId>java-jwt</artifactId> <version>3.10.3</version></dependency>编辑工具类：TokenUtils.javapackage com.zhwl.gxb.common.utils;import com.

vue前后端分离的项目，浏览器报以下错：ChunkLoadError: Loading chunk 2 failed.（即：Loading chunk {n} failed...）将export default new Router({ mode: 'history', // 去掉url中的# scrollBehavior: () => ({ y: 0 }), routes: constantRoutes})替换为：const $router = new Ro

浏览器打开网址报错OTS parsing error: invalid version tag，这种原因分多种情况。Nginx部署时也会导致该错误。Nginx配置文件（nginx.conf）添加location ~ \.(eot|otf|ttf|woff|svg)$ { add_header Access-Control-Allow-Origin *;}如果不行，试试在nginx.conf中对应的mime.types中添加application/font-sfnt

点击拍照上传弹框后调起摄像头设备，点击按钮执行方法takePhotoUpload，代码如下：takePhotoUpload(){ let device = ''; // 所选择的摄像头 deviceId this.dialogTakePhotoShow = true; let stream = navigator.mediaDevices.enumerateDevices() .then(devices =>{ //多个摄像头设备时，该处根据设备id判断具体使用哪个摄像头设备 .

最近创建了一个electron-vue项目，用到了热更新：代码如下

1、安装speak-tts包npm install speak-tts2、在页面中引入import Speech from 'speak-tts'3、初始化以及实现data () { return { speech:null }},mounted(){ this.speechInit();},methods:{ speechInit(){ this.speech = new Speech(); this.spe

最近使用vue做了个项目，把本地指定url下的png图片上传。废话不多说，直接上代码：var fs = require('fs') //需要引入nodejs中的文件操作部分var http = require('http') //需要引入nodejs中http请求部分/** * 实际封装接口的入口 * @param {*} options 请求的配置项 * @param {*} path 文件上传路径 * @param {*} id 文件上传参数（id） * @param {*} n

今天做了个VUE的页面，需要将logo旋转起来，效果如下图所示：思路是①将图片分成四个图片（图片必须为透明由内向外分别是inner-center.png、inner-circle.png、outer-circle.png、outer-circle-2.png），②将最内部保持不动，外部几个旋转起来话不多说，直接上代码（封装组件名称为rotateImg）：<template> <div :style="styleObj"> <div cl

最近做的electron-vue的一个项目和vue请求一样，封装了下请求接口函数。项目中使用到了element-ui接口方法使用到了axios和qs（electron-vue中自带了axios和qs，qs解决后台接收不到参数的问题）。在utils文件夹下新建request.js，代码如下：import axios from 'axios';import { Message, Loading } from 'element-ui'import qs from 'qs'; //参数序列化，把数

最近做了一个uniapp的项目（引入了uView样式），前端请求接口封装：在App.vue同级目录创建utils文件夹，文件夹内新建request.js代码如下：//请求接口地址// const baseUrl = 'http://xxx.xxx.x.xxx:8080/api'//self// const baseUrl = 'http://xxx.xxx.x.xxx:8080/api'//productconst baseUrl = 'http://xxx.xxx.x.xxx:80

电脑先安装git,新建文件夹 E:\electronproject，①cmd命令切换到该目录下，使用git命令克隆 electron代码：git clone https://github.com/electron/electron-quick-start②切换到electron-quick-start目录下：cd electron-quick-start执行安装命令：npm install如果安装过程比较慢，可设置国内淘宝提供的镜像：npm config set ELECT.