原创 讓你在不編寫 class 的情況下使用 state 以及其他的 React 特性【React hook】

Hook 是 React 16.8 的新增特性。它可以讓你在不編寫 class 的情況下使用 state 以及其他的 React 特性。 那麼,什麼是 Hook? Hook 是一些可以讓你在函數組件裏“鉤入” React stat

原创 初學DvaJS,掌握核心概念後原來如此簡單

​ dva是什麼 dva 首先是一個基於 redux和 redux-saga的數據流方案,然後爲了簡化開發體驗,dva 還額外內置了 react-router和 fetch,所以也可以理解爲一個輕量級的應用框架。 dva 是基於現

原创 CSS中的函數

CSS中也有函數,我們也會經常用到,今天我就來羅列一下CSS中所有的函數   先從CSS2說起 在CSS2中有兩個函數,這兩個函數有一個使我們經常用到的  rgb() rgb() 使用紅(R)、綠(G)、藍(B)三個顏色的疊加來生成各式各

原创 分享75個超炫的CSS加載動畫

我一直都是一個很喜歡很炫的東西,但是目前還比較缺乏設計思維,只能到處去學習尋找靈感。 今天我爲大家帶來了75個超炫的CSS加載動畫,後面我會對其中的一些效果進行深入的講解。 1.5款生動的加載動畫 演示地址:http://www.dzyo

原创 從零開始手擼CSS加載動畫【第一期】

  先看一下本期CSS動畫效果 這個動畫是如何用CSS做出來的呢,有兩個重點 動畫內容的形狀如何用CSS呈現出來 如何實現非線性旋轉 下面我們一步一步的對這個動畫進行剖析 目錄 搭建HTML架構 CSS穿上新裝 搭建HTML架構 通過效

原创 淺談react組件

組件化思想 vue和react都是現在最火的兩大前端框架之一,無論是vue,還是react,他們都採用的是組件化的思想。對於一個前端開發人員來說,組件這個詞並不陌生,也可以感受到組件所帶來的好處與快感。 我就隨性的講講我個人對組件

原创 【程序員的浪漫】使用node每天定時給女友發送浪漫郵件

先看效果 其中的內容包含了當前時間、與女友的紀念日、當天天氣、每日一句話和生活小常識(愛從小事做起)      所用到的包    "cheerio": "^1.0.0-rc.3",        //爬取網站內容     "node-sc

原创 學會對VUE的SEO優化,你的網站總是排在前面

​在開始之前,我們先來了解一下什麼是SEO。 SEO(Search Engine Optimization):漢譯爲搜索引擎優化。是一種方式:利用搜索引擎的規則提高網站在有關搜索引擎內的自然排名。目的是讓其在行業內佔據領先地位,獲得品牌

原创 在express中進行token認證

什麼是Token Token 是在服務端產生的,當客戶端傳來的用戶名/密碼驗證通過時,就會在服務器端生成一個Token返回給客戶端,這個Token中包含了用戶信息、過期時間等信息。客戶端接收到返回的token後將其保存,在有效時間內客戶端

原创 數據結構——Floyd算法(尋找最短路徑)

Floyd算法 Floyd算法又稱爲插點法,是一種利用動態規劃的思想尋找給定的加權圖中多源點之間最短路徑的算法,與Dijkstra算法類似。 在計算機科學中,Floyd-Warshall算法是一種在具有正或負邊緣權重(但沒有負週期)的加

原创 筆試題真的可以評判一個人的能力,決定他的去與留嗎?

前言 在IT行業找工作比大多數行業都多一項筆試,IT行業細分下來兩隻手都比不過來。 但是無論你是具體做什麼,前端、後端、嵌入式、算法、機器學習等等等等,基本上都少不了筆試這一項。並且筆試往往還是第一步,如果是大量招聘的話,筆試這一

原创 我的網站第一次變素裝,向因新冠肺炎疫情遇難的所有同胞深切哀悼

爲向因新冠肺炎疫情遇難的所有同胞深切哀悼,今天我也讓我的網站第一次變素裝,作爲一個IT人員,這是一種最高的表達儀式。 變素裝用到的是CSS的濾鏡,代碼只需要兩行 html{ -webkit-filter: grayscale(1

原创 JavaScript 中比Object更強大的Map

  ​Map對象保存鍵值對,並且能夠記住鍵的原始插入順序,最爲主要的一點是可以以任意值作爲鍵。 語法 new Map([iterable])  iterable:可以是一個數組或者其他iterable對象,其元素爲鍵值對(如:[[

原创 我編寫的肺炎疫情數據API的實現過程

對於疫情數據很多平臺都提供了接口,但是他們的數據都是一併返回的,需要用戶自己去處理,並且信息不全,我這裏對幾個平臺的數據進行了處理,然後保存到自己的數據庫中。再使用node編寫接口,給大家提供方便。 我這裏使用的是天行API提供的接口

原创 用JavaScript實現排序算法動畫【第二期】插入排序

算法概述 插入排序(Insertion sort)是一種簡單直觀且穩定的排序算法。 將數組的第一個數認爲是有序數組,從後往前(從前往後)掃描該有序數組,把數組中其餘n-1個數,根據數值的大小,插入到有序數組中,直至數組中的所有數有序排列爲