css - 收藏集 - 掘金

phpmatt 發布于2019-08-29 12:41 / 2099人閱讀

摘要：絕對底部前端掘金來自國外的設計達人，純，可以實現當正文內容很少時，底部位于窗口最下面。有效解決圖片使用單位邊角缺失的問題前端掘金起因在移動端使用布局時圖片也需要用單位。

CSS 絕對底部 - 前端 - 掘金
來自國外的設計達人，純CSS，可以實現: 當正文內容很少時，底部位于窗口最下面。當改變窗口高度時，不會出現重疊問題。甚至，創造該CSS的人還專門成立一個網站介紹這個CSS底部布局方案。不知道他有沒有去申請專利:) &l...

CSS 自定義屬性 — 使用篇 - 前端 - 掘金
譯者注：抱歉帶來欠佳的閱讀體驗。使用文本代碼無法成功發布文章，所以本篇中的代碼暫時全部使用的是圖片。推薦大家閱讀公眾號版本，公眾號版本，公眾號版本！待譯者聯系到知乎專欄工作人員后再嘗試修改本文。使用篇的翻譯來自兩篇文章，原文分別是 ...

CSS3 之 3D 動畫制作 - 前端 - 掘金
css3的3d起步要玩轉css3的3d，就必須了解幾個詞匯，便是透視(perspective)、旋轉(rotate)和移動(translate)。透視即是以現實的視角來看屏幕上的2D事物，從而展現3D的效果。旋轉則不再是2D平面上的旋轉，而是三維坐標系的旋轉...

為元素添加邊框，你有多少種好辦法？ - 掘金
騰訊云技術社區-掘金主頁持續為大家呈現云計算技術文章，歡迎大家關注！作者：莫卓穎背景相信大家在做項目的過程中會經常遇到這樣的一個需求，鼠標hover到某個元素的時候為這個元素添加邊框，這個簡單的需求僅需注意添加邊框后不會對原有的位置造成布局的影響從...

CSS 命名方式 --BEM - 前端 - 掘金
原文地址：https://github.com/zhongxia24... 一、背景挺早就聽說過BEM了，也大概的知道怎么用，但是具體 BEM 指啥，具體有啥要求，還不是很清楚，然后今天就學習了下。二、BEM（Block，Elem...

16種方法實現水平居中垂直居中 - 掘金
熟悉水平居中和垂直居中的方法, 不為別的, 就為用的時候能夠信手拈來. 下面直接步入正題.原文：16種方法實現水平居中垂直居中水平居中 1) 若是行內元素, 給其父元素設置 text-align:center,即可實現行內元素水平居中. 2) 若是塊級元素,...

CSS 技巧（二）：形狀 - 前端 - 掘金
形狀本章代碼比較多，可以訪問倉庫獲取源代碼。 1. 自適應的橢圓背景知識：border-radius屬性的基本用法使用b...

理解 CSS 命名規范 --BEM - 前端 - 掘金
理解CSS命名規范--BEM 2017-04-05 最近在寫博客主題的時候發現一個很嚴重的問題，由于css的命名并不是很規范，導致自己在后期修改的時候很是頭疼，有些樣式需要在瀏覽器中打開開發者工具去找，很是無奈。所以決定在寫完主題之后...

5 個技巧避免不必要的瀏覽器兼容性問題 - 掘金
本文作者：John Howard 編譯：胡子大哈翻譯原文：http://huziketang.com/blog/po... 英文連接：5 Tricks to Avoid Cro...

CSS 技巧（三）：視覺效果 - 前端 - 掘金
《css揭秘》學習筆記系列，記錄和分享各種實用技巧，共同進步。源代碼可訪問倉庫地址視覺效果 1. 單側投影 1.1 單側投影 ...

詳解 CSS 七種三欄布局技巧 - 前端 - 掘金
三欄布局，顧名思義就是兩邊固定，中間自適應。三欄布局在開發十分常見，那么什么是三欄布局？比如我打開某東的首頁：映入眼簾的就是一個常見的三欄布局：即左邊商品導航和右邊導航固定寬度，中間的主要內容隨瀏覽器寬度自適應。下面圍繞的這樣的目的，即左右...

CSS三欄布局的四種方法 - 掘金
前言總括：不管是三欄布局還是兩欄布局都是我們在平時項目里經常使用的，也許你不知道什么事三欄布局什么是兩欄布局但實際已經在用，或許你知道三欄布局的一種或兩種方法，但實際操作中也只會依賴那某一種方法，本文具體的介紹了三欄布局的四種方法，并介紹了它的使用場景。 ...

有效解決 css sprite 圖片使用 rem 單位邊角缺失的問題 - 前端 - 掘金
起因在移動端使用 rem 布局時 sprite 圖片也需要用 rem 單位。但由于瀏覽器對小數單位精度解析的差異，在不同設備上一些圖片看起來會缺了一點點，或者多了一點點.....

談談一些有趣的 CSS 題目（十四）-- 純 CSS 方式實現 CSS 動畫的暫停與播放！ - 前端 - 掘金
開本系列，談談一些有趣的?CSS?題目，題目類型天馬行空，想到什么說什么，不僅為了拓寬一下解決問題的思路，更涉及一些容易忽視的 CSS 細節。解題不考慮兼容性，題目天馬行空，想到什么說什么，如果解題中有你感覺到生僻的 CSS 屬性，趕緊去...

平時自己項目中用到的 CSS - 掘金
css有些屬性容易忘記，半天不寫就要去查api，有時候api還不好使，于是還是記下來以后方便用，后續會慢慢補充進來的。 Github: https://github.com/asd0102433...博客長期更新，喜歡的朋友star一下 outline...

使用 css 3 制作長投影 Long Shadow - 前端 - 掘金
在flat design(扁平化的設計)中，Long Shadow （長投影）被看著屢試不爽的設計技能。比如下面這張，非常經典的長投影設計: 攝影師選擇長投影通常是給圖片帶來戲劇效...

flex.css快速入門，極速布局 - 掘金
什么是flex.css? css3 flex 布局相信很多人已經聽說過甚至已經在開發中使用過它，但是我想我們都會有一個共同的經歷，面對它的各種版本，各種坑，傻傻的分不清楚，flex.css就是對flex布局的一種封裝，通過簡潔的屬性設置就能使得它完美的運行在移...

web 前端之 base.css - 前端 - 掘金
意義統一各個瀏覽器差異、統一團隊開發起始標準、彌補瀏覽器的“缺點”、提供頻繁使用的原子類名。 ...

