昨天1990-CSDN博客

原创 echarts 文档本地部署

这个文件夹，这个仓库主要用来其他仓库存放构建出来的静态资源文件，因此最后我们的服务器也是在这里启动的；如果不构建，直接在这里启动服务器，我们会发现浏览器自动跳转到Echarts的官方地址；然后克隆众多的Echarts仓库，有些仓库文件比较大，受限于不同的网络环境，可能会有失败的情况，需要多次尝试。文件夹准备好了，之后就可以对我们的克隆下来的仓库进行构建了；目录，这里我们可以通过一个简易方便的node服务器工具来启动服务器，echarts-examples是示例的目录，我们进入目录，

2024-04-10 09:31:47 847

转载移动端H5坑位指南

移动前端

2022-11-09 14:57:17 301 1

原创 qiankun 踩坑记录

1 乾坤框架的css沙箱只能保证子应用之间的样式不相互影响2

2022-06-23 11:19:09 477

原创 electron 打包

electron 打包需要将一些工具下载后放到本地appdata中，一些脚本会自动下载，这里主要是应对离线环境中出现的问题我在此处贴出几张图片，图片中的文件是需要下载的，具体下载地址请自行搜索...

2022-02-22 11:19:18 988

原创 div转图片

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="canvas"> <div> 222 </div> <div> 111 </div> <div&.

2021-04-21 16:27:04 594

原创 electron使用总结

Electron开发文档环境安装安装node npm创建项目1从github拉取示例项目代码git clone https://github.com/electron/electron-quick-start2进入项目目录electron-quick-start3修改配置main.js文件将mainWindow.loadFile(‘index.html’)改为mainWindow.loadFile(’./dist/index.html’)4将编译后的vue dist文件夹考入electro

2021-01-28 15:30:19 156

原创 uniapp api整理

