前端
文章平均质量分 51
秃子编程
计算机行业的从业者
展开
-
qiankun 踩坑记录
1 乾坤框架的css沙箱只能保证子应用之间的样式不相互影响2原创 2022-06-23 11:19:09 · 616 阅读 · 0 评论 -
electron 打包
electron 打包需要将一些工具下载后放到本地appdata中,一些脚本会自动下载,这里主要是应对离线环境中出现的问题我在此处贴出几张图片,图片中的文件是需要下载的,具体下载地址请自行搜索...原创 2022-02-22 11:19:18 · 1093 阅读 · 0 评论 -
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 · 621 阅读 · 0 评论 -
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 · 183 阅读 · 0 评论 -
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 · 280 阅读 · 0 评论 -
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 · 107 阅读 · 0 评论 -
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 · 158 阅读 · 0 评论 -
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 · 135 阅读 · 0 评论 -
大文件分片上传
elementUI非常便利,功能也非常强大但是有的时候需要自定义一些功能,例如,上传文件过大时需要将文件分片上传,下面我就文件分片上传的实现,简单的叙述一下,希望后来者能少踩一些坑。封装upload.js文件export const uploadByPieces = ({ file, pieceSize = 1, baseURL, urlAddress, success, error}) => { // console.log(file) // 上传过程中用到转载 2020-10-30 11:17:44 · 384 阅读 · 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 · 1935 阅读 · 0 评论 -
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 · 496 阅读 · 0 评论 -
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 · 178 阅读 · 0 评论 -
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 · 1343 阅读 · 0 评论 -
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 · 125 阅读 · 0 评论 -
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 · 787 阅读 · 0 评论 -
js-cookie 使用
import Cookies from 'js-cookie'Cookies.get('my-token-name');//获取token原创 2020-02-19 16:05:19 · 127 阅读 · 0 评论 -
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 · 2867 阅读 · 0 评论 -
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 · 758 阅读 · 0 评论 -
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 · 3425 阅读 · 0 评论 -
mxgraph样式设置
mxGraph 中设置样式的方式在 mxGraph 中样式分为全局命名样式和单独样式设置。这里的样式和在CSS中的样式不太一样,虽然包含了部分CSS中的属性,但是它还包含了 Cell 相关的一些属性设置。全局样式是通过定义一个样式名,然后指定一系列默认属性,然后应用于 Cell 中,而单独样式设置实际上是重写了部分默认全局样式的属性。在 mxGraph 中样式相关的操作需要查阅mx...转载 2020-02-11 16:52:26 · 3889 阅读 · 0 评论 -
如何在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 · 614 阅读 · 0 评论 -
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 · 1077 阅读 · 0 评论 -
IE兼容问题
1 接口请求失败,原因是cookie受到限制,接口与页面不同源,IE浏览器默认不支持第三方cookie,需要用户取设置接受第三方cookie,设置方法:intent选项--隐私--高级2 IE下载blob数据失败 ie有特殊的方法msSaveOrOpenBlob(blob,'xxxx.doc') 这个方法接受两个参数,第一个是blob对象,第二个是文件全称 谷歌中可...原创 2020-01-02 15:06:59 · 194 阅读 · 0 评论 -
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 · 180 阅读 · 0 评论 -
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 · 147 阅读 · 0 评论 -
vue学习笔记
VUE如何自定义属性全局自定义:Vue.directive(‘focus’,{ Inserted:function(el){ el.focus() //聚焦函数}})组件自定义directive{ inserted:function(el){...原创 2019-04-21 11:37:09 · 98 阅读 · 0 评论 -
在vue单页应用中使用jquery
记录一个今天用到的vue-cli建立的应用中引入jquery的方式。首选通过npm安装jquery npm install jquery --save在build/webpack.base.conf文件当中引入jquerymodule.exports = { ... resolve: { extensions: ['.js', '.vue', '.json'],...转载 2019-03-25 09:53:46 · 614 阅读 · 0 评论 -
React 笔记
Component 生命周期:constructor构造函数 componentWillMount渲染前 render渲染(如果此过程调用了其它组件,就会去执行其它组件的生命周期,之后再回来) componentDidMount渲染后import React, { Compon...原创 2018-06-29 16:44:18 · 241 阅读 · 0 评论 -
js学习笔记
js类型:解释型语言,特点翻译一句执行一句预编译:js在执行前会先扫描一下整个代码,先判断语法错误,变量声明提前,函数提前闭包情况:1外部保存函数内部的函数,容易造成内存泄露 2立即执行函数,执行完后即销毁函数作用域链:每个函数都有一个作用域链其中包含一个GO,当函数执行时会创建AO对象,放在作用域链的前面,执行完后销毁AO...原创 2018-05-25 17:13:31 · 111 阅读 · 0 评论 -
vue学习 笔记
v-model 双向绑定v-if v-else-if v-elsev-on 绑定事件v-bind 绑定数据v-cloak 当vue未初始化完成前可不显示为赋值的 vue属性名称(需要给v-cloak设置 display:none)v-for : <div v-for="(a,i) in arr"></div> i循环次数 a数据中的数据 arr定...原创 2018-03-21 18:23:20 · 129 阅读 · 0 评论 -
Android webview 全屏模式下输入框遮挡问题
1 新建类AndroidBug5497Workaroundimport android.app.Activity;import android.graphics.Rect;import android.view.View;import android.view.ViewTreeObserver;import android.widget.FrameLayout;/** * Cre转载 2018-01-29 11:20:24 · 298 阅读 · 0 评论 -
html video 自定义控制栏(移动端应用)
#box {width: 100%;height: 40px;background: #eeeeee;border-radius: 10px;box-shadow: 1px 1px 2px 2px #232;border: 1px solid #ff0000}.play {width: 0px;height: 0px;float: left;ma原创 2018-01-25 09:30:55 · 8763 阅读 · 0 评论 -
html video标签全屏和安卓端点击屏幕不显示操作栏问题
1全屏监听 document.addEventListener("webkitfullscreenchange", function (event,state) {that.video.isFullscreen = !that.video.isFullscreen;//在外部设置一个全局变量初始值赋值为falseif(that.video.isFullscreen){//切原创 2018-01-23 09:20:05 · 6295 阅读 · 0 评论 -
js 获取位置信息方法 navigator.geolocation.getCurrentPosition 失败原因分析
1谷歌浏览器失败:个人认为是谷歌位置服务被封的原因2安卓手机失败:权限配置问题这个必须开启手机的gps(我是这个原因,之前认为手机的位置服务是通过网络ip定位来的看来错了,shit)原创 2017-12-11 15:43:38 · 24111 阅读 · 4 评论 -
node vue 环境搭建
1 下载node.js 历史版本地址 :http://nodejs.org/dist/2 安装node3安装webpack npm install webpack -g4安装vue脚手架 npm install vue-cli -g转载 2017-10-11 21:06:06 · 249 阅读 · 0 评论 -
谷歌浏览器跨域
在目标中属性值的后面添加 --args --disable-web-security --user-data-dir原创 2017-10-20 16:21:40 · 211 阅读 · 0 评论 -
meta重要属性标签解读
<!-- 避免IE使用兼容模式 --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- uc强制竖屏 --><meta name="screen-orientation" content="portrait"><!-- QQ强制竖屏 --><meta n...原创 2019-05-09 15:33:16 · 218 阅读 · 0 评论 -
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 · 868 阅读 · 0 评论 -
内网npm私服(verdaccio)搭建及依赖包的上传
内网npm私服(verdaccio)搭建及依赖包的上传有互联网的电脑操作(win10)前提条件 安装nodeJS 注:有说使用npmbox做的,但是该项目已经停止维护,而且在无互联网的机器上运行仍然会去请求网络。所以这里没有使用npmbox。安装verdaccionpm install -g verdaccio启动设置更新私服# 启动verdaccio...转载 2019-10-08 10:41:07 · 2760 阅读 · 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 · 822 阅读 · 0 评论