CSS 五種方式實現 Footer 置底 - 前端 - 掘金
頁腳置底（Sticky footer）就是讓網頁的footer部分始終在瀏覽器窗口的底部。當網頁內容足夠長以至超出瀏覽器可視高度時，頁腳會隨著內容被推到網頁底部；但如果網頁內容不夠長，置底的頁腳就會保持在瀏覽器窗口底部。 ...

你必須記住的 30 個 CSS 選擇器 - 前端 - 掘金
So you learned the base id, class, and descendant selectors—and then called it a day? If so, you"re missing out on an enormous lev...

用CSS3來制作倒影（box-reflect） - 掘金
有一句話說的好：“橫看成嶺側成峰，遠近高低各不同”，有些時候，我們需要從不同的角度去欣賞mm，如下圖：在早期，要實現這種效果，我們只能乖乖的找設計去制作，然后在頁面上插入一張圖片，但是隨著CSS3的出現，我們可以純代碼實現，如何實現呢？就是通過CSS3的bo...

Flex 布局應用 - 掘金
CSS3為我們提供了一種可伸縮的靈活的web頁面布局方式-flexbox布局，它具有很強大的功能，可以很輕松實現很多復雜布局。然而Flex屬性較多，不便于記憶，而在項目中，布局使用頻繁，那么可以將flex抽離為一個布局工具類，簡化使用方式，快速應用于項目，減少...

深入新版 BS4 源碼探索 flex 和工程化 sass 奧秘 - 前端 - 掘金
你可能已經聽說了一個“大新聞”：Bootstrap4 合并了代號為#21389的PR，宣布放棄支持IE9，并默認使用flexbox彈性盒模型布局。這標志著：1）前端開發全面步入“現代瀏覽器”的時代進一步來臨；2）樣式處理也再一次面向未來，擁抱更加靈活的彈性盒模...

一勞永逸的搞定 flex 布局 - 掘金
尋根溯源話布局一切都始于這樣一個問題：怎樣通過 CSS 簡單而優雅的實現水平、垂直同時居中。記得剛開始學習 CSS 的時候，看到 float 屬性不由得感覺眼前一亮，順理成章的聯想到 Word 文檔排版中用到的的左對齊、右對齊和居中對齊，然而很快就失望的發現...

對比學習 sass 和 stylus 的常用功能 - 前端 - 掘金
在眾多的css預處理器語言中，sass和stylus算是十分優秀的兩個。本文主要針對兩者的常用功能做個簡單的對比分析。在對比中了解二者的差異，同時幫助大家更好的掌握這兩種預處理語言。本文涉及到的sass部分，均來自于阮一峰老師的 ...

彈性盒模型Flex指南 - 掘金
Web layout 是Web UI中的基礎架構, 重要性不言而喻. 傳統的盒模型, 借助display, position, float 屬性應對普通布局游刃有余, 但針對復雜的或自適應布局, 常常捉襟見肘. 比如垂直居中, 就是一個老大難的問題, 借助fl...

CSS: 常用的元素居中方法 - 前端 - 掘金
日常工作中常常會遇到元素居中的需求，通常塊級元素的水平居中只需左右margin設為auto即可。而行間元素的居中則是由父級設置行高(等于父級高度)和 text-align(center)實現。但是如果要求是塊級元素水平垂直居中呢？本文總結了一些常用的元素水...

Sticky Footer，完美的絕對底部 - 前端 - 掘金
寫在前面做過網頁開發的同學想必都遇到過這樣尷尬的排版問題：在主體內容不足夠多或者未完全加載出來之前，就會導致出現（圖一）的這種情況，原因是因為沒有足夠的垂直空間使得頁腳推到瀏覽器窗口最底部。但是，我們期望的效果是頁腳應該一...

走進網頁虛擬現實 WebVR - 掘金
最近幾年，虛擬現實VR的概念火了一把，各種VR概念的游戲、設備、視頻受到人們的廣泛關注。筆者在逛商場的時候也經常會看到有VR設備體驗的地方讓游人體驗一把，各種酷炫的頭盔和酷炫的設備著實抓人眼球。但是作為一個前端工作者，我們肯定也希望在我們的網頁里也能看到這么酷...

CSS 技巧（一）：背景與邊框 - 前端 - 掘金
該系列為《css揭秘》讀書筆記，歸納主要知識點，通過實戰技巧深入css屬性，加以鞏固。背景與邊框 1.半透明邊框背景知識：rgba/hsla，在rgb/hsl的基礎上增加了Alpha通道,用于設置顏色的不透明度（就是能透過多...

(譯) 編寫整潔 CSS 代碼的黃金法則 - 掘金
原文地址：Golden Guidelines for Writing Clean CSS 原文作者：本文已獲作者 Tiffany Brown 授權譯文出自：掘金翻譯計劃譯者：reid3290 校對者：weapon-xx，bambooom 編寫整潔 C...

Flex 布局學習筆記 - 前端 - 掘金
Flex 布局，也稱為彈性布局，是為了適應不同的屏幕尺寸和不同的設備類型二提出的一種布局方式。基本概念 ...

黑科技：CSS 定制多行省略 - 前端 - 掘金
什么是多行省略？當字數多到一定程度就顯示省略號點點點。最初只是簡單的點點點，之后花樣越來越多，點點點加下箭頭，點點點加更多，點點點加更多加箭頭...。多行省略就是大段文字后面的花式點點點。同行這么做： ...

(譯)Gif 在 web 上的優化 - 前端 - 掘金
原文地址： https://bitsofco.de/optimisin... @ireaderinokun 和很多人一樣，我喜歡在自己的站點用gif。可以非常好的突出某些功能。比如下面模仿 itunes的輪播 ...

瀏覽器亞像素渲染與小數位的取舍 - 騰訊 ISUX - 前端 - 掘金
在響應式項目中，百分比的數值的應用越來越多，比如柵格化布局、背景定位、內邊距等。以往對于這種數值，我們大都是直接采用計算器計算出來的數值。但這種數值有時會很長，特別是除不盡的數值如23.33333333%。數據不美觀不說，關鍵對于這種小數位的位數應該如何取舍，...

「前端」rem 縮放方案 flexible-js 兼容 375px 方案的思路 - 掘金
本文來自尚妝前端團隊南洋發表于尚妝github博客，歡迎訂閱。移動端H5頁面rem縮放方案flexible.js兼容375px方案的思路參考：移動端高清、多屏適配方案 viewport-and-flexible.js flexible.js git...

