原创 除了自動化訪問性測試,我還對構建的頁面做的六件事

本文翻譯自《Beyond automatic accessibility testing: 6 things I check on every website I build》。如有翻譯不當之處,請不吝指正。 我剛對客戶端完成一次

原创 遇見你,很幸運——初識 Web Audio

注:本文使用的Web Audio API遵循W3C在18年9月發佈的候選推薦版本,本文代碼在Chrome76中測試通過,請注意代碼兼容性。如有錯誤,請不吝指正。 引言 每段緣起始都很簡單,或是擦肩而過的那陣清風,或是四目相對的那

原创 Promise使用手冊

文章轉載自掘金:Promise使用手冊 本篇以Promise爲核心, 逐步展開, 最終分析process.nextTick , promise.then , setTimeout , setImmediate 它們的異步機制. 導

原创 Node.js http.request()返回響應出現亂碼的解決方案

之前用Node.js做個小程序,來實現校園網流量的查詢,以及對我校bt種子區搜索條目刷單。當時用的是http.request(option,callback)方法,但返回的請求出現了亂碼的問題,這可把我給愁壞了。後來找到了方法,在

原创 JS實現HTML實體與字符的相互轉換(一)

最近在用Node.js獲取網頁時發現返回的網頁中有一些實體字符,比如中文應該是“用戶名”,結果返回的是用户名,讀起來相當不爽,於是網上查詢能將html實體字符轉化爲相應字符的方法,找了一些

原创 mysql出現中文亂碼或不能輸入中文問題的Windows或Linux系統解決方法

       相信MySQL新手在剛接觸MySQL時總會遇到中文亂碼的問題,如ERROR 1366 (HY000): Incorrect string value。作爲新手,我也遇到過。不過以前沒系統地找過解決方法,最近因爲Linux要安

原创 表單文本域Tab鍵不能縮進文字的解決方案

最近希望實現類似w3c school那種左邊輸入html、css代碼,右邊呈現界面功能的網頁,於是想到用兩個textarea文本域來分別實現html、css的輸入。但在敲文本時,因爲經常使用Tab鍵縮進不由自主的想用Tab鍵,但發

原创 CSS朝花夕拾之塊級格式上下文BFC

塊級格式上下文(blocking format context,縮寫爲BFC)是個老生常談的話題,前端面試時十有八九會問到。以前並不瞭解它,後來看了一些文章稍微理解了,但是隨後就忘了,所以最近又重新看這個東西,把它記錄在博客裏加深

原创 CSS朝花夕拾之兩欄和三欄佈局

Web前端面試中遇到CSS的問題,難免會提到兩欄或三欄佈局,之前這是筆者的痛處,看過很多關於佈局的文章,但總感覺不得其精要,現在秋招來臨,不管怎麼樣,都要把之前遺留下的問題解決一下,於是有了這篇文章,與君共勉。 兩欄佈局和三欄佈局

原创 給你的git commit加點料

在工作中,我們通常使用git來管理代碼,當我們對代碼進行某項改動後,都可以通過git commit對代碼進行提交。git規定提交時必須要寫提交信息,作爲改動說明,保存在commit歷史中,方便回溯。但你仔細研究過git commi

原创 DeepinOS安裝部分軟件工具總結

前言:昨天安裝win10把電腦裝崩了,幸虧U盤裏還有deepinos的安裝包,索性裝了deepin單系統。linux系統裝軟件工具等和windows很不相同,其中有一些軟件是可以從應用商店中找到的,直接進行安裝就可以,還有一些可以從官

原创 Windows下Node爬蟲神器Puppeteer安裝記

這篇文章主要介紹了Windows下Node爬蟲神器Puppeteer安裝記,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 對於爬蟲,相信大家並不陌生。當希望得到一些網站的數據並做一些有

原创 Node爬蟲神器Puppeteer安裝記(Windows)

對於爬蟲,相信大家並不陌生。當希望得到一些網站的數據並做一些有趣的事時,必不可少要爬取網頁,用到爬蟲。而目前網絡上也有很多爬蟲的教程資料,不過又尤以python語言居多。想來自己是做web的,就希望以js的方式解決問題,於是希望利用nod

原创 CSS網格佈局(Grid)完全教程

本文譯自《A Complete Guide to Grid》。由於譯者水平有限,如有錯誤,請不吝指正。文中所有圖的版權歸原作者所有。 導語:CSS網格佈局是目前CSS中可用的最強大的佈局系統。它是二維繫統,即可以處理行和列,不像flexb

原创 React組件生命週期一覽

React組件生命週期有三個階段:加載、更新和卸載。每個階段有多個方法來調用實現某些功能。這些方法名字也很有意思,帶will前綴表示在該階段發生之前調用,did表示在該階段發生之後調用。本文將介紹這些方法。本文翻譯自React官網文檔,如