原创 Transform 引起的 z-index "失效"

前言 重新學習CSS後的第三天,學習製作陰影的過程中,發現的問題: 設置了box-shadow後展現的陰影: 添加transform:rotate(10deg);後的效果: 查看CodePen例子:陰影效果 一臉懵逼!再

原创 mardown學習總結

一、 markdown簡介 Markdown 是一種用來寫作的輕量級標記語言,創始人爲約翰·格魯伯(John Gruber) 優點 純文本,所以兼容性極強,可以用所有文本編輯器打開 它用簡潔的語法代替排版,使我們專心於碼字 格式轉換方便

原创 Hexo + yilia 主題 +githubpages博客添加友言評論功能

前言 Hexo博客的Yilia主題中評論系統只提供了暢言、網易雲跟帖、多說和Disqus。 由於多說評論、網易雲跟帖已經關閉系統,暢言需要域名備案,而github是國外的,沒有備案,所以嘗試了其他第三方評論系統——友言。 友言使用極其簡

原创 去除inline-block元素間間距的N種方法

原文轉自:張鑫旭-鑫空間-鑫生活 本文地址:去除inline-block元素間間距的N種方法 一、現象描述 真正意義上的inline-block水平呈現的元素間,換行顯示或空格分隔的情況下會有間距,很簡單的個例子: <input /

原创 對文字和行高的理解

文字與行高對照上圖    1. 文字大小是頂線與底線之間的距離    2. 行高大小是基線與基線之間的距離    3. 行高=文字大小+上下兩個間距瀏覽器默認     瀏覽器默認的文字大小爲16px,其中chrome瀏覽器有最小文字

原创 hexo + next主題高級配置

前言 配置完yilia後,發現缺少一些東西,百度之下,找到了特別喜歡的主題——next。跟大家分享配置經驗。 首先,本文是根據我自己的博客配置而寫的,並不全面,其他美化配置在文末提供了相應的參考鏈接。歡迎瀏覽我的博客:destiny'N

原创 前端學習資源收集

前言 本文是在現階段自學過程用到過的優秀資源的總結,並與大家分享。希望可以對大家,尤其是像我一樣的初學者有所幫助,少走彎路。 主要包括:視頻網站、文本網站、書籍、博客以及優化工具等等 一、視頻學習網站 就自學而言,我感覺還是看視頻教學來

原创 關於inline-block問題

前言 在重新學習css,做自己的學習demo時,設置一堆div在一行顯示,呈現對比。 結果如圖,設置了display:inline-block之後,出現了部分下沉現象。 改爲float之後,又恢復正常對齊。 不過,很快就得到了解決

原创 hexo+gitHubPages 快速搭建個人博客

前言 本文僅僅是使用hexo以及gitHubPages 快速搭建個人博客,後續還會分享詳細的內容 官方中文文檔:https://hexo.io/zh-cn/docs/index.html 歡迎關注我的博客:destiny'Note 本

原创 CSS漸變的簡單使用

前言 重拾css後的文章,在觀看了慕課網上的視頻《重拾CSS的樂趣》中,看到了一些有意思的css效果。想起當初自己初學CSS3時畫的哆啦A夢,總結了一番css製作的各種圖形。漸變效果是在實現弧邊三角的時候學習的。 分享一下CodeP

原创 Sublime Text 使用插件介紹

前言 這是一款個人特別喜歡的編輯器,用來寫前端代碼。特別棒的是最新版本的文件欄中,中文不再出現亂碼。 本文主要是爲自己做筆記以及備份的,介紹自己使用的sublime text插件。希望對大家也有所幫助。 官網地址:Sublime Te

原创 Chrome 插件英雄榜

引自掘金文章:Chrome插件英雄榜 其 GitBook 地址:https://zhaoolee.gitbooks.io/chrome/content/ App 是手機的靈魂,插件是 Chrome 的靈魂,然而國內很難連接到 ch

原创 前端工程師的未來在哪裏?

本文引自:前端工程師的未來在哪裏? 阿里妹導讀:很多童鞋在上次的問卷調查裏表示,希望多推出一些前端方向的內容。今天爲大家分享一篇關於前端工程師職業發展的文章,拋磚引玉,期待與大家一起交流探討。 我是成曰,目前在螞蟻金服數據平臺部

原创 JS 中扯不完的分號問題

前言 無論哪個團隊,代碼風格統一的爭論是一個無解的話題,每次爭論起來,各有各理,或執着或偏激或喪心病狂拍桌憤然離去 :) 如果團隊強制性用了一種代碼風格後,符合自己心中標準的同學,欣然樂嘻嘻;不符合的可能會心中『圈養』草泥馬闇然敲碼;

原创 VuePress 入門

VuePress 是一款使用 Vue 驅動的靜態網站生成器,是 Vue 的作者 Evan You 爲了方便文檔的編寫而開發的。 默認主題與 Vue 官方文檔一致 簡潔,少配置,高性能 Markdown 專爲技術文檔提供拓展 自帶 P