此文档只是简单介绍，详细的开发以官方为准获取网络状态uni.getNetworkType({ success: (res) => { console.log(res) this.hasNetworkType = true, this.networkType = res.subtype || res.networkType }, fail: () => { uni...

2021-01-28 15:24:23 261

原创 vue中iframe与嵌套页面间通信 postMessage

子页面代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> </head> <body> second page <div> name:<input type="text" name="" id="" value="" ...

2020-12-21 13:47:12 753

原创 vue keep-alive缓存后再次打开页面不刷新问题处理方案

1创建一个js文件import { mapGetters } from "vuex";export default function () { return { computed: mapGetters(['keepAliveList']), activated() { let that = this; let refresh = true; this.keepAliveList.ma...

2020-12-21 13:45:53 1252

原创 svg与canvas demo

SVG<?xml version="1.0" standalone="no"?><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg">  <defs> <filter id="Gaussian_Blur"> <feGaussianBlur in="...

2020-12-11 10:45:10 97

原创 vue3.0笔记

1.main.js的写法改变了2.data声明改变了，需要再setup方法中return的对象中声明3.钩子函数改变（如果要想在页面中使用生命周期函数的，根据以往2.0的操作是直接在页面中写入生命周期，而现在是需要去引用的，这就是为什么3.0能够将代码压缩到更低的原因）created -> 请使用 setup()beforeMount -> onBeforeMountmounted -> onMountedbeforeUpdate -> onBeforeUpd

2020-11-15 23:32:26 136

原创 es新特性

ES6在ES5的基础上新增了一系列特性，这里仅列出常用特性变量的改变，添加了块级作用域的概念 let声明变量（块级作用域），let是更完美的var，它声明的全局变量不是全局属性widow的变量，这便解决了for循环中变量覆盖的问题 const声明常量(会计作用域) // varvar a = [];for (var index = 0; index < 10; index++) { a[index]=function () { console.lo.

2020-11-15 23:04:49 122

转载大文件分片上传

elementUI非常便利，功能也非常强大但是有的时候需要自定义一些功能，例如，上传文件过大时需要将文件分片上传，下面我就文件分片上传的实现，简单的叙述一下，希望后来者能少踩一些坑。封装upload.js文件export const uploadByPieces = ({ file, pieceSize = 1, baseURL, urlAddress, success, error}) => { // console.log(file) // 上传过程中用到

2020-10-30 11:17:44 347 1

原创 element 可移动dialog

import Vue from 'vue';// v-dialogDrag: 弹窗拖拽属性Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header'); const dragDom = el.querySelector('.el-dialog'); // dialogHeaderEl...

2020-09-10 10:04:08 1796

原创 nginx websocket代理配置

前端请求地址为nginx 服务器地址加监听端口，配置文件中添加如图所示的socket-math，proxy_pass为socket请求地址，此配置放在http下server中proxy_pass http://127.0.0.1:9093; # websocket服务器。不用管 ws:// proxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection "upgrad...

2020-09-01 08:42:37 465

原创 webpack 配置解析

webpack.config.js配置解析：const path = require('path');const MiniCssExtractPlugin = require('mini-css-extract-plugin');const HtmlWebpackPlugin = require('html-webpack-plugin');const { CleanWebpackPlugin } = require('clean-webpack-plugin');const NO.

2020-08-26 11:01:19 148

原创 nginx 配置解读

#user nobody;worker_processes 1;events { worker_connections 1024;}http { include mime.types; default_type application/octet-stream; sendfile on; #tcp_nopush on; #keepalive_timeout 0; keepalive_timeout...

2020-05-28 14:39:01 115

原创 js-cookie 使用

import Cookies from 'js-cookie'Cookies.get('my-token-name');//获取token

2020-02-19 16:05:19 114

原创 element 封装list

List组件<template><div class="m-list"><el-table stripe:data="data"v-loading="loading":fit='true'@row-dblclick="tableConfig.rowDblclick"@row-click="tableConfig.rowClick"...

2020-02-19 11:20:16 2802

原创 avue 项目安装node包报错解决办法

是package.json中"chromedriver": "^2.27.2"这个插件的问题，删掉后项目启动成功了解决办法：1：关闭代理npm config set proxy null2：安装淘宝镜像step1: npm config set registryhttps://registry.npm.taobao.orgstep2： npm info underscore...

2020-02-18 10:58:16 727

原创 axios 请求头部添加token

// http request拦截器添加一个请求拦截器axios.interceptors.request.use(function (config) { // Do something before request is sent //window.localStorage.getItem("accessToken") 获取token的value let token ...

2020-02-15 17:25:16 3329

转载 mxgraph样式设置

mxGraph 中设置样式的方式在 mxGraph 中样式分为全局命名样式和单独样式设置。这里的样式和在CSS中的样式不太一样，虽然包含了部分CSS中的属性，但是它还包含了 Cell 相关的一些属性设置。全局样式是通过定义一个样式名，然后指定一系列默认属性，然后应用于 Cell 中，而单独样式设置实际上是重写了部分默认全局样式的属性。在 mxGraph 中样式相关的操作需要查阅mx...

2020-02-11 16:52:26 3721

原创如何在linux服务器上搭建npm私服（nexus）

1安装java、maven环境2下载nexus官方下载太慢，这是一个免积分下载地址https://download.csdn.net/download/u010792039/120971883 将下载的文件提交到服务器，并解压命令行cd到存放压缩文件的文件夹下，输入： tar -zvxf nexus-2.14.8-01-bundle.tar.gz 4配置环境变量...

2020-01-11 14:51:06 600

原创 vue 单页面应用如何实现状态保存和刷新

提供下思路：第一步在router中配置属性meta的keepalive 需要缓存的页面设置未true<keep-alive> <router-view v-if="$route.meta.keepalive" class="full" /></keep-alive><router-view v-if="!$route.meta.ke...

2020-01-07 16:54:45 1040

原创 IE兼容问题

1 接口请求失败，原因是cookie受到限制，接口与页面不同源，IE浏览器默认不支持第三方cookie，需要用户取设置接受第三方cookie，设置方法：intent选项--隐私--高级2 IE下载blob数据失败 ie有特殊的方法msSaveOrOpenBlob(blob,'xxxx.doc') 这个方法接受两个参数，第一个是blob对象，第二个是文件全称谷歌中可...

2020-01-02 15:06:59 165

原创 svg主要标签demo

<?xml version="1.0" standalone="no"?><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg">  <defs> <filter id="Gaus...

2019-12-04 14:45:40 156

转载内网npm私服（verdaccio）搭建及依赖包的上传

内网npm私服（verdaccio）搭建及依赖包的上传有互联网的电脑操作（win10）前提条件安装nodeJS 注：有说使用npmbox做的，但是该项目已经停止维护，而且在无互联网的机器上运行仍然会去请求网络。所以这里没有使用npmbox。安装verdaccionpm install -g verdaccio启动设置更新私服# 启动verdaccio...

2019-10-08 10:41:07 2666 2

原创离线安装 VSCode 插件

离线安装 VSCode 插件接下来，我来总结下 VSCode 插件离线安装的步骤：1. 打开 VSCode 插件市场网址 Extensions for the Visual Studio family of product，输入你想要的插件名称，比如这里我想要安装的是 Markdown All in One 插件2. 点击进入插件主页，点击右侧的 Download Extension ...

2019-08-16 15:37:20 801

转载在浏览器上安装 Vue Devtools工具

1）首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools。2）下载好后解压进入工程执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。3）修改shells、chrome目录下的mainifest.json 中的persistant为true：4）打开chrome扩展程序页面，...

2019-07-26 15:36:12 149

转载 iview 兼容ie（部分功能）

郑重警告：我的代码在ie9下没有生效,只是在360的ie仿真模式下可以了（很疑惑，不是说是一个内核吗）吐槽下：iview号称适配ie9，大爷的他们官网在ie9下都错乱了1安装依赖npm install babel-polyfill --save2 在mian.js最前面添加 import 'babel-polyfill'3在main.js中添加下面的代码...

2019-06-03 15:56:28 2170

原创在vue中使用js生成验证码

1生成验证码的js文件代码//二维码function Checknum (imgname, canvasname) { var nums = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N...

2019-05-27 11:02:18 1007

原创 vue笔记

Vue响应式原理之官方解释当你把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器。这些getter/sett...

2019-05-24 10:40:29 183

原创 css样式积累

1如何实现div滚动而div父布局不滚动的效果<div class="father"><div class="son"></div></div><style> .father{ overflow:hidden; } .son{ height:auto; ...

2019-05-16 10:27:38 81

原创 cordova 二维码扫描

1添加插件cordova plugin add cordova-plugin-qrscanner2创建html<!DOCTYPE html><html><head> <meta name="format-detection" content="telephone=no"> <meta name="msapplicati...

2019-05-14 15:47:40 2453

转载 Vue2.0 搭建Vue脚手架（vue-cli）

安装node.js从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。安装cnpm$ npm install -g cnpm --registry=https://registry.npm.taobao.orgvue安装$ cnpm install vue安装vue-cli脚手架构建工具# 全局安装 vue-cli$ cnpm i...

2019-05-13 16:37:00 257

原创 cordova 自定义插件开发

1首先要创建cordova项目，添加android平台此处不做详解2.安装plugman 命令npm install -g plugman3.cd到你想放置插件代码的文件夹下（建议将所有的自定义插件放到一个专门的文件夹下），创建插件 plugman create --name myplugin_name --plugin_id myid --plugin_version 1...

2019-05-12 19:30:38 157

转载 cordova插件汇总大全

1、获取当前应用的版本号cordova plugin add cordova-plugin-app-version2、获取网络连接信息cordova plugin add cordova-plugin-network-information3、获取GPS数据cordova plugin add cordova-plugin-geolocation4、Visual Notifica...

2019-05-09 16:21:01 786

原创 meta重要属性标签解读

<meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="screen-orientation" content="portrait"><meta n...

2019-05-09 15:33:16 208

原创 cordova学习笔记

错误监听，太好用了window.onerror = function(msg, url, line) { var idx = url.lastIndexOf("/"); if(idx > -1) { url = url.substring(idx+1); } alert("ERROR in " + url + " (line #" + line + "):...

2019-05-06 15:46:33 137