20190506 前端開發日報

Vue+Express實現登錄,注銷；嘗試用 vue 實現滅霸打響指英雄消失的效果 demo；了解 JavaScript 函數式編程 – 代碼組合的優勢；初步學習Vuex；webpack4 基礎；Vue-Cli 3.0從0 開始搭建項目（篇1）；說說JS中的原型對象和原型鏈；5分鐘了解vue-router的基本使用

  1. Vue+Express實現登錄,注銷 對Vue全家桶有基本的認知. 用有node環境 了解express 一丶業務分析 1.什么情況下進行權限驗證? 訪問敏感接口 前端向后端敏感接口發送ajax 后端進行session驗證,并返回信息 前端axios攔截返回信息,根據返回信息進行操作 進行頁面切換 頁面切換,觸發vue-rout...
  2. 嘗試用 vue 實現滅霸打響指英雄消失的效果 demo 滅霸打響指的消失效果。效果來源于 Google 搜索“滅霸” 或者 “thanos”。算是蹭熱度的一個 Feature , 我通過 F12 試圖去查看是如何實現的，也摳了一些音頻、圖片資源下來。后來在 github 上找到了一個現有的項目 Thanos_Dust , 所以參考了部分它的代碼。 其實它的代碼已經算比較完善了，在它的基礎上，我用 vue 來寫了一下...
  3. 了解 JavaScript 函數式編程 - 代碼組合的優勢 組合函數看起來像是在養植物。你就是養殖員，選擇兩個有特點又被你喜歡的植物，讓它們嫁接(結合)一下，產下一個嶄新的品種(函數)。組合的用法如下： var compose = function(f,g) { return function(x) { return f(g(x)); }; }; 復制代碼 f 和 g 都是函數， x 是在它們之間通過“管道”傳輸的值。這里得注意...
  4. 初步學習Vuex vuex是專門為vue.js開發的狀態管理模式，它將所有組件的狀態集中的存儲在一起，并且用相應的規則使這些狀態以一種可預測的方式發生改變。 vuex是做什么用的 前面說到vuex是專門為vue.js開發的狀態管理模式，那么究竟什么是“狀態管理模式”呢？ 以我目前對狀態的理解就是組件在某個時刻呈現出的視圖、數據的狀態。...
  5. webpack4 基礎 假期沒有出去玩，但是我覺得很充實吼/(ㄒoㄒ)/~~ 根據Sean在 frontend masters上的課程加上個人的理解 Sean 是 webpack 的核心貢獻者哦:hushed: 課程代碼 為什么要使用webpack 傳統方法在瀏覽器中執行JS 一個功能加載一個script 標簽 e.g. Jquery , Swiper 加載一個巨大的JS文...
  6. Vue-Cli 3.0從0 開始搭建項目（篇1） 從0開始搭建項目，相信更多人都做過，但是你真的獨立搭建整個項目了嗎，有沒有考慮周全，是否從UI的框架的選型、權限、圖標、路由、登陸攔截、第三方工具庫、性能優化等多方面搭建出適合本公司項目的人員和環境。本文總結的是Vue-Cli3.0構建項目 搭建項目 根據實際情況而定。 值得注意的Vue-Cli 初始化項目的命令是`...
  7. 說說JS中的原型對象和原型鏈 理解原型對象（有些文章簡稱為原型）和原型鏈，是理解JS的重要一環。下面是筆者對JS中原型的理解， 函數對象 俗話說，JS中萬物皆對象。函數也是一個對象， 只不過函數是在特定環境中執行代碼的對象。 什么是函數對象？每聲明一個函數，此函數在JS執行解釋時都會被當作一個對象來維護，這就是函數對象。JS中聲明...
  8. 5分鐘了解vue-router的基本使用 目的: 了解 vue-router 的使用 閱讀時長: 5 分鐘 來源: 并非原創，整理自視頻 主要內容 vue-route的基本使用 router的鉤子以及執行順序如何 router的參數傳遞方式 正文 router.gif 1.基本使用 1-1. 建立一個Route的文件夾，新建index.js import Vue from 'vue'; import VueRo...
  9. SpringBoot,Vue前后端分離開發首秀 需求：讀取數據庫的數據展現到前端頁面 技術棧：后端有主要有SpringBoot,lombok,SpringData JPA,Swagger,跨域，前端有Vue和axios 不了解這些技術的可以去入門一下lombok入門 swagger入門 SpringData JPA入門 配置：mysql 8.0.11,IntelliJ IDEA 2017.1.2,HBuilderX 1.9.3 首先創建一個Spring Boot項目，目錄結構如下：...
  10. 深入剖析Vue源碼 - 實例掛載,編譯流程 在正文開始之前，先了解vue基于源碼構建的兩個版本，一個是 runtime only ，另一個是 runtime加compiler 的版本，兩個版本的主要區別在于后者的源碼包括了一個編譯器。 什么是編譯器，百度百科上面的解釋是 簡單講，編譯器就是將“一種語言（通常為高級語言）”翻譯為“另一種語言（通常為低級語言）”的程序。一個現代...
  11. Angular 學習之路 01 – 搭建環境 從零開始搭建一個前端項目要比同樣搭建后端項目復雜得多。一定程度上是因為前端項目各種零零散散的工具都有著自己的配置文件，缺乏一個統一的開發框架。好在現在很多成熟的前端框架都提供了命令式的項目生成工具，用于簡化這一流程。Angular 從最初的版本就提供了一個名為 CLI 的命令行工具，可以生成開箱即用的 Angular...
  12. 淺談js函數節流和函數防抖 函數節流和函數防抖是一種優化方法，可用于減少高頻繁觸發任務（函數）的執行次數，達到減少資源占用的目的。 函數節流：任務在指定的間隔時間內只執行一次。 函數防抖：只有在任務觸發的間隔小于指定的間隔時間，任務才會被執行。 區別：在指定時間內，任務執行的次數不同。假設持續觸發一個任務1s，且任...
  13. Alfred - Script Filter Alfred 3 推薦 JSON 作為 Script Filter 返回的格式。這樣以來，用 Alfred 寫 Workflow 就更加方便，更加通用。所以翻譯了一下官方文檔… 環境信息 Alfred 3.8.1 第一步…最后一步 差不多只需要一步，就能知道 Script Filter 是什么。Alfred -> Workflows -> + -> Getting Started -> Script Filt...

關注github前端日報 訂閱精彩文章

前端日報欄目數據來自碼農頭條，每日分享互聯網上熱門的前端開發、移動開發、設計、資源和資訊等，為開發者提供動力，如果覺得內容對你有用，記得分享給你的小伙伴。進入碼農頭條查看更多

相關文章