WishMeLz

生活其实很有趣

Electron-vue

需要运行环境和打包程序 npm i -g electron npm i -g electron-builder 项目安装 vue init simulatedgreg/electron-vue my-project其中--platform是配置打包成什么平台的安装文件,下面是可选的值win系统: win或者win32,即--platform=win或者--platform=win32mac系统:mac或者darwin,即--platform=mac或者--platform=darwinLinux系统:linux, 即--platform=linu...

JS判断是否在当前页面

var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null; var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange'); ...

RN安装(MAC)

brew 安装 /bin/bash -c "$(curl -fsSL http://itsse.oss-cn-shanghai.aliyuncs.com/files/1590737189274.sh)" 其他按照官网来。注意一点的是环境变量 一般编译报错都是这里的原因 export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/tools/bin export PATH=$...

VI编辑器常用的命令(不完全)

vi 或者 vim编辑模式i当前光标a当前光标后o当前光标的下一行I当前行最前A当前行最后O当前光标上一行语法 可以多个命令 比如 :wq 保存退出:w保存:q退出:!强制执行:set nu显示行号:set nonu关闭行号

Redis

yum install redis -y 知道配置文件:whereis redis.config 开启远程:# bin 127.0.0.1 设置密码:requirepass '123456'; 关闭保护:protected-mode no     启动  /bin/systemctl  start  redis.service     重启  /bin/systemctl  restart  redis.service     关闭  /bin/systemctl  stop  redis.service 开启保护后:pkil...

JS获取URL参数

function GetQueryValue(key) { // 获取?后面的参数 var query = decodeURI(window.location.search.substring(1)); // 通过 & 切割为数组 ["naem=tom"] var queryArr = query.split("&"); // 循环遍历 在将每一项通过 = 切割 做判断key for (var i = 0; i < queryArr.length; i+...

错误异常try catch

try { // 可以通过手动抛出异常,通过e.message获取错误信息 throw new Error("ERROR") } catch (e) { console.log(e.message); } 支持的错误异常EvalError: raised when an error occurs executing code in eval() RangeError: raised when a numeric variable or parameter is outside of its valid range ...

VSCode自定义代码片段

"Vue Clone JSON": { // 片段名字 "prefix": "zclone", //片段唤起关键字 "body": [ //片段内的具体代码。需要全部使用”“引起来 "let ${2:clone} = JSON.parse(JSON.stringify($1))" ] } $1,$2 是光标的位置,有几个就出现几个位置,按TAB键切换。$2的写法就是会选中clone"<script lang='tsx'>import { Component, Prop, Vue, Emit, Wat...

Vue中EXCEL的导入导出

import FileSaver from 'file-saver' import XLSX from 'xlsx'导入 <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple accept=".xlsx" :on-exceed="exceed" :limit="1" :on-remove="remove...

Vue截图

https://www.npmjs.com/package/vue-cropper/v/0.4.7npm install vue-cropper

HTML表格

border-collapse:collapse; 合并间距

Vue打印

在vue中使用浏览器的打印功能npm install vue-print-nb import Print from 'vue-print-nb' Vue.use(Print) 第一种: <div id="printTest" >      <h1>WISHMELZZZZ</h1> </div> <button v-print="'#printTest'">打印</button> 第二种: <button v-print="printObj">Print local range</bu...

Vue反向代理

module.exports = { devServer: { proxy: { "/api":{ //项目中的接口 target:"http://xxx.com", // 对应的反向代理的网址 pathRewrite:{ "^/api":"/api" //对应的接口 } } } }

speedtest-cli测试带宽

# wget https://raw.githubusercontent.com/sivel/speedtest-cli/master/speedtest.py # chmod +rx speedtest.py # sudo mv speedtest.py /usr/local/bin/speedtest-cli # sudo chown root:root /usr/local/bin/speedtest-cli speedtest-cli --bytes以字节计算的方式来测试上下行速度 speedtest-cli --share将速度测试的结...

Vue的地图插件vue-amap

https://github.com/ElemeFE/vue-amap使用配置 npm i vue-amap import VueAMap from 'vue-amap'; Vue.use(VueAMap); VueAMap.initAMapApiLoader({ // 高德的key key: 'be2262deadf45267aed6f6e7rty3ba0', // 插件集合 plugin: [ "AMap.Autocomplete", //输入提示插件 "AMap.PlaceSearch", //POI搜索...

CSS

placeholderinput::placeholder{} uni-app <input placeholder-class="placeholder-class" type="text" v-model="val" placeholder="请输入"> 虚线 width: 1px; background-image: linear-gradient(to bottom, #4D5358 0%, #4D5358 80%, transpar...

Axios

Vue设置基础地址 axios.defaults.baseURL = "http://127.0.0.1:7979/"; 设置使用 Vue.prototype.$axios = axios; 拦截 axios.interceptors.request.use( config => { // 判断是否存在token,如果存在的话,则每个http header都加上token let token = localStorage.getItem("sq_token"); if (!config.headers.hasOwnP...

Rect

输入框双向绑定onChange={(e)=>{ userInfo['phone'] = e.target.value; setUserInfo({...userInfo}) }}数据请求 fetch // POST let data = { userInfo:JSON.stringify(userInfo), goodList:JSON.stringify(goodList) } ...

MAC小工具

1.CopyLess:记录历史复制的内容2.超级右键:超级右键3.DropOver:跨页面选择内容,网页上直接保存文字或图片4Downie 3:下载器