此内容被密码保护
请输入密码访问
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...
修改console.log打印样式
console.log(`%c 内容`,'color:red')%C为一段内容，逗号后跟样式，以此类推
WordPress固定链接出错
在Nginx服务器内修改 location / {
try_files $uri $uri/ /index.php?$args;
}
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属性的袁术均可以编辑。