原创 Vue cli3+Mongodb+express的登錄功能

我的項目是Vue Cli3+Electron+Antd+Mongodb+express Mongodb和Studio 3T官網下載後安裝。具體可谷歌或百度。然後啓動Mongodb 然後打開Studio 3T,連接數據庫端口,右鍵新建一個數據

原创 JavaScript漫談之深入理解作用域與閉包

如有問題,歡迎指教。更多內容請關注GitHub 一、作用域 作用域是追蹤所有變量的方式,是代碼的當前上下文以及對變量的訪問權限。瞭解作用域,可以知道變量/函數在何處可訪問。 JavaScript使用詞法作用域,這種方法允許作用域嵌套,因此

原创 JavaScript漫談之DOM事件機制

一、事件機制 事件是在編程時系統內發生的動作或者發生的事情,系統會在事件出現的時候觸發某種信號並且會提供一個自動加載某種動作的機制(來自MDN)。 每個事件都有事件處理器(有時也叫事件監聽器),也就是觸發事件時運行的代碼塊。嚴格來說事件監聽

原创 css元素居中指南

如有錯誤,歡迎指正。更多內容查看GitHub 一、元素分類 首先要知道元素分三種:內聯元素(行內元素)、塊級元素、內聯塊級元素。 1、內聯(行內)元素 可與其他元素佔一行 高、行高、內外邊距不可更改 寬度爲內容所佔寬度,不可更改 容納文

原创 ES6核心知識迷你包

更多內容關注GitHub 1、放棄使用var 不要再使用var,使用: let:用於變量,值可變 const:用於常量,值不可變 let num = 0; num = 1; console,log(num); // 1 con

原创 (譯)你應該要知道的十個JavaScript字符串方法

查看原文更多內容請關注GitHub 1、startsWith() 檢查字符串是否以指定的字符開頭 const STR = 'JavaScript is amazing'; console.log(STR.startsWith('Java

原创 (譯)你應該知道的十個JavaScript數組方法

查看原文更多內容請關注GitHub 1、forEach() 循環遍歷數組 const ARR = [1, 2, 3, 4, 5]; ARR.forEach(item => { console.log(item);// 1, 2,

原创 JavaScript漫談之理解類型操作符typeof

在本文中,將簡述JavaScript類型系統和數據類型,以及如何使用typeof操作符執行類型檢查。 還講解了使用typeof操作符進行某些數據類型檢查是不完善的,並介紹其他幾種類型檢查的方法。 更多內容歡迎關注GitHub 每種編程

原创 詳記CSRF攻擊與XSS攻擊

原文鏈接:https://segmentfault.com/a/1190000020285558 一、CSRF(跨站請求僞造) 是一種挾制用戶在當前已登錄的Web應用程序上執行非本意的操

原创 openlayers學習筆記(十三)— 異步調用JSON數據畫點、文字標註與連線

使用Openlayers 3實現調用本地json數據在地圖上添加點、文字標註以及連線。 生成底圖地圖 首先得有一個地圖作爲底圖,代碼如下: let vectorSource = new ol.source.Vector({

原创 openlayers學習筆記(十三)—異步調用JSON數據畫點、文字標註與連線

使用Openlayers 3實現調用本地json數據在地圖上添加點、文字標註以及連線。 生成底圖地圖 首先得有一個地圖作爲底圖,代碼如下: let vectorSource = new ol.source.Vector({

原创 語音識別—前端錄音傳給後臺語音識別

實現前端錄音,將音頻blob傳給服務器,然後在服務器端使用百度AI語音識別將結果返回給前端 上一篇文章是將百度AI語音識別Nodejs SDK版的進行了一遍演示加識別結果返回給前端顯示,這裏是完整的進行前端錄音,然後將壓縮後的

原创 科大訊飛語音聽寫—JavaScript

查看科大訊飛語音聽寫demo即可看見最新的js demo,適用於前端。直接下載即可食用。 貼上主要代碼: index.html <!DOCTYPE html> <html lang="en"> <head> <meta

原创 前端錄音上傳服務器進行語音識別

採用前端錄音,基於Node搭建Websocket服務器,音頻對象Blob使用Websocket傳給後端服務器後寫入本地音頻文件,然後調用百度AI語音識別本地音頻文件,最後將識別結果傳給前端顯示。 百度語音識別 查看文檔知道了我

原创 OpenLayers學習筆記(十一)— 飛機速度矢量線預測

  在機場使用的空管系統中,飛機的速度矢量線差不多是這樣的:     模擬飛機飛行時的速度矢量線,這裏就大概做個類似效果: 什麼叫速度矢量線呢,個人理解就是根據飛機當前速度和航向預測它在未來一段時間內的飛機軌跡,以此來監測飛機是否偏離