原创 Vue生命週期詳解!!

在Vue官網上一篇講到了Vue實例以及它的生命週期,這裏我將實例生命週期的圖截了下來如下: 我們可以看到在Vue實例的整個生命週期中,會有八個生命週期鉤子函數提供給我們,方便我們在不同時期進行不同操作,八個鉤子函數如下: beforeC

原创 總結JavaScript中常見的數組操作

來源:https://www.tanj.com.cn/article/detail?id=5ea51ea817e37371f70420bd 歡迎來我的個人網站:https://www.tanj.com.cn/ 在JavaScript中數組

原创 JavaScript中new的實現

文章來源於我的個人博客:JS中new的實現 JS中通過new操作符可以創建構造函數的實例對象,我們可以看看以下例子: function Person(name,age){ this.name = name this.ag

原创 淺談函數防抖和節流,利用js實現,常見應用場景

來源:淺談函數防抖與節流 在說防抖和節流之前,我們先看看下面這個例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style

原创 塊級格式化上下文 Block formatting context (BFC)

詳情地址:塊級格式化上下文 Block formatting context (BFC) 1. Box 視覺格式化模型會根據CSS盒子模型將文檔中的元素轉換爲一個個盒子。盒子主要包括了塊盒、行內盒、匿名盒(沒有名字不能被選擇器選中的盒)以

原创 整理一些關於前端面試的基礎內容,持續更新中......

關於HTML與CSS部分: DTD與DOCTYPE:參考DTD、Doctype、嚴格(標準)模式與混雜(兼容)模式 兩欄佈局:參考兩欄佈局其中一欄固定寬度一欄自適應寬度的幾種CSS實現方法 三欄佈局:參考三欄佈局其中左右兩欄固定寬度、中間

原创 關於JavaScript中的this指向總結

來源:關於JavaScript中的this指向總結 關於JS中this指向問題,簡單地說就是:哪個對象調用了函數,函數中的this就指向這個對象。按以下幾種情況進行討論: 1. 普通函數調用 var num = 10 function

原创 Node.js中使用百度統計API統計站點的訪問量、訪客數、IP數相關信息

詳情訪問:詳情 歡迎來我的個人網站:TanJia 今天,在個人網站的關於版塊,添加了本站點的總訪問量、總訪客數以及當日的訪問量等相關信息。使用的是百度統計的相關API。         首先,我們需要在百度統計中開通數據導出服務,獲得To

原创 async/await學習

詳情可以查看我的博客:async/await學習 1.async函數 函數的返回值爲promise對象 promise對象的結果由async函數執行的返回值決定 執行下列代碼: async function fun1(){ re

原创 在html的頭部加入meta使得所有的資源請求由http請求轉成https請求

<!-- 將http請求轉成https請求 --> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">  

原创 使用鏈接可以打開圖片,而在img中使用src無法打開圖片

好傻啊!!!!!!!!!!!!!!!!!!!! 我在頁面上加了一個 <!-- 將http請求轉成https請求 --> <meta http-equiv="Content-Security-Policy" content="upgrad

原创 node.js項目中wangEditor富文本編輯器上傳圖片的方法

在服務端安裝multer npm i multer 1.下載wangEditor引入到頁面中,在前端頁面中引入 <link rel="stylesheet" type="text/css" href="/public/css/wang

原创 mongoose、ajax、express、pagination分頁插件實現分頁效果

1.首先下載pagination分頁插件,下載地址:JQuery分頁插件 2.下載後在頁面中引入插件包括CSS與JS文件:HTML部分與JS部分代碼如下 <link rel="stylesheet" href="/public/css/

原创 express中登錄、退出、設置Cookie以及cookie-parser簡單使用

在使用express要完成一個登錄功能,簡單使用了中間件cookie-parser。 1. 下載cookie-parser npm i cookie-parser 2.在 app.js 中引用cookie-parser const c

原创 Mongoose中關聯查詢populate的使用

場景: 文章表中的每一篇文章article,都屬於一個分類part,現在要獲取文章列表,並在列表中展示文章屬於哪個分類,也就是說根據文章找到其所在分類的名稱。這時,我們需要用到Mongoose中的關聯查詢populate 用法: 1.