CSS hack 合集 - 前端 - 掘金
本來已經拋棄IE6|7|8了，可是最近發現要考慮IE兼容性的網站還是有不少的，所以這兩天了解了一下CSS HACK，在這里簡單地總結一下！ 1、何為HACK？簡單的說，HACK就是只有特定瀏覽器才能識別這段hack代碼。Hack也可以說是讓前端最為頭疼...

沒那么難，談 CSS 的設計模式 - 前端 - 掘金
什么是設計模式？曾有人調侃，設計模式是工程師用于跟別人顯擺的，顯得高大上；也曾有人這么說，不是設計模式沒用，是你還沒有到能懂它，會用它的時候。先來看一下比較官方的解釋：”設計模式（Design pattern）是一套被反復使用、多數人知曉的、經過分類的、代...

CSS3 布局利器 Flex 詳解 - 前端 - 掘金
傳統的網頁布局基于盒裝模型，使用display，position，float屬性來達成各種布局。對于一些特殊的布局使用這些來實現不是很方便，比如垂直居中。Flex應運而生，它可以簡便、完整、響應式地實現各種頁面布局。Chrome 21，FF22，IE 10，S...

flex 布局基礎 - 閱讀 - 掘金
布局的傳統解決方案，基于盒狀模型，依賴 display屬性 + position屬性 + float屬性。它對于那些特殊布局非常不方便，比如，垂直居中就不容易實現。之前的博客中也利用這一解決方案解決過居中布局等等問題。詳見css--布局[1]和css--全屏布...

Flex 布局關于內容均分的那些坑 - 前端 - 掘金
DDFE 實戰經驗...

GitBook《擁抱未來的 CSS 布局方式：flex 與 grid 布局》全教程 - 前端 - 掘金
本系列文章為對CSS中flex布局與grid布局的詳細介紹，已在GitHub同步更新，如您在閱讀過程中發現描述有誤或錯別字的情況，您可以向本項目提出issus或Pull Request。本系列文章為我在深入研究CSS的布局方式的過程中的一些總結。主要是對于C...

Flex 布局新舊混合寫法詳解（兼容微信） - 前端 - 掘金
flex是個非常好用的屬性，如果說有什么可以完全代替 float 和 position ，那么肯定是非它莫屬了（雖然現在還有很多不支持flex 的瀏覽器）。然而在移動開發中，本來絕大多數瀏覽器（包括安卓2.3以上的自帶瀏覽器）都支持的屬性，偏偏有個例外，就是國...

移動端 flex 布局神器，兼容微信，UC，webview 等移動端主流瀏覽器，支持 react，vue，angular - 前端 - 掘金
download git clone https://github.com/lzxb/flex.... npm npm install flex.css --save 為什么需要flex.css? 在移動端開發中，并不是所有的瀏覽器，webview...

前端切圖神器 avocode - 前端 - 掘金
安裝avocode 前端的基礎工作就是把設計師的設計稿還原成前端頁面，所以切圖是作為一個前端的基本技能。殺敵要有趁手的兵器，而前端一般都是用photoshop,但是這個兵器非常笨重，可能當你笨拙的揮動的它時，敵人已經揮刀到你的頸部了。畢...

CSS 技巧：使你的 CSS 更加專業 - 前端 - 掘金
一個幫你提升 CSS 技巧的收藏集。對于其他收藏集合可以查看 @sindresorhus 創建的收藏集合 Awesome Lists. 目錄專業技巧支...

SVG 新司機開車指南 - 前端 - 掘金
TL,TR 確保大家一小時內可以開車上路..... 來不及解釋了，快學車..... SVG其相關特性遠比想象中要強，本文首先介紹下SVG的相關定義、優缺點和Demo，接下來會介紹它的...

(譯)CSS Top 10 Articles for the Past Year (v.2017) - 前端 - 掘金
在過去一年里，我們對近11000篇CSS3的文章進行了整理，同時從中挑選出可以幫助你規劃2017年web事業發展前十的內容（0.09%的概率）。這份CSS列表包含了各種話題，例如：REM，架構，網格，Element Querise，display，Backg...

騰訊 AlloyTeam 正式發布 Canvas 魔幻線條 - curvejs - 掘金
寫在前面 curvejs 中文讀["克js"]，是騰訊AlloyTeam打造的一款魔幻線條框架，讓線條成為一名優秀的舞者，讓線條們成為優秀的舞團，HTML5 Canvas就是舞臺。官網：https://alloyteam.github....

前端魔法堂：解秘 FOUC - 前端 - 掘金
前言對于問題多多的IE678，FOUC(flash of unstyled content)——瀏覽器樣式閃爍是一個不可忽視的話題，但對于ever green的瀏覽器就不用理會了嗎？下面嘗試較全面地解密FOUC。到底什么是FOUC？頁面加載解析時，頁...

有趣的 6 種圖片灰度轉換算法 - 前端 - 掘金
前言黑白照片的時代雖然已經過去，但現在看到以前的照片，是不是有一種回到過去的感覺，很cool有木有~ 看完這篇文章，就可以把彩色照片變成各種各樣的黑白的照片啦。本文完整的在線例子圖片灰度算法例子，例子的圖片有點多，可能有些慢。例子的源碼位于blog/de...

文本動畫, 幾行代碼頁面效果瞬間就提升了 - 前端 - 掘金
animate-text 文字動畫和數字動畫 animate text 查看DEMO...

內容滾動條和子 div 高度自適應 - 前端 - 掘金
寫在前面：老套路有圖有真相，這才叫做分享。本文內容是：一個div里面，兩個子div高度自適應（平分父div的高度）和元素內容過多的時候，根據需求出現高度滾動條或者寬度滾動條。先放最終效果（在下面會有demo代碼。）： ...

[設計文章：都說是 2016 年國外最火 55 套 PS 實用教程?

設計 - 掘金](https://juejin.im/entry/58b6d...
今夜，西元2017年的第一天，又是一個365天的日夜輪回，成長有所得，生活有所福，時間有所守，工作有所進，慢條斯理即便如樹懶也是一年，風馳電掣就算是天速星神行太保戴宗，一年也終是一年。PS小公舉，還是阿隨君電腦中打開率最高的軟件之一，這一年，精進有無，愛有無，...

解決 Chrome 中 input 自動填充時會強行設置背景色的問題 - 前端 - 掘金
方法1：box-shadow 方法2：animation...

淺析 js 實現網頁截圖的兩種方式 - 前端 - 掘金
Web端的截圖(生成圖片)并不算是個高頻的需求，資料自然也不算多，查來查去，也不過Canvas 和 SVG兩種實現方案，原理大概相似，都非真正義上的截圖而是把DOM轉為圖片，然而實現方式卻截然不同。 Canvas 實現 ...

(譯) 通過裝飾器來讓你的代碼更整潔 - 前端 - 掘金
原文: Make your Code Cleaner with Decorators ...

前端必備 HTTP 技能之 WebSocket 協議詳解 - 前端 - 掘金
WebSocket是一個計算機通信協議，通過一個TCP連接提供全雙工的通信頻道。2011年IETF在RFC6455文件中標準化了WebSocket協議，WebSocket的 Web IDL格式的API是W3C標準化的。 ...

前端開發中像素的概念 - 前端 - 掘金
前端開發中像素的概念最近在美柚實習,第一次正式接觸到設計師的設計稿.我相信很多剛涉及移動端設計與開發的同學基本上會在前端開發中的像素問題上糾結很久，所以寫下這篇筆記，便于自己日后翻閱。如果有啥理解上的錯誤，歡迎大家指正~ 何為像素我們看到所顯示...

2017 百度前端技術學院 - 自定義 checkbox/radio - 前端 - 掘金
一. label標簽 1. 概念： HTML 元素表示用戶界面中項目的標題。它通常關聯一個控件，或者是將控件放置在label元素內，或者是用作其屬性。這樣的控制稱作lab...

也說css之overflow：細探之下有意想不到的結果 - 掘金
作者：dolymood overflow 是一個非常常用的 CSS 屬性，一般來說會認為很簡單，其實細究之后就會發現他還有很多小特性或者說意想不到的結果；下面就介紹下（在瀏覽器環境下）關于 overflow 的小總結。哪些元素上有效？首先 overflo...

細說CSS中的BFC - 掘金
作者：滴滴公共前端團隊 - 邱蓮 BFC是什么？ BFC（Block Formatting Context）直譯為“塊級格式化范圍”。是 W3C CSS 2.1 規范中的一個概念，它決定了元素如何對其內容進行定位，以及與其他元素的關系和相互作用。當涉及到可...

[[移動端新特性] Passive Event Listeners - 掘金](https://juejin.im/post/585232...
作者：滴滴公共前端團隊 - 小春 Passive Event Listeners 這個東西其實有一段時間了，關注 2016 Google I/O 的 Mobile Talk 的同學應該有些印象。 PS：建議一些新技術方向探索的同學關注一下每一年的 Goog...

再談自適應垂直居中 - 掘金
作者：滴滴公共前端團隊 - Neurotoxin 新年第一篇，首先祝福大家新年好~ 最近在開發一個 Toast組件時，遇到了一些有趣的問題，首先來看一下需求需求為寬高不定，上下左右垂直居中，如下圖代碼如下： HTML

CSS基本功從頭練之Selector - 掘金
CSS一直是我的短板，從來沒有系統學過，一直都是使用第三方的樣式庫，或者在網上找點資料copy。最近感覺應該系統的梳理一下，否則很多概念還是不太清晰。還是屬于邊學邊寫的資料，難免各種漏洞，希望大家多指正。 Selector（選擇器）為什么會有選擇器這個概念？...

CSS 基礎知識總結 - 前端 - 掘金
通常我們在學習CSS的時候，感覺語法很容易掌握，實際應用中卻碰到各式各樣難以處理的問題，為避免大家受到同樣的困惑與不解，本文詳細講解了CSS中優先級和Stacking Context等高級特性，讓你更深入了解CSS。 ...

動態加載 css 方法實現和深入解析 - 前端 - 掘金
一、方法引用來源和應用此動態加載css方法 loadCss，剝離自Sea.js，并做了進一步的優化（優化代碼后續會進行分析）。因為公司項目需要用到懶加載來提高網站加載速度，所以將非首屏渲染必需的css文件進行動態加載操作。...

【譯】CSS 動畫之工具、框架和教程 - 前端 - 掘金
在這篇文章中，我們將不討論使用 CSS 動畫的好處，也不會談論 JS 動畫是否比 CSS 動畫更快，而是與你分享一些 CSS 工具，框架和教程。它們將有助于緩解你在學習 CSS 動畫中的困擾，并幫助你節省一些時間。 CSS 動畫工具和...

Css margin 百分比 - 前端 - 掘金
你可能從沒注意過它在 margin系列之keyword auto 中，說過了 margin 值為 auto 的情況，這次要聊的是值為百分比的情形。我必須承認這是一個非常基礎的知識點，但有一段時間我發現很多人對此有錯誤的認知。...

CSS 多行文本溢出省略顯示 - 前端 - 掘金
CSS多行文本溢出省略顯示文本溢出我們經常用到的應該就是text-overflow:ellipsis了，相信大家也很熟悉，但是對于多行文本的溢出處理確接觸的不是很多，最近在公司群里面有同事問到，并且自己也遇到過這個問題，所以專門研究過這個問題。首先我們回顧...

2017 年要去學的 3 個 CSS 新屬性 - 前端 - 掘金
Feature Query, Grid Layout, Native Variable。前端的親們你們顫抖了嗎？...

用 css3 制作旋轉加載動畫的幾種方法 - 前端 - 掘金
以WebKit為核心的瀏覽器，例如Safari和Chrome，對html5有著很好的支持，在移動平臺中這兩個瀏覽器對應的就是IOS和Android。最近在開發一個移動平臺的web app，那么就有機會利用css3去實現一些很酷的效果，這些效果原來更多的是利用圖...

2017 年要學習的三個 CSS 新特性 - 前端 - 掘金
新的一年，我們有一系列新的東西要學習。盡管 CSS 有很多新的特性，但有三個特性令我最激動并進行學習。...

前端不為人知的一面——前端冷知識集錦 - 前端 - 掘金
（點擊上方公眾號，可快速關注）作者：伯樂在線專欄作者 - 劉哇勇如有好文章投稿，請點擊 → 這里了解詳情如需轉載，發送「轉載」二字查看說明前端已經被玩兒壞了！像console.log()可以向控制臺輸出圖片等炫酷的...

獲取元素 CSS 值之 getComputedStyle 方法熟悉 - 前端 - 掘金
一、碎碎念~前言我們都用過jQuery的CSS()方法，其底層運作就應用了getComputedStyle以及getPropertyValue方法。對于那些只想混口飯吃的人來講，曉得CSS()如何使用就足夠了。對于希望在JS道路上越走越遠的來人說，簡單了解...

我的職業是前端工程師：入門不是應該很簡單嗎？ - 前端 - 掘金
入門前端，是一件很難的事嗎？在今天，我也沒有想好一個答案，也不知道怎樣給出一個答案。這個問題并不取決于前端，而是取決于不同人的需求。到底是想要快得一步登天呢，還是一點點的慢慢來，去享受前端帶來的樂趣。對于不同領域的學者來說，都會有一個相似的問題：如何從入...

(譯)CSS 書寫模式 - 前端 - 掘金
由于你可能沒有那么多的時間，所以我將從結論開篇。你可以使用一個不常見，但是非常重要的CSS屬性來使文字垂直顯示，像下面這樣。除了讓文字垂直顯示之外，你也可以讓圖標和入口按鈕以這樣的方式呈現。當然，可以讓你頁面上的任何內容按這樣方式呈現。我寫的css讓瀏...

Tips-移動端滑動固頂效果(position: sticky) - 掘金
先放個圖看看滑動固頂是啥效果：中間那個 tab 條，平常的時候是固定的，等到頁面滑上去的時候，又像 fixed 一樣貼在頂部。position: sticky 就是用來實現這個效果的，元素不脫離文檔流，仍然保留高度，所以這個屬性真是人畜無害啊，而且效果如絲...

談談面試與面試題 - 前端 - 掘金
起因，某日電話面試之后滿心郁悶的我發了兩條微博：面試的時候問個css的position屬性能刷掉一半的人這是啥情況…… 其實這問題我本來打算的是可以順著一路扯到normal flow、containing block、bfc、margin ...

CSS：Grid 布局 - 前端 - 掘金
CSS Grid布局，是一個基于網格的二維布局系統，目的是用來優化用戶界面設計。不過，目前任何瀏覽器默認是不支持Grid布局的，但幸運的是，我們可以設置Chrome、Opera或者Firefox的特殊標志來啟用它。在Chrome或Opera中，在地址欄中輸...

詳解 CSS 居中布局技巧 - 前端 - 掘金
水平居中元素：通用方法，元素的寬高未知方式一：CSS3 transform .parent { position: relative; } .child { position: absolute...

前端優化不完全指南 - 前端 - 掘金
篇幅可能有點長，我想先聊一聊閱讀的方式，我希望你閱讀的時候，能夠把我當作你的競爭對手，你的夢想是超越我。你想超越我，就得了解我懂什么對吧，好，開始閱讀~ ~ 哈哈哈 ~ ~ ~ 歷時144000000毫秒出山的前端優化篇，若你問我有什么感悟？那我告訴你，看到毫...

關于 DOCTYPE 的一個小發現 - 前端 - 掘金
本文來自我的筆記小札，找工作整理了出來對于前端開發工程師（好吧，其實做 Web 都懂）而言，實在是太熟悉的一個東西了，由此引申的瀏覽器的各種模式也是一個老生常談的坑。然而我在意外中竟然找到了一個鮮為人知的點，實在是驚...

CSS 并不簡單 -- 一個人性化輸入框的實踐 - 前端 - 掘金
這次通過這個個性化的輸入框，給大家介紹一些容易忽略的知識點。(新手注意：本文的html采用的是jade，css采用的sass，js采用的vue) 一、效果大家...

:before 偽類妙用 + 打造一個假的輸入框 - 前端 - 掘金
記一次以前從未注意的:before偽類之content屬性和用div模仿輸入框案列–ofo的車牌輸入框整個布局大體分為上中下觀察輸入框 1 輸入內容為黑色 2 閃爍的光標為黃色就奇怪在輸入框的光標...

CSS 常見布局解決方案 - 前端 - 掘金
說起css布局，那么一定得聊聊盒模型，清除浮動，position，display什么的，但本篇本不是講這些基礎知識的，而是給出各種布局的解決方案。水平居中布局首先我們來看看水平居中 1.margin + 定寬

管理 CSS 層疊_w3cplus - 前端 - 掘金
編輯推薦：掘金是一個高質量的技術社區，從 CSS 到 Vue.js，性能優化到開源類庫，讓你不錯過前端開發的每一個技術干貨。點擊鏈接查看最新前端內容，或到各大應用市場搜索「掘金」下載APP，技術干貨盡在掌握中。了解CSS的同學都應該知...

玩轉 animate.css，提高動畫開發效率 - 前端 - 掘金
整了一個 animate.css 動畫效果的插件，可以實時預覽動畫效果并同步生成對應動畫效果的 CSS 代碼，助你動畫開發一臂之力。...

CSS 中的浮動和清除浮動，梳理一下！ - 前端 - 掘金
從業三年，項目無數，現在回過頭來，想要把一些重要的知識用白話整理出來：這個東西是什么？怎樣才是最佳實踐？希望對自己知識體系有梳理作用，也希望對大家有些許幫助。前端技術棧更新太快，眼花繚亂，大家一個勁攬過來學習的時候，別忘了回頭看看那些已經掌握的基礎知識。 ...

《你不知道的 CSS》之等比例縮放的盒子 - 前端 - 掘金
你肯定已經知道，對于一個 img 元素而言，你可以多帶帶地修改它的 width 或者 height 屬性來設置它的大小，同時圖片的比例還能夠保持不變。如下圖所示，最上面是原始大小的圖片，下面兩張則分別是設置了 width: 50% 和 height: ...

haorooms 總結提高你 css 技能的 css 開發技巧 - 前端 - 掘金
前言說到css開發技巧，其實我前面所有關于css的文章，都是css的一些小的技巧！感興趣的可以查看：http://www.haorooms.com/tag/css 還有值得一提的是，我之前關于css，分別寫了css常用效果總結 ...

前端基礎知識整理之頁面布局 - 前端 - 掘金
引用：“資深的前端開發能把absolute和relative弄混，這樣的人不要也罷，因為團隊需要的是：你這個人具有可以依靠的才能” 最近覺得自己應該好好反省一下，連最基礎的問題都回答不上來，家里人不要面子的啊。要有一個好的頁面布局的話首先我們要了解一個...

【譯】CSS 很棒，只是真的太難了 - 前端 - 掘金
原文地址：CSS is Fine, It’s Just Really Hard 原文作者：Jordan Scales ...

純 CSS 實現網站常用的五角星評分和分數展示交互效果 - 前端 - 掘金
最近做的一個項目涉及到評分和展示分數的模塊，UI設計師也給了幾個切好的圖片，實現五角星評分方式很多，本質愛折騰的精神和對性能追求以及便于維護的考慮，搜集和嘗試了很多方式，最終采用了純css驅動的實現方式完成評分和展示分數的功能，沒有js,也就意味著沒判斷邏輯，...

談談一些有趣的 CSS 題目（十三）-- 巧妙地制作背景色漸變動畫！ - 前端 - 掘金
開本系列，談談一些有趣的?CSS?題目，題目類型天馬行空，想到什么說什么，不僅為了拓寬一下解決問題的思路，更涉及一些容易忽視的 CSS 細節。解題不考慮兼容性，題目天馬行空，想到什么說什么，如果解題中有你感覺到生僻的 CSS 屬性，趕緊去...

基于 vw 等 viewport 視區相對單位的響應式排版和布局 ? 張鑫旭 - 鑫空間 - 鑫生活 - 前端 - 掘金
by zhangxinxu from http://www.zhangxinxu.com/wor... 本文全文轉載需購買版權(500￥)，摘要引流則免費，具體參見這里一、什么是視區相對單位？就是相對于瀏覽器viewport尺寸的單位...

CSS 選擇器整理 - 前端 - 掘金
很多人都覺得CSS特別簡單，但其實真正寫好CSS并不容易，CSS的每一點其實內容都很多，就拿選擇器來說，CSS選擇器大概可以分為五類： ...

2015 年學習 CSS3 的 15 個高級免費教程 - 前端 - 掘金
如果你想學習創建炫酷的css3效果，這些由專業人士所寫的2015年的高級CSS3教程會是你的最佳選擇。 CSS 3D云這是一個demo應用程序，你可以生成一個與現實生活一模一樣的云，并可以對其進行調整。這個demo的代碼比較復雜，它運用了CSS3 3...

關于 CSS 的零碎知識點 - 掘金
寫在前面：這篇文章是本人學習過程中遇到css的零碎知識點2（就是以前自己不知道的），我都記下來了，需要的朋友可以過來參考下，喜歡的可以點個贊，希望對大家有所幫助。本文的受眾是前端小白，大手子可以跳過。 1.scss編譯css文件使用中文注釋出現亂碼：在文...

(干貨)css自定義 range radio select的樣式滑輪，按鈕，選擇框 - 掘金
寫在前面：之前踩坑css的時候，遇到滑輪，按鈕，選擇框這類型的東西，為了頁面效果，總是需要自定義他們的樣式，而不使用他們的默認樣式。當時寫的時候，我也是蠻頭疼的，弄了個demo，鏈接在下面。對此做個總結。本文是面向前端小白的，大手子可以跳過，寫的不好之處多多...

神器！解放你的雙手——UI 設計稿全自動切圖和標注的一些工具推薦 - 前端 - 掘金
原文收錄在我的 GitHub博客 (https://github.com/jawil/blog) ，喜歡的可以關注最新動態，大家一起多交流學習，共同進步，以學習者的身份寫博客，記錄點滴。工欲善其事，必先利其器。前不久在掘金上看到一篇文章，前端 PS...

前端 PS 切圖方法，圖文詳細 - 掘金
寫在前面：本文主要內容是目前我所知道的切圖技巧結合網上的資料，寫出來分享一波。圖文教程，多圖！！ BB：很多人都會說，切圖這個活倒底分給UI還是分給前端。雖然好的UI會給我們把圖切好，但是他們切的圖不一定百分之百符合我們的需求，所以我一直都覺得這是頁面仔必須要...

分享一下我制作 H5 婚禮邀請函用到的技術要點 - 前端 - 掘金
前言很多網上的婚紗攝影公司，或者婚慶公司，或者一些h5制作平臺，都可以做一些婚禮邀請函，但是這樣的婚禮邀請函千篇一律。沒有什么特色，僅僅是圖片展示。在某人的強烈要求之下，我制作了一個h5婚禮邀請函（目前源碼暫時不公開吧，過段時間再說）。用到了...

吹毛求疵的追求優雅高性能JavaScript - 前端 - 掘金
SpinKit 是一套網頁動畫效果，包含8種基于 CSS3 實現的很炫的加載動畫。借助 CSS3 Animation 的強大功能來創建平滑，易于定制的動畫。SpinKit?的目標不是提供一個每個瀏覽器都兼容的解決方案，而是給現代瀏覽器提供更優的技術實...

CSS 技巧（二）：形狀 - 前端 - 掘金
形狀本章代碼比較多，可以訪問倉庫獲取源代碼。 1. 自適應的橢圓背景知識：border-radius屬性的基本用法使用b...

小 Tip：margin 負值詳解 - 前端 - 掘金
先看看 margin margin： CSS外補白，外邊距，是從自身邊框到另一個容器邊框之間的距離。四個方向： ...

使用 CSS 變量（CSS Variables）來實現一個 3D 動畫效果 - 前端 - 掘金
這篇文章來學習下關于CSS變量（CSS Variables）這個還在開發中的新的API，簡單來了解下它的概念和一些用途。使用CSS變量（CSS Variables）這個特性來完成下圖所示的一個3D旋轉的功能。 CSS變量概念以及用法...

CSS 變換、過渡、動畫實現案例 - 前端 - 掘金
以下所有效果的實現方式均為個人見解，如有不對的地方還請一一指出。目錄方塊“Z”字形運動線段圍繞盒子運動餅圖[動圖, 固定比例，如20%] 移動端錄音旋轉小按鈕效果實現漸變色方塊“...

CSS Grid Layout 從入門到入門 - 前端 - 掘金
CSS 的 Grid Layout 已經開始在瀏覽器上有資詞啦！可以看到在 FF 的52版本以上已經支持了，Chrome 從57開始支持，如果用 dev 版本或者 canary 版本都可以了，safari 包括10.1和 t...

使用 css3 實現圓形進度條 - 前端 - 掘金
在開發微信小程序的時候，遇到圓形進度條的需求。使用canvas繪圖比較麻煩： 1、為了實現在不同屏幕上面的適配，必須動態的計算進度條的大小； 2、在小程序中，canvas的畫布具有最高的層級，不易于擴展。但使用css3...

手把手教你擼出跑男動畫 CSS3-Animation抽絲剝繭 - 掘金
作為一名真正的前端開發者，我們不能只關注前端邏輯部分。畢竟“水銀泄地”般的頁面設計和“炫酷逼真”的動畫效果，是我們區別于其他程序員所特有的優勢之一。盡量百分之百的還原視覺稿，為UE設計靈感和用戶視覺享受架起一座橋梁：正所謂“晉帝時祭北郊，更祝版，工人削之，筆...

不簡單的前端性能優化 - 前端 - 掘金
本文主要介紹 “關鍵渲染路徑” 與“網絡”兩個方面的性能優化并提供 demo，篇幅較長建議電腦觀看。前端優化的方面太多，本文介紹的僅僅是其中的一部分，力求涵蓋 “關鍵渲染路徑” 的方方面面，及一些不常被提到的 “網絡優化” 部分。...

譯：可以用什么方法清除浮動？ - 前端 - 掘金
原文鏈接：http://stackoverflow.com/a/16... 根據正在生產中的設計，以下每個 clearfix CSS 解決方案都有自己的優勢。 “...

rem 布局原理 - 前端 - 掘金
REM兼容性首先，在介紹 rem 之前，我們先看看 em em是相對長度單位。相對于當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置...

“自適應” 高度的 textarea 文本輸入框 - 前端 - 掘金
還在不斷增加中的動車高鐵票寫在前面那啥，在我的那個很安靜的一個 CSS 群（群號：82991297）突然看到有人在問一個問題。使用 css 如何實現：textarea 如何實現高度自適應？當時看到這個問題的時候，我腦中只有一個想法，這個百度...

welogger 開發筆記 1 - react 中如何處理彈層 - 前端 - 掘金
welogger.com正在如火如荼的開發中，其中遇到的一些問題和經驗在這里做一些筆記，分享給大家。也許有不準確或者還有能做得更好的地方，歡迎評論指正。 1. 背景 welogger用的react.js做的前端渲染，涉及到比較多用戶交...

5 個技巧避免不必要的瀏覽器兼容性問題 - 掘金
本文作者：John Howard 編譯：胡子大哈翻譯原文：http://huziketang.com/blog/po... 英文連接：5 Tricks to Avoid Cro...

教你如何在 web 應用程序中使用本地文件?上傳圖片file? - 前端 - 掘金
使用在HTML5中添加到DOM的File API，現在可以讓Web內容要求用戶選擇本地文件，然后讀取這些文件的內容。此選擇可以通過使用HTML ??) 元素用來創建基于web表單的可交互控件.">?元素或...

縱向排列文字以及禁止文字選中 - 前端 - 掘金
寫在前面：內容包括demo代碼，應用和定義，以及參考文獻，本文主要內容是本人學習過程中遇到css的零碎知識點1（就是以前自己不知道的），我都記下來了，需要的朋友可以過來參考下，喜歡的可以點個贊，希望對大家有所幫助。 writin...

[[英] 使用 CSS 選擇器來檢驗 HTML 代碼 - 前端 - 掘金](https://juejin.im/entry/58c62...
檢驗 HTML 代碼是否符合 W3C 標準，常用工具是 W3C 官方的 Markup Validation Service。這篇文章介紹了使用 CSS 一些鮮為人知的選擇器來標記 HTML 中那些不符合 W3C 要求的寫法。...

發布（Publish）/ 訂閱（Subscribe）模式 - 前端 - 掘金
簡稱pub/sub，pub/sub模式是我們平時業務中經常會使用到的，sub會監聽一類消息來達到pub發布的時候進行相應的邏輯處理舉個例子，比如頁面上有個列表，當我們點擊刷新的時候要更新列表，當我們添加一個數據的數據的要更新列表，當我們刪除一個...

跟著寫一個 CSS 柵格布局 - 前端 - 掘金
我們常在諸如Bootstrap的前端框架中見到css柵格系統，如果僅僅為了使用柵格布局而引入一個前端框架是很不明智的行為。所以，這篇文章就是幫助你從零打造一個CSS Grids～什么是柵格系統柵格系統（CSS Grids）是一種運...

(譯) 再談 CSS 中的代碼味道 - 掘金
原文地址：Code Smells in CSS Revisited 原文作者：Harry 譯文出自：掘金翻譯計劃譯者：IridescentMia 校對者：rccoder, Germxu 再談 CSS 中的代碼味道回到 2012 年，我寫了一篇關于潛在 ...

Javascript 高性能動畫與頁面渲染 - 前端 - 掘金
No setTimeout, No setInterval 如果你不得不使用setTimeout或者setInterval來實現動畫，那么原因只能是你需要精確的控制動畫。但我認為至少在現在這個時間點，高級瀏覽器、甚至手機瀏覽器的普及程度足夠讓你有理由有條件在實...

如何用 css 實現古代人讀的豎排的文字 - 前端 - 掘金
最近需要實現一個文字豎排的效果，類似下圖這種效果，所以研究了一下css的writing mode，順便翻譯了一篇文章如果你沒有太多時間，我就從結果開始，來點餐前小菜。你可以用一些鮮為人知的，但是很重要的而且很強大...

“等一下，我碰！”——常見的 2D 碰撞檢測 - 前端 - 掘金
?“碰乜鬼嘢啊，碰走曬我滴靚牌”。想到“碰”就自然聯想到了“麻將”這一偉大發明。當然除了“碰”，洗牌的時候也充滿了各種『碰撞』。好了，不廢話。直入主題——碰撞檢測。在 2D 環境下，常見的碰撞檢測方法如下： ...

個人 css 糾錯思路 - 前端 - 掘金
每當寫完大量的樣式代碼的時候，因為css本身的層疊性，在觀察其顯示出的效果，因為某些原因可能出現了與之前設想有些出入的地方，該從那些地方如說去查找下這些問題來源。在這里，我說說自己的想法思路。不過在這之前，你需要對css屬性有些...

談談 css3 的 transition - 前端 - 掘金
屬性何其多，精通一個受益終身（在不被新時代廢除的情況下）。今兒我們就來探討一下css3的transition這個變換過渡的屬性。都知道通過過渡transition，可以讓web前端開發人員不需要javascript就可以實現簡單的動畫交互效果。過渡屬性看似簡...

你不知道的 CSS 秘密：margin 篇 - 前端 - 掘金
本篇講解的是主要是BFC 可以解決的 margin 重疊問題 ,如對你有幫助，請點個贊給個鼓勵，謝謝~ 先來一張W3C標準盒模型的圖片. margin 屬性介紹 margin 的幾種使用方法,簡單帶過. margin : t...

前端灰度效果的實現（filter:grayscale()）兼容所有瀏覽器 - 前端 - 掘金
分享一個最近在工作中遇到的新需求以及解決方案，希望對開發的朋友門有幫助，鄙人能力有限，有不妥的地方還請大家多多指教。需求直接看圖，需要在某種狀態時將B.2模塊整體置灰。一開始想直接處理所有圖像，但是涉及東西太多，尤其是icon得重新切圖，重新合成，工作...

【譯】創建漂亮的 CSS 按鈕的 10 個代碼片段 - 前端 - 掘金
如果你正在尋找一些高質量的 CSS 按鈕的示例，那么這篇文章一定是你的“菜”。在本文中，我們從 CodePen 上收集了 10 個獨特的 CSS 按鈕合集，并附有它們的代碼片段，方便你將它們應用在你的 Web 項目上。網頁設計師已經不必再依賴 Photosh...

flex 與 margin 之間的基情 - 前端 - 掘金
flex 與 margin 之間的基情...

解決 Chrome 中 input 自動填充時會強行設置背景色的問題 - 前端 - 掘金
方法1：box-shadow 方法2：animation...

深入理解滾動 scroll - 前端 - 掘金
前面的話前面兩篇博文分別介紹過偏移大小、客戶區大小。本文介紹元素尺寸中內容最多的一部分——滾動scroll ? 滾動寬高 scrollHeight scrollHeight表示元素的總高度，包括由于溢出而無法展示在網頁的不可見部分 scro...

CSS 絕對定位 absolute 詳解 - 前端 - 掘金
之前介紹過CSS浮動float詳解，本篇介紹的絕對定位absolute和浮動float有部分相似性。如果能理解浮動float，對理解絕對定位absolute會大有幫助。先說absolute和float的相似處：包裹性和高度...

CSS 面試題解答 - 前端 - 掘金
問：什么是CSS reset 在不同瀏覽器之間，默認樣式有著諸多差異和問題，而為了在不同瀏覽器之間具備相同的視覺效果，開發人員往往會在樣式表文件中引入一段CSS代碼，如http://meyerweb.com/eric/tool...

CSS3 transform 屬性及應用 - 前端 - 掘金
在介紹有關transform相關的知識之前，先來講一下transform-origin的用法以及關于角度的幾種取值單位。另外，在使用時，為了兼容各個瀏覽器，可加上瀏覽器的私有前綴［－moz- -webkit -ms-］。 transf...

動態加載 / 刪除 css 文件以及圖片預加載 - 前端 - 掘金
最近，工作中遇到了一個比較奇葩的需求：要在一個頁面（PC端）增加一個功能模塊，但是這個頁面在不久之后要重構，為了新增加的模塊可以繼續復用，必須做到這個模塊的樣式對頁面其他模塊不能造成影響，舊版頁面使用bootstrap樣式，新版模塊只使用normalize.c...

【譯】CSS Flexbox 學習指南、工具與框架 - 前端 - 掘金
Flexbox 是一種更有效的布局方式，它能更好的分配容器空間，并控制項目的對齊。雖然，掌握它的理論有些復雜，但幸運的是，我們可以借助開放的網絡來學習并逐步掌握它。在本文中，我們整合了一些最佳的 Flexbox 學習資源，它們可以幫助你了解Flexb...

GPU云服務器云服務器掘金掘金社區掘金vps 掘金翻譯計劃

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112075.html

? Emoji ? - 收藏集 - 掘金

摘要：但是，表情在提交代碼的時候也不能亂用，否則官方應用產品掘金掘金溫馨提示這篇文章有很多交互效果，經過稀土君測試不適合在移動設備上閱讀。您可以收藏后再到掘金的網頁版上繼續閱讀。我偏要在手機上閱讀戳一行代碼實現前端小應用前端掘金全套 Emoji 矢量圖 - 設計 - 掘金哇，設計師的福音... 談談 Emoji 和字符編碼 - 閱讀 - 掘金字符編碼是計算機原理中一個很重要的一環，然而...

niuxiaowei111 2019-08-29 12:30 評論0 收藏0
CSS技巧 - 收藏集 - 掘金

摘要：筆者作為一位，將工作以來用到的各種優秀資料神器及框架整理在此，畢竟好記性不如爛鍵盤，此前端知識點大百科全書前端掘金，，不定期更新技巧前端掘金技巧，偶爾更新。計算數組的極值技巧使你的更加專業前端掘金一個幫你提升技巧的收藏集。 CSS 樣式畫各種圖形 - 前端 - 掘金下面是一些我在 CSS 中經常用到的圖案，還有一些是在css-tricks看到的。記錄一下，以后會用到。會持續更新… 一、...

Jonathan Shieber 2019-08-29 12:33 評論0 收藏0
CSS技巧 - 收藏集 - 掘金

摘要：筆者作為一位，將工作以來用到的各種優秀資料神器及框架整理在此，畢竟好記性不如爛鍵盤，此前端知識點大百科全書前端掘金，，不定期更新技巧前端掘金技巧，偶爾更新。計算數組的極值技巧使你的更加專業前端掘金一個幫你提升技巧的收藏集。 CSS 樣式畫各種圖形 - 前端 - 掘金下面是一些我在 CSS 中經常用到的圖案，還有一些是在css-tricks看到的。記錄一下，以后會用到。會持續更新… 一、...

SHERlocked93 2019-08-22 11:04 評論0 收藏0
面試集 - 收藏集 - 掘金

摘要：計算數組的極值微信面試題獲取元素的最終前端掘金一題目用代碼求出頁面上一個元素的最終的，不考慮瀏覽器，不考慮元素情況。 Excuse me？這個前端面試在搞事！ - 前端 - 掘金金三銀四搞事季，前端這個近年的熱門領域，搞事氣氛特別強烈，我朋友小偉最近就在瘋狂面試，遇到了許多有趣的面試官，有趣的面試題，我來幫這個搞事 boy 轉述一下。以下是我一個朋友的故事，真的不是我。 ... ja...

crossea 2019-08-20 16:39 評論0 收藏0
學習實踐 - 收藏集 - 掘金

摘要：官網地址聊天機器人插件開發實例教程一創建插件在系統技巧使你的更加專業前端掘金一個幫你提升技巧的收藏集。我會簡單基于的簡潔視頻播放器組件前端掘金使用和實現購物車場景前端掘金本文是上篇文章的序章，一直想有機會再次實踐下。 2道面試題：輸入URL按回車&HTTP2 - 掘金通過幾輪面試，我發現真正那種問答的技術面，寫一堆項目真不如去刷技術文章作用大，因此刷了一段時間的博客和掘金，整理下曾經被...

mikyou 2019-08-29 12:50 評論0 收藏0