WishMeLz

生活其实很有趣

Wish 发布的文章

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 || ...

随意修改页面内容

document.designMode = "on"; 可以随意编辑页面内容,任何元素支持contentEditable属性的袁术均可以编辑。

NodeJs定时任务

const schedule = require("node-schedule"); let j = schedule.scheduleJob('50 * * * * *', function(){ console.log('1'); }); //取消 // j.cancel()比如实现监控网站运行状况:https://github.com/WishMelz/NodeJsSetIntervalvar later = require('later'); var basic = {h:[9],m:[41]}; var com...

JS随机打乱数组

function randomArr(arr) { for (var i = arr.length - 1; i >= 0; i--) { let index = Math.floor(Math.random() * i); let temp = arr[index]; arr[index] = arr[i]; arr[i] = temp; } return arr } 倒着遍历,生成0-i之间的随机数,互换位置。

Git

git config --global user.name "username" // 设置用户名 git config --global user.email useremail@qq.com //设置邮箱 ssh-keygen -t rsa -C "useremail@qq.com" //设置秘钥 按3次Enter cat ~/.ssh/id_rsa.pub //查看公钥 秘钥地址:C:\Users\Administrator\.ssh查看分支:git branch -a 创建分支:git checkout -b 分...