整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
面布局（layout）
header 頭部/頁眉；
index 首頁/索引；
logo 標(biāo)志；
nav/sub_nav 導(dǎo)航/子導(dǎo)航；
banner 橫幅廣告；
main/content 主體/內(nèi)容；
container/con 容器；
wrapper/wrap 包裹（類似于container）；
menu 菜單；
sub_menu/second_menu 子菜單/二級菜單；
list 列表；
section 分區(qū)/分塊（類似于div）;
article 文章；
aside 側(cè)邊欄/廣告；
footer 頁腳/底部；
title/sub_title 標(biāo)題/副標(biāo)題；
news 新聞；
hot 熱點；
pro 產(chǎn)品（product）；
company 公司；
msg/info 信息（message）/消息；
ads 廣告（advertisements）;
icon 小圖標(biāo)；
img 圖片（image）；
copyright 版權(quán)；
contact_us 聯(lián)系我們；
friend_link 友情鏈接；
tel 聯(lián)系電話（telephone）；
address 地址；
& nbsp; 空格（&和n之間的空格去掉,不要忘記分號）;
<br/> (文字末尾添加)換行；
CSS樣式（style） CSS 層疊樣式表 (Cascading Style Sheets) ；
background 背景；
background: -webkit-gradient(top red orange yellow green lightblue blue purple) 顏色漸變；
position 位置/定位；
relative/absolute/fixed 相對定位/絕對定位/固定定位；
float 浮動；
clear 清除；
vertical-align: middle/top/bottom; 垂直居中/上/下；
line-height 行高；
margin 外邊距；
padding 內(nèi)邊距；
border 邊框；
solid/dashed/dotted 實線/線虛線/點虛線；
border-radius 圓角；
shadow 陰影；
display 展示；
hidden 隱藏；
block/inline-block 塊元素/行內(nèi)塊；
overflow 溢出；
cursor 光標(biāo)；
cursor:pointer; 鼠標(biāo)移上變?yōu)樾∈郑?/p>
animation 動畫；
css sprites 雪碧圖/圖片精靈；
column 分列；
flex 彈性（布局）；
表單（form）與表格（table）
form 表單；
action 行為；
method 方式/方法；
input 輸入框；
label 標(biāo)簽；
password 密碼；
radio 單選框；
checkbox 復(fù)選框；
btn 按鈕（button）；
submit/reset 提交/重置；
textarea 文本域；
select/option 選擇框/選擇項；
placeholder 占位符（起提示作用）；
search 搜索；
icon 小圖標(biāo)；
autofocus 自動聚焦；
disabled 禁用；
checked 選中（單選框/復(fù)選框）；
selected 默認(rèn)選擇項（下拉選擇框）；
required 必填項；
readonly 只讀；
table 表格；
thead/tbody/tfoot 表格標(biāo)題/主體/底部；
colspan 跨列；
rowspan 跨行；
cellspacing 單元格間距（類似于margin）；
cellpadding 單元格邊距（類似于padding）；
border-collapse: collapse; 邊框合并（用于table上）；
脫離字幕的背單詞mp3的特點：每個單詞的完整的語音由單詞讀音、單詞拼讀、中文釋義讀音三部分組成，因此用這樣的mp3背單詞可以不用同步的lrc字幕，閉著眼睛也能背單詞。
一、前提條件。為了制作高質(zhì)量的背單詞mp3，必須在要制作的電腦上有高質(zhì)量的單詞真人語音庫(wav格式)，并安裝高質(zhì)量的TTS語音朗讀引擎。wav格式的真人語音庫及語音朗讀引擎下載網(wǎng)址：http://www.lingoes.cn/zh/translator/speech.htm#lingoesenglish
當(dāng)然，用口訣背英語單詞 V3.399 綠色版的軟件設(shè)置必須正確，軟件的幫助文件中已有詳細(xì)說明。
二、制作wav聲音文件。以下制作高考單詞3600mp3為例說明操作的主要步驟：
（一）打開“高考單詞3600.xls”，復(fù)制要制作的內(nèi)容。
（二）在用口訣背英語單詞的主菜單上單擊“錄制wav”,打開“單詞測試、朗讀及錄音”窗口，單擊“粘貼導(dǎo)入”按鈕，結(jié)果如下圖所示：
為前端工程師，能根據(jù)需求快速確定樣式的書寫方案，回憶起曾經(jīng)見過的 CSS 套路，如行云流水一般讓界面成型，是多么地暢快。把樣式早點搞定，不管是去寫邏輯部分、捯飭基礎(chǔ)設(shè)施，還是提早下班，都是很好的。
快速搞定樣式
但人力終有窮，為什么有時候看著一個設(shè)計給出的需求得折騰半天才能實現(xiàn)出來呢？這和我們在初學(xué)英語時寫作文磕磕絆絆、與外教對話磕磕巴巴是很相似的，歸根結(jié)底還是「基礎(chǔ)不牢」、「套路過少」。
暗記 —— Anki 學(xué)習(xí)法
那么那些快速打牢英語基礎(chǔ)、記熟語言交流模板的外語達(dá)人是怎么「不用很麻煩很累就提升英語能力」的呢？
答案就是 Anki，一個艾賓浩斯遺忘曲線的全領(lǐng)域通用記憶系統(tǒng)，可以幫助你用科學(xué)的方法記憶任何事物：法語單詞、《親密關(guān)系》的讀書筆記、排序算法……當(dāng)然還包括 CSS啦！
什么都可以記的 Anki
Anki 是跨平臺的開源軟件，名字來源于日語「暗記（あんき）」，下載地址就在 Github 上：
桌面版： https://github.com/ankitects/anki
Android 版： https://github.com/ankidroid/Anki-Android/
其最基本的功能是添加問答卡片（點擊上圖中的「添加」按鈕），熟悉前端數(shù)據(jù)流的你可能會意識到這就是 Model：
一個我想永遠(yuǎn)記住的知識點，有兩個字段：「正面」和「背面」
作為前端工程師，我們還會發(fā)現(xiàn) Anki 的數(shù)據(jù)和展示是分離的，點擊上圖中的「卡片…」按鈕，可以打開卡片編輯器，熟悉前端數(shù)據(jù)流的你可能會意識到這就是 View：
自定義數(shù)據(jù)的展現(xiàn)形式，可以在簡單的模板引擎中使用 HTML5 、 CSS 和 JavaScript （ES6）
模板分為「正面模板」和「反面模板」：
編輯 Anki 復(fù)習(xí)卡片的正面模板
「正面模板」即是 Anki 在復(fù)習(xí)時向你提問的界面的模板，以我寫的卡片為例，其最終渲染結(jié)果是這樣的：
問答卡片的「正面」
而背面模板就是點擊「顯示答案」后展示的答案的模板。
你可以使用 JavaScript 來添加一些自定義的效果，可惜的是不能使用 npm 包，只能做一些倒計時、填空選擇、文本高亮等等效果：
自動在例句中高亮要背的日語單詞
Anki 會隔一段時間幫你復(fù)習(xí)這個問題，例如問題可以是「如何用 CSS 畫半透明帶陰影的箭頭？」，當(dāng)你看到問題后花 5 秒回憶答案，然后點擊「顯示答案」。
自動計劃下一次復(fù)習(xí)的時間
如果完全想不起來要怎么畫，腦子一片空白，感覺面試被問到這題就慘了，那請點擊下圖中的「生疏/錯誤」的紅色按鈕，Anki 會幫你計劃下一次復(fù)習(xí)時間（一般是 10 分鐘后復(fù)習(xí)鞏固一次）。
如果想不起來，但是看到答案之后恍然大悟，奇怪自己剛剛為什么想不起來，就點擊灰色的「困難/模糊」按鈕；如果想起來了，就點擊綠色的「猶豫/想起」；如果感覺這個卡片太簡單了，最近不需要再復(fù)習(xí)，就點擊藍(lán)色的「順利/正確」按鈕。
那么我們在哪里可以找到別人整理好的 CSS 知識點卡包呢？
首先可以到官方的牌組分享網(wǎng)站上搜索，網(wǎng)址是 https://ankiweb.net/shared/decks/css，Ankiweb 和 Github 很類似，也是靠大家上傳自己的成果互相分享共同建設(shè)的。
其次是自己逛 css-tricks.com、www.awwwards.com 等設(shè)計網(wǎng)站時，看到值得記憶的內(nèi)容便摘錄下來放到 Anki 里復(fù)習(xí)，如錢鐘書作讀書筆記一樣，日積月累最終成就大師。
不一樣的是錢鐘書的筆記作完就堆起來，而信息化時代的我們可以由 Anki 這個調(diào)度器來調(diào)整復(fù)習(xí)的頻率，讓想記住的每個內(nèi)容都永不遺忘。
對于任何一個知識點，我們都是「一回生二回熟，三回四回成朋友」，所以人腦的遺忘曲線是這樣的一條曲線：
黃線表示知識點遺忘到這個程度（七八成）的時候就該復(fù)習(xí)了，復(fù)習(xí)完記憶強(qiáng)度回到百分百，并漸漸再下滑
有時候你以為自己看完一個 CSS 樣式分享覺得很酷，覺得自己會永遠(yuǎn)記住，下次肯定想得起來。但事實是 10 分鐘左右就足夠這個知識點從短期記憶中被清空，并不會進(jìn)入長期記憶。除非有 Anki 這樣的系統(tǒng)自動安排復(fù)習(xí)時間。
想了解更多記憶曲線相關(guān)的細(xì)節(jié)，可以看 NickyCase 的「如何永遠(yuǎn)記住任何東西」，本文記憶曲線相關(guān)圖片來自他的交互式教程： https://ncase.me/remember/zh.html
NickyCase 的「如何永遠(yuǎn)記住任何東西」
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
