原创 flex彈性盒模型及flex-grow與flex-shrink的計算
一、Flex 佈局是什麼？ Flex 是 Flexible Box 的縮寫，意爲"彈性佈局"，用來爲盒狀模型提供最大的靈活性。 任何一個容器都可以指定爲 Flex 佈局。 .box{ display: flex; } 行內元
2020-07-07 22:25:48
1
原创 web蠕蟲
一 web蠕蟲的類別 web蠕蟲只要包括：XSS蠕蟲 CSRF蠕蟲 Clickjacking蠕蟲，文本蠕蟲。 1 XSS蠕蟲 （1 ）蠕蟲的性質 傳播性：web層面基於HTTP請求進行傳播。 傳播性：基於JS腳本。 （
2020-06-22 11:10:16
1
原创 js的jsonp的封裝
import originJsonp from 'jsonp' export default function jsonp(url, data, option) { url += (url.indexOf('?') < 0 ? '
2020-06-22 11:10:16
1
原创 js數組去重六種方法
第一種：遍歷數組法 這種方法最簡單最直觀，也最容易理解，代碼如下： var arr = [2, 8, 5, 0, 5, 2, 6, 7, 2] var newArr = [] for (var i = 0; i < arr.len
2020-06-22 10:52:30
原创 vue 權限匹配路由
permissionList 和 路由列表的匹配。 var routes = [ { path: '/user', // component: Layout, redirect: 'noredire
2020-06-22 10:52:30
原创 axios全局攔截器處理headers的content-type不同
一 headers['content-type'] === 'multipart/form-data;charset=utf-8 和 headers['content-type'] === 'application/json;chars
2020-06-22 10:52:19
原创 摘要js的三中加載方式
js阻塞原理 瀏覽器內核可以分成兩部分：渲染引擎（Layout Engine 或者 Rendering Engine）和 JS 引擎。早期渲染引擎和 JS 引擎並沒有十分明確的區分，但隨着 JS 引擎越來越獨立，內核也成了渲染引擎的代稱（
2020-06-22 10:52:18
原创 js 事件委託（事件代理）
JS中的事件委託（事件代理） 一步一步來說說事件委託（或者有的資料叫事件代理） js中事件冒泡我們知道，子元素身上的事件會冒泡到父元素身上。 事件代理就是，本來加在子元素身上的事件，加在了其父級身上。 那就產生了問題：父級那麼多子元素，怎
2020-06-22 10:52:18
原创 js原生選項卡
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>選項卡</title> <style type="text/css"> *{margin: 0;
2020-06-22 10:52:18
原创 vue 列表單選處理
<template> <div class="depart"> <!-- search--> <div class="top-search"> <el-form ref="
2020-06-22 10:52:18
原创 qs模塊
qs.stringify() 和JSON.stringify() var a = {name:'hehe',age:10}; qs.stringify序列化結果如下 name=hehe&age=10 而JSON.stringify序列化結
2020-06-22 10:52:18
1
原创 vue項目中keep-alive的使用，從詳情頁返回列表時保存瀏覽位置
背景描述： 最近在做移動端前端項目中，需要實現以下場景： 1.在頁面查詢列表，進入詳情頁時，返回需要頁面返回到上次瀏覽的位置 2.由於查詢列表獲取的數據可能會短時間改變，如果前端長時間緩存數據，並不符合業務要求。 3.我在進入詳情頁時可以
2020-06-22 10:52:18
原创 Http請求編碼對象
function encodeFormData(data) { if(!data) { return ""; } var pairs = [];
2020-06-22 10:52:18
原创 vue iview 前端表格分頁
// 獲取Table數據 handleListTable() { // 保存取到的所有數據 // 初始化顯示，小於每頁顯示條數，全顯，大於每
2020-06-22 10:52:18
2
原创 vue-router 權限處理
var routes = [ { path: '/user', // component: Layout, redirect: 'noredirect', alwaysShow: true,
2020-06-22 10:52:18