原创 《秋風日常第二期》一個快速找出待SEO圖片的技巧

在日常開發中,可能對 img 的 alt 屬性可能不會太注意,也許你已經忘了這個屬性是幹什麼的了。那麼首先請出他的另一個容易搞混的屬性 title,直接上個圖吧,簡單描述。title 效果alt 效果也許今天講的對你目前的工作沒有什麼幫

原创 《模塊化系列》snowpack,提高10倍打包速度。

引言前幾天聽一個朋友說到 snowpack, 便去去看了下這個包是幹什麼的,看了下官網,發現這個東西還是蠻有意思的。號稱 無需打包工具(Webpack,Parcel)便能將代碼結果實時展現在瀏覽器中。可以先看以下的圖,是不是很誘人?sn

原创 喜大普奔,es2019登場

 點擊上方“秋風的筆記”關注我們就在剛4個小時前,TC39將以下特性加入到了 ES2019 中。讓我們來看看這些新的特性給我們帶來了什麼樣的改變。ES2019 新特性:➡️ Array#{flat,flatMap}➡️ Object.f

原创 肉身翻牆應該注意什麼,一個澳洲程序員的自述

前言今天帶來的主題有一點特殊,但是確實有一部分人心中所向往的,就是肉身翻牆。想介紹的原因就是,由於我的一位朋友 Nolan,昨天在交流羣內對一些關於想要出國工作的朋友進行了交流以及問題解答, 如果對這一方面感覺興趣的朋友可以看接下來的一

原创 [重拾CSS]一道面試題來看僞元素、包含塊和高度坍塌

前言前幾天某個羣友在羣裏問了一道面試題,就是關於一個自適應的正方形佈局的困惑,先貼上代碼。我其實很長一段時間沒有寫 CSS 了,對於裏面的一些細節也比較模糊了,因此決定重拾 CSS,來重新捋一捋這題目中的一些知識點。(本文大多采用的講解

原创 CodePen vue SFC 、flutter 在線玩耍來襲

首先介紹下,CodePen 是一個在線社區,用於測試和展示用戶創建的 HTML,CSS 和 JavaScript 代碼段。在上面有非常多的代碼片段,以及 CSS 的各種有創意的 demo。我可以說很多各種奇幻的效果都產自於它,例如用 C

原创 《秋風日常第三期》11個前端開發者必備的網站

本文翻譯自 https://blog.bitsrc.io/12-useful-online-tools-for-frontend-developers-bf98f3bf7c63 但是不僅僅是單純地翻譯,替換了原文中一些我覺得不太實用的並

原创 一文了解文件上傳全過程(1.8w字深度解析,進階必備)

前言平常在寫業務的時候常常會用的到的是 GET, POST請求去請求接口,GET 相關的接口會比較容易基本不會出錯,而對於 POST中常用的 表單提交,JSON提交也比較容易,但是對於文件上傳呢?大家可能對這個步驟會比較害怕,因爲可能大

原创 專爲程序員定製的垃圾清理工具(Node Cli實現)

前言1584517625611就是這個惡毒的提示,太讓我煩惱了,一開始我用了騰訊的 lemon 清理工具,但是發現他並不能很好地解決我的問題,沒有辦法完全找出我的緩存文件。由於本人是 256G Mac (窮....),真的,256G 太

原创 10 種跨域解決方案(附終極方案)

寫在前面 嗯。又來了,又說到跨域了,這是一個老生常談的話題,以前我覺得這種基礎文章沒有什麼好寫的,會想着你去了解底層啊,不是很簡單嗎。但是最近在開發一個 vscode 插件 發現,當你剛入門一樣東西的時候,你不會想這麼多,因爲你對

原创 css實現左邊定寬右邊自適應的兩列布局5種方法

在項目實踐中不乏有需要兩列式佈局,左側固定右側自適應是比較常見的佈局方式,現在我就來總結一下我自己所知道的5種方法。 html代碼結構: <div class="box"> <div class="con1">

原创 2018網易前端實習筆試題

前端時間做了網易前端實習的筆試題,偶像想起,總結一下,前面的選擇題,我就不一一細說了,主要考察的是對於前端的基礎,以及計算機基礎,這次主要講下算法題。所有算法我均用js所寫,不同語言思路均相同。 (以下都是我對題目的簡述) 1

原创 你不知道的javascript之JS原型對象和原型鏈

開篇 之前對js中的原型鏈和原型對象有所瞭解,每當別人問我什麼是原型鏈和原型對象時,我總是用很官方(其實自己不懂)的解釋去描述。有一句話說的好:如果你不能把一個很複雜的東西用最簡單的話語描述出來,那就說明你沒有真正的理解。最近正在

原创 原生JS實現ajax上傳文件並顯示進度條

html代碼 <progress id="progressbar" value="0" max="100" style="width:300px;"></progress><span id="percentage"></span>

原创 你不知道的javascript之運算符||和&&

學過c,php這些語言的同學在學習javascript時候可能會有一些困擾,因爲javascript中的||、&&和c或者是php中有很大的差別。因爲在javascript中返回的類型並不是布爾值,他返回的而是兩個操作值中之一,例