博客 / 列表

波羅丁的菠蘿 - hash路由原理

hello大家好,今天我們來分享一下hash路由的原理。我們不管什麼vue還是react的框架,不要太在意框架,直接來看hash路由是怎麼實現的。 原理:onhashchange hash路由是使用了onhashchange事件來實現的。我們先新建一個頁面,hashchange.html,快速創建一個頁面。然後啓動一個靜態服務,輸入http-server,執行,然後訪問,這個可以看到我們的頁面了,

route , 路由 , router , 前端

波羅丁的菠蘿 - CSS選擇器那點事

MDN參考鏈接 CSS 選擇器規定了 CSS 規則會應用到哪些元素上。 CSS選擇器分為以下四大類: - 基本選擇器 - 組合選擇器 - 偽類 - 偽元素 基本選擇器 Type(類型)選擇器 也可以稱之為元素選擇器,這種基本選擇器會選擇所有匹配給定元素名的元素。 語法:elename(元素名稱) 例子:span 將會選擇所有的 span 元素。 代碼: HTML: spanHere is a s

css3 , css技巧 , css選擇器 , Css

波羅丁的菠蘿 - css實現二級菜單

不多廢話,先上預覽 https://codepen.io/Ritr/pen/W... 這一次還是使用input type="checkbox"的選中與否來實現展開、收起二級菜單的。 第一步:初始化 默認二級菜單的li高度為0 選擇一級菜單時,將二級菜單高度設置為20px 這樣設置是為了方便我們以後添加動畫效果 html ul class="menu" li class="mai

css技巧 , css選擇器 , Css