原创 vue中eslintrc.js配置最詳細介紹

本文是對vue項目中自帶文件eslintrc.js的內容解析, 介紹了各個eslint配置項的作用,以及爲什麼這樣設置。 比較詳細,看完能對eslint有較爲全面的瞭解,基本解除對該文件的疑惑。 /** * 參考文檔 * 【eslint

原创 axios攜帶cookie配置詳解(axios+koa)

話不多說,一個字,幹! 前端配置如下: axios.defaults.withCredentials = true; //配置爲true axios.post('http://localhost:3000/tpzdz/vote/all'

原创 nodejs用gulp管理前端文件方法

1、安裝node.js(https://nodejs.org/en/) 安裝後使用node -v查看版本 node安裝完之後會順帶安裝npm ps:npm其實是Node.js的包管理工具(package manager)爲啥我們需要一個包

原创 詳解在Vue中使用TypeScript的一些思考(實踐)

Vue.extend or vue-class-component 使用 TypeScript 寫 Vue 組件時,有兩種推薦形式: Vue.extend():使用基礎 Vue 構造器,創建一個“子類”。此種寫法與 Vue 單文件組件標準

原创 淺談“全棧工程師需要掌握哪些技能”

全棧工程師有很多種,以經典有Web開發體系中有: Java + JavaScript/css/html Nodejs + JavaScript/css/html 其他服務端語言 + JavaScript/css/html 本次給大家推

原创 JavaScript函數節流和函數去抖知識點學習

概念 節流 (throttle) 讓一個函數不要執行的太頻繁,減少執行過快的調用,叫節流 去抖 (debounce) 去抖就是對於一定時間段的連續的函數調用,只讓其執行一次 throttle 應用場景 DOM 元素的拖拽功能實現(mous

原创 JavaScript中發出HTTP請求最常用的方法

JavaScript具有很好的模塊和方法來發送可用於從服務器端資源發送或接收數據的HTTP請求。在本文中,我們將介紹一些在JavaScript中發出HTTP請求的流行方法。 Ajax Ajax是發出異步HTTP請求的傳統方式。可以使用HTT

原创 JavaScript this綁定過程

在理解this 的綁定過程之前,首先要理解調用位置:調用位置就是函數在代碼中被調用的位置(而不是聲明的位置)。只有仔細分析調用位置才能回答這個問題:這個this 到底引用的是什麼?通常來說,尋找調用位置就是尋找“函數被調用的位置”,但是做起

原创 vue實現div拖拽互換位置

template模板 <transition-group tag="div" class="container"> <div class="item" v-for="(item,index) in items" :key="item.k

原创 react 應用多入口配置及實踐總結

背景 還是之前的那個項目,做完國際化沒多久,還沒來得及划水, 又有新的活了 -- 移動端的兼容。 考慮到後期的複雜度, 需要做兩套資源。 具體的目標是:同一個URL,PC打開就顯示PC的那一套, M端打開就顯示Mobile的頁面。 crea

原创 詳解如何使用koa實現socket.io官網的例子

socket.io官網中使用express實現了一個最簡單的IM即時聊天,今天我們使用koa來實現一下 框架準備 1.確保你本地已經安裝好了nodejs和npm,使用koa要求node版本>7.6 2.在你需要的位置新建一個文件夾(官網的簡

原创 基礎篇—CSS3盒模型

CSS3盒模型 CSS有一種基礎設計模式叫盒模型, 定義了Web頁面中的元素是如何看做盒子來解析的。 每一個盒子有不同的展示界面, 在 CSS 中 主要有以下幾種盒模型: inline、inline- block、block、table、a

原创 ES6系列之私有變量的實現

前言 在閱讀 《ECMAScript 6 入門》的時候,零散的看到有私有變量的實現,所以在此總結一篇。 1. 約定 實現 class Example { constructor() { this._private = 'priv

原创 vue組件掛載到全局方法的示例代碼

在最近的項目中,使用了bootstrap-vue來開發,然而在實際的開發過程中卻發現這個UI提供的組件並不能打到我們預期的效果,像alert、modal等組件每個頁面引入就得重複引入,並不像element那樣可以通過this.xxx來調用起

原创 Promise.all中對於reject的處理方法

昨天寫了個小爬蟲,用axios.all同時請求多個頁面時,國內網絡的原因很容易就超時然後reject了,佛系resolve不可取啊,然後想到可以實現一個“重發失敗請求”的功能。 Promise.all(requestPromises).th