原创 css僞類選擇器之:first-child和:first-of-type

前不久使用僞類選擇器的時候,發現有兩組用法極爲相似的,一組是:first-child、:last-child、:nth-child(n),另一組是:first-of-type、:last-of-type、:nth-of-type(n)。談

原创 git忽略規則不生效 .gitignore不生效解決方法

原因:.gitignore只能忽略那些原來沒有被追蹤的文件,如果某些文件已經被納入了版本管理中,則修改.gitignore是無效的。那麼解決方法就是先把本地緩存刪除(改變成未被追蹤狀態),然後再提交:git rm -r --cached

原创 js實現動態拖動滾動條效果

一.無動態效果 觸發事件時,滾動條立馬滾動到相應位置。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>拖動滾動條</title>

原创 css類選擇符高級用法:多類選擇符

侵染大前端也有一段不小的時間了,今天看到css的類選擇符中竟然還有平時沒有注意到的用法,導致以前的代碼中無辜繞了一點彎。 .a.b { color: #f00; } <div class="a b">多類選擇符使用方法</div> 注

原创 thinkphp輸出最後一條sql語句

之前用tp寫一個商城項目的時候,不會看錯誤日誌,遇到問題各種echo var_dump再die掉,而很多時候因爲數據庫各種聯表查詢,邏輯亂,就需要打印 sql語句再測試sql語句是否正確,打印sql語句一般用到的就是getLastSql(

原创 最新版谷歌瀏覽器的錨點小問題 用jquery做出ctrl+f的搜索效果

更新谷歌瀏覽器的錨點小bug 因爲開發需要,用錨點做了一個搜索定位效果,但是谷歌瀏覽器更新以後出現小問題。<a href="#maodian">點擊</a><a name='maodian'><a>點擊第一個a標籤就跳到第二個所在位置,