原创 前端構建踩坑 --- babel-loader 對已編譯的腳本進行再編譯從而導致文件執行出錯

前言 本人博客原地址:前端構建踩坑 — babel-loader 對已編譯的腳本進行再編譯從而導致文件執行出錯 問題描述: babel-loader 對已編譯的腳本進行再編譯從而導致文件執行出錯。   因爲打算開發一個小組件庫

原创 小程序request 支持content-type爲form-data 的兩種使用方式

前言 最近做了一個小程序上傳文件的需求,在這個需求中,需要聯調的接口要求請求頭的content-type值需要設置爲application/form-data,然而小程序提供的wx.request到目前爲止(2020.05.14)

原创 pc網頁端調起客戶端應用的那些事--electron

Date: 2020.04.11 前言  在當下大前端的趨勢之下,我還是跟隨大流跳入了electron 開發的坑。不過這個也讓我不再侷限於網頁業務的開發,並對大前端所代表的的內容有了新的認識。如果是在去年聽到大前端這個詞,我也

原创 關於跨域與 csrf 的那些事

前言   在這段時間,部門前輩分享了不少乾貨。我學到了不少內容,並對其進行簡單整理,以便更好地轉化爲自己的知識。 知識探討部分 關於跨域 產生 協議,域名,端口三者其中存在不同都會形成跨域;故,當協議,端口,域名三者均相同時,瀏

原创 vue-router踩坑之NavigationDuplicated error --- 20190821

前言   因業務需求重新開發了一個項目,但是在使用vue-router,偶然發現vue-router會報下面這個錯誤。 後來網上查詢,給出了很多解決方案,很多都說直接刪除node_modules,重新安裝依賴就好。同時也有很多網

原创 crontab 定時任務 | cron 表達式 --- 20190826

前言   因開發需要,所以研究了一番cron表達式,並將內容整理如下: cron 是什麼?   首先在瞭解 cron 表達式之前,先談談 crontab 定時任務;日常在開發或運維中,經常遇到一些週期性執行的任務或需求,比如說,每

原创 vue-cli 3學習之vue-cli-service插件開發(註冊自定義命令)

前言 提到 vue-cli,官方文檔對其的介紹如下: A simple CLI for scaffolding Vue.js projects. 一個簡單的Vue.js工程命令行腳手架工具。 說白了,vue-cli 其實就是一個基

原创 vue-cli 3 知識點整理

關於指南 筆記簡單整理如下: 一、介紹 二、安裝 1、前提: (1)node 版本要求:8.9或更高版本 (2)如若已安裝舊版本vue-cli ,則將其卸載,重新安裝@vue-cli 2、安裝命令: // 局部安裝 npm i

原创 mongodb 問題 failed to connect to server [127.0.0.1:27017] on first connect

UnhandledPromiseRejectionWarning: MongoNetworkError: failed to connect to server [127.0.0.1:27017] on first connect [

原创 Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option

Error: The ‘decorators’ plugin requires a ‘decoratorsBeforeExport’ option, whose value must be a boolean. If you are

原创 再談get和post

一、新概念: 1、 副作用: 指是否對服務器上的資源進行改變,如搜索是無副作用的(沒有修改到資源),註冊是有副作用的(在服務器增加一條註冊信息) 2、冪等性:指一次和多次請求某一個資源應該具有相同的副作用 故可知: 二、get和post的

原创 js 內置對象之數組Array

2018/08/29 前言:前天剛做完一個公司的校招筆試題,其中有考到數組的基礎方法,故今天在此對其做一番總結,從而溫故而知新。 一、數組的創建方式 1、通過‘[ ]’ (1)var arr1 = []; //創建空數組 (2)var

原创 js 事件流和事件處理程序(DOM 標準事件模型)

一、基本概念 1. 事件:文檔或瀏覽器窗口中發生特定交互瞬間 2. 事件流:描述從瀏覽器中接收事件的順序 IE的事件流:事件冒泡流 Netscape Communicator的事件流:事件捕獲流 3. 事件冒泡:從觸發事件的最具體元素開始

原创 css實現水平居中的幾種方式

一、對於行內元素:text-align:center;二、對於確定寬度的塊級元素:(1)margin和width實現水平居中常用(前提:已設置width值):margin-left:auto; margin-right:auto;(2)絕

原创 css實現垂直居中的幾種方式(佈局常用)

前提:html模板: <div class="parent"> <div class="content">內容垂直居中</div> </div>聲明:以下示例,主要實現垂直居中的樣式代碼爲加粗的部分一、對單行元素