原创 vue 如何通過點擊觸發另一個點擊事件,即模擬點擊事件

在前端中有時候會有這樣的需求,通過點擊一個按鈕觸發另一個按鈕或者另一個鏈接的點擊事件,在vue中我們通過下面方法解決: 1、給另一個按鈕添加ref <el-button ref="uploadImgBtn">上傳圖片</el-b

原创 談談進程和線程的聯繫與區別

什麼是進程? 舉個栗子,如下圖:打開任務管理器 進程負責爲程序的運行提供必備的環境。 進程就相當於工廠中的車間一樣。 什麼是線程? 線程是計算機中的最小計算單位,線程負責執行進程中的程序。 線程就想當於工廠中的工人。 單線程

原创 如何將TypeScript和React還有webpack結合在一起使用

初始化項目結構 讓我們新建一個目錄。 將會命名爲 proj,但是你可以改成任何你喜歡的名字。 mkdir proj cd proj 我們會像下面的結構組織我們的工程: proj/ ├─ dist/ └─ src/ └─ c

原创 踩坑:如何實現富文本編輯quill自定義圖片、視頻、文件等上傳

圖片與視頻上傳 <el-upload ref="uploadBox" :action="接口地址" :before-upload="checkFileS

原创 總結JavaScript——數據類型

JavaScript六種數據類型 js的弱類型特性 var num =32; num = "this is a string"; 在這個表達式裏,有如下結果: 32+32 // 64 "32" +32 // "32

原创 談談float浮動你不知道的那些事

被誤解的Float-是魔鬼還是情非得已 如何解決浮動讓父元素高度塌陷的bug? bug??不是所有長得不順眼的都是蟲子!浮動使高度塌陷不是bug,而是標準!因爲浮動的原本作用僅僅是爲了實現文字環繞效果。 清除浮動-究竟是清除浮動還

原创 總結:Node.js模塊化詳解

ECMAScript標準的缺陷 沒有模塊化系統 標準庫較少 沒有標準接口 缺乏管理系統 規模化 如果程序設計的規模達到了一定程度,則必須對其進行模塊化。 模塊化可以有多種形式,但至少應該提供能夠將代碼分割爲多個源文件的機制。

原创 JavaScript中的window.open()與window.location.href有什麼不一樣?

window.open(‘index.html’) 表示新增一個窗口打開 index.html 這個頁面,並不刷新。 window.location.href(‘index.html’) 表示在當前窗口重定向到新頁面,打開並刷新

原创 初見TypeScript

關於TypeScript TypeScript 是一種由微軟開發的自由和開源的編程語言。它是 JavaScript 的一個超集,而且本質上向這個語言添加了可選的靜態類型和基於類的面向對象編程。 TypeScript 與 JavaS

原创 如何通過webpack對css進行打包

安裝樣式的loader npm install css-loader style-loader --save-dev npm install file-loader url-loader --save-dev url-loade

原创 TypeScript真香,Go未來可期

20 世紀 40 年代,世界上第一個高級編程語言 Plankalkül 在德國誕生,這甚至發生在電腦發明之前。從那開始,每年都有新的編程語言被創造出來。到目前爲止,計算機領域已有上千種語言。而關於“誰是世界上最好的編程語言”這個

原创 關於webpack_config配置文件說明

path: node內置的模塊用來去設置路徑的 const path = require('path'); module.exports = { entry:'./src/index.js', output:{ file

原创 深剖:JavaScript開發人員更喜歡Deno的原因

何爲Deno? Deno 是一個 JavaScript/TypeScript 的運行時,默認使用安全環境執行代碼,有着卓越的開發體驗。 Deno 建立在 V8、Rust 和 Tokio 的基礎上。 NodeJS 的創造人 Ry

原创 盤點TypeScript的那些基本數據類型(詳細)

TypeScript 最爲 JavaScript 的超集,它的基本數據類型與 JavaScript 是完全相同的。數據類型有原始數據類型和非原始數據類型兩種。 基本數據類型有哪些? 原始數據類型有以下六種: boolean 布爾

原创 踩坑:移動端實現0.5px的方法

衆所周知在移動端寫1px邊框,顯示出來的效果看起來比較粗,而且在不同的移動設備顯示效果也千差萬別,那麼下面介紹一種常見的0.5px 的實現方法。 下面代碼可以實現4條邊框: Container: { position: