原创 css實現文字顏色動態變化

css實現文子顏色動態變化 先看一下實際效果 實現代碼 .flow { height: 120px; background: linear-gradient(to right, red, orange, yell

原创 noopener、noreferrer使用

noopener a標籤的**target="_blank"**時,會打開一個新的頁面,此時新的窗口的window對象上有一個opener屬性,新的頁面獲得了前一個頁面控制權,就會出現安全問題,noopener就可以解決這個問

原创 css實現打點動畫

寫loading時有時需要在後面連續的出現一個點、兩個點、三個點,實現方式有很多種,js、css皆有,今天分享看到的一種css實現方式。效果如下 代碼如下: .btn {

原创 nextjs 登陸

function authCallback (ctx, result) { const expires = new Date(); expires.setDate(expires.getDate() + 1); ctx.cooki

原创 一個producthunt產品開發過程

producthunt在國內沒有找到類似的產品,所以利用業餘時間寫了一個類似簡單版本。 在寫這個產品之前,寫過自己的博客系統、評論系統、登陸系統,所以登陸、授權、評論、文章、發郵件、點贊等功能都已經有了,後端需要把這些功能整合到一

原创 記一次評論系統開發過程

以前用disqus作爲評論,由於牆的原因導致無法訪問,就一直沒有加上新的評論系統,國內的評論系統有些已經關掉了,也無法使用,所以就想自己寫一個簡單的評論系統,只是實現了最基本的功能,還有大量的工作沒有做。先整理成如下筆記。 一、設

原创 使用nextjs做一個類似productHunt的網站

閒來無事,利用業餘時間做了一個類似productHunt的網站vwood,將實現過程整理一下。 一、框架 技術: nextjs + koa + react + mobx+ antd 爲了更好的支持SEO,所以需要服務器渲染,

原创 評論系統開發小結

以前用disqus作爲評論,由於牆的原因導致無法訪問,就一直沒有加上新的評論系統,國內的評論系統有些已經關掉了,也無法使用,所以就想自己寫一個簡單的評論系統,只是實現了最基本的功能,還有大量的工作沒有做。先整理成如下筆記。 演示地

原创 不錯的圖片下載網站

寫文章有時需要配圖,就收集了幾個免費的圖片網站,整理如下,有新的再添加。 https://unsplash.com/ 自帶API https://wallpapershome.com/ https://wallpapert

原创 docker使用筆記

docker 是一個開源的應用容器引擎, 可以讓開發者打包他們的應用和以來到一個輕量級、可移植的容器中。容器之間不會有任何的接口,並且容器的開銷極低。 docker的安裝可以查看官網https://docs.docker.co

原创 css 隱藏滾動條

chrome和safari .element { // Firefox -ms-overflow-style: none; // IE 10+ overflow: -moz-scrollbars-none; } //

原创 解決iphone插上mac電腦充電不停的斷開和鏈接問題

在終端裏輸入如下命令 sudo killall -STOP -c usbd 以上本人親測有效

原创 #!/usr/bin/env node的理解

在寫npm包的時候需要在腳本的第一行寫上#!/usr/bin/env node ,用於指明該腳本文件要使用node來執行。 /usr/bin/env 用來告訴用戶到path目錄下去尋找node,#!/usr/bin/env nod

原创 img標籤的title和alt

title title屬性用於鼠標放在圖片上時,顯示的文字 alt alt在圖片鏈接無效或沒有時顯示的文本,用於代替圖片

原创 prerender-spa-plugin linux運行報錯問題

使用prerender-spa-plugin進行react預渲染時,本地開發打包沒問題,但在服務器上部署是,出現Error: Failed to launch chrome! 在服務器上分別執行下面兩行命令即可 yum inst