原创 上下兩端固定,中間隨內容自動撐高的H5代碼,達到一定高度中間內容出現滾動條

工作上遇到的,感覺比較實用,記錄一下 其他前端有趣的例子和坑合集:https://github.com/wqhui/CodeDemo 直接預覽:預覽鏈接 沒超過最大高度不會有滾動條 內容超過出現滾動條 /* css

原创 微信小程序商品詳情頁交互源碼(選擇商品類型切換、預覽商品圖片)

maker一下自己搗鼓的商品詳情頁,主要是選擇商品類型的交互和樣式,點擊不同類型切換圖片和文字,商品增加減少,還有商品預覽圖片(本地圖片無法預覽!!!)。。 源碼下載:http://download.csdn.net/downlo

原创 React 阻止事件冒泡失效、stopPropagation和stopImmediatePropagation分析,解決stopPropagation沒有阻止冒泡問題

前言 做項目過程中, 發現了一個問題,onClik阻止冒泡事件並沒有生效,僅僅只是阻止outClick,我的需求是隻觸發"inner dom click",(PS:不想知道過程的可以直接跳過看最後的結論) 其他前端有趣的例子和坑

原创 react組件下渲染原生dom(插入原生元素)

項目中,遇到react組件需要渲染原生dom的情況,記錄一下。 原理是利用ref在加載完後插入元素 其他前端有趣的例子和坑合集:https://github.com/wqhui/CodeDemo 直接預覽:https://cod

原创 從零開始,使用Webpack4配置屬於自己的React項目及源碼(實現count小例子)

前言:使用react16.8+webpack4配置的項目,項目已經完成es6編譯配置,安裝命令用紅體字標出 1.項目目錄結構說明及源碼下載 其他前端有趣的例子和坑合集:https://github.com/wqhui/CodeDemo 源

原创 react論壇問答demo(react+redux)

 react的一個小例子,實現了添加問題以及描述、對問題進行贊或踩、能對問題進行答覆,排序等功能。用webpack搭的環境,react功能用到了redux、中間件、動畫、路由(按需加載),其他用到了less和immutable。首次使用請

原创 子元素設置position:fixed,z-index大於父元素依然被父元素蓋住

在項目中遇到一個奇怪的問題,當父元素樣式overflow有滾動條、borde-radius存在、position不爲static時,和z-index不爲auto時,子元素的position就算是fixed,且z-index大於父元

原创 React16版本Hook鉤子函數的簡單理解

自己也在學習中,百度到的文章都是翻譯API的,記錄一下自己的理解吧,本身是小白,有錯誤請指出。 目前在學習當中,發現React的偏向於將邏輯從組件中抽出,使組件僅僅用於接收數據渲染,而邏輯全放入Hook中操作。 useState