WishMeLz

生活其实很有趣

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:下载器

JS罗马数字转整数

let obj = { "I": 1, "V": 5, "X": 10, "L": 50, "C": 100, "D": 500, "M": 1000 } function fn(v) { let res = 0; for (var i = 0; i < v.length; i++) { let front = v[i]; let back = v[i + 1]; if (obj[back] > o...

RN-useReducer-Context

app页面定义-->中间文件(LoginContext)-->使用的页面中间文件: import React from 'react'; export default React.createContext();app页面: 先定义: const initiaState = { logined: false, }; function reducer(prevState, action) { let clone = JSON.parse(JSON.stringify(prevState)); switch (action.type) { ...

RN

图标组件库下载:npm i react-native-vector-icons配置:修改文件:android/app/build.gradle添加:apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"引入:import Icon from 'react-native-vector-icons/[class]'; // class为分类目录使用:<Icon name="rocket" size={30}&...

JS笔记

直接返回时间戳:Date.now();当前时间 let newDate = new Date(); let strData = `${newDate.getFullYear()}-${newDate.getMonth() + 1}-${newDate.getDate()} ${newDate.getHours()}:${newDate.getMinutes()}:${newDate.getSeconds()}` console.log(strData);VIDEO倍速:playbackRate

原生AJAX

封装 function ajax() { var ajaxData = { type: arguments[0].type || "GET", url: arguments[0].url || "", async: arguments[0].async || "true", data: arguments[0].data || null, dataType: arguments[0].dataType || ...