20200521 前端開發日報

10天重學vue(第二天);前端一鍵部署(jenkins);簡版在線聊天Websocket;全新的JavaScript runtime —— Deno 初體驗;新手必看的前端項目去中心化和模塊化思想;fetch學習總結;剖析 webpack 4 模塊解析;Vue-cli3.0讀取外部化配置文件來修改公共路徑

  1. 10天重學vue(第二天)

    前情提要 今天的工作主要是看了一下 vue-admin-elementui的權限管理和路由設計,在這個基礎上,正好可以把昨天所學習的充足進行了解一番 我們這里主要來解析一下登陸、和路由管理主流程 1、啟動登陸流程 src/views/login/index.vue 在登陸中使用 this.$store.dispatch('user/login') vuex 和 js-cookie 來保...

  2. 前端一鍵部署(jenkins)

    大家好,我是肥羊羊,今天給大家介紹下jenkins一鍵部署。說來慚愧,之前說要寫一篇jenkins的文章,這讓大家一等就是半年,罪過罪過....

  3. 簡版在線聊天Websocket

    序言 What is Webscoket ? websocket 應用場景 簡版群聊實現 代碼例子 小結 Webscoket Websokcet 是一種單個TCP連接上進行全雙工通信的協議,通過HTTP/1.1 協議的101狀態碼進行握手。 [鏈接] Websocket 應用場景 ...

  4. 全新的JavaScript runtime —— Deno 初體驗

    2020年5月13日,Deno終于正式發布了。Deno是基于V8 JavaScript引擎和Rust編程語言的JavaScript和TypeScript運行時。它是由Node.js之父Ryan Dahl創建的,專注于安全性和生產力。

  5. 新手必看的前端項目去中心化和模塊化思想

    大家好呀,我是你們的老倒霉蛋wangly。 最近項目的積量越來越大,項目的架構也變得非常的糟糕。中心化嚴重,模塊化不明確,導致后續開發變得非常雜亂。所寫成一篇文章給自己對中心化概念發發電。還有我也注意到有的前端工作了一年,甚至一年以上都不知道 中心化 ,和 去中心化 的概念。這種情況是非常不好的,一開始對...

  6. fetch學習總結

    最近,react 項目,使用 fetch 來進行 http 請求。遇到的問題是 fetch 超時 需要做額外處理;為此,特意查詢了 fetch 相關的資料,整理了下;

  7. 剖析 webpack 4 模塊解析

    webpack tapable「看看git倉庫的README基本就差不多了」. 簡單會用webpack. 解析原理 webpack使用的是enhanced-resolve這個模塊在進行解析,解析的原理可以簡單理解成是一個管道「pipeline」 進行解析,從最初的地方傳入要解析的路徑,并且也要傳回調函數,經過一個個插件解析,最終有了結果后返回 or 報錯. 哈哈...

  8. Vue-cli3.0讀取外部化配置文件來修改公共路徑

    之前我寫過一篇通過vue-cli3.0打包發布到nginx配置代理轉發的博客,鏈接在此: https://www.cnblogs.com/jdWu-d/p/12197156.html ,正常來說也是正確的,但不正常之處在了甲方還用了F5負載均衡和gateway來代理轉發。所以之前我認為的請求->nginx轉發代理->后端服務,實際上是請求->nginx代理轉發->F5->ga...

  9. Nodejs實現WebSocket代碼實例

    一、環境配置 1.下載安裝nodejs https://nodejs.org/en/download/ 2.安裝完成后打開cmd命令,執行node --version,看看是否安裝成功,如果提示沒有此命令,去配置下環境變量,正常情況下安裝后自動設置環境變量 二、配置nodejs模塊 1.安裝express模塊 模塊介紹:Express 是一個簡潔而靈活的 node.js Web...

更多內容請關注公眾號【前端開發博客】每日更新