原创 swiper插件自定義切換箭頭按鈕
不知道大家在使用swiper時有沒有遇到這樣一種需求，話不多說，直接上gif。 也就是需要把左右切換的箭頭移到容器的外面，自定義箭頭的樣式。 給swiper容器再加一個父容器，兩個容器之間留下間隙，箭頭定位到間隙之間就ok了。
2020-02-23 11:01:19
原创 react個人入門
JSX 語法 JSX就是Javascript和XML結合的一種格式。允許 HTML 與 JavaScript 的混寫 2.ReactDOM.render() 將模板轉爲 HTML 語言，並插入指定的DOM 節點 ReactDOM.
2018-09-04 18:47:02
原创 適配iphonex。。
iphoneX剛出來的那幾天產品經理換了X，然後我就被告知要去適配X了。。。 適配初體驗：調css，調佈局。。。好了，看上去差不多。。 後來看到一篇博客提出了一個叫安全區的概念，雖然我試了下好像沒啥用，可能是我人品問題。。，可以參考下
2018-09-04 18:47:02
原创 js判斷是否是手機
記不得看的哪裏的了 navigator對象，提供瀏覽器及操作系統等信息。 var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.matc
2018-09-04 18:47:02
原创 web技術夯實基礎篇（三）—— css
一、選擇器：id，class，元素名，屬性，僞類（:hover,:nth-child），僞元素（:before），*，選擇器組 一些有趣的僞元素 ::first-letter：塊級元素第一行第一個字。 ::first-line： 塊
2018-09-04 18:47:02
原创 web技術夯實基礎篇（二） —— HTML
概念 HTML：標記語言。 超文本：網站內或網站間網頁彼此連接的鏈接。 字符引用：將特殊字符加入文本中，<,>,“”,‘’,&——<,>,",&apos,&。空格有　, 。（其實也可用轉義字符
2018-09-04 18:47:00
原创 兼容性的一些處理，未完待續
一、IE7不支持position:fixed .ie{ position: fixed; //其他支持的用法 _position: absolute; //不支持的用法 _clear:
2018-09-04 18:47:00
原创 阻止拖拽滑動哪些事（主要是移動端）
也就是所謂的移動端滾動穿透問題 一、body{ overflow:hidden }。一般PC端這樣就行了，但在移動端可就不行了，因爲他有touchmove。 二、可以阻止彈層的touchmove事件，但如果你的彈層內的內容需要滑動，這
2018-09-04 18:47:00
原创 全屏滾動插件(jq)
下載地址https://download.csdn.net/download/qq_33242730/10354918 給需要全屏的元素加上類sonp-section 點擊按鈕切換到固定頁 $('.').click(function(
2018-09-04 18:47:00
原创 查看大圖
<div class="allSeeBigImg"><img src="" alt=""></div> var isSeeBigImg = true, clientWidth = $(window).width(), clientHeng
2018-09-04 18:47:00
原创 那些用起來特爽的css
雖然爽，但IE和低版本的瀏覽器估計都不支持吧。。。 一、遮罩mask：url(..);mask-image:..; 用起來和background幾乎差不多。能通過background-color改透明背景圖、圖標的顏色，寫導航的小圖標
2018-09-04 18:47:00
原创 常見效果整理——移動端獲取驗證碼倒計時
一、點擊button，執行倒計時方法 $('.gold-sun-vecode-btn').click(function(){ time(60, $(this)) prompt('驗證碼已發送')
2018-09-04 18:46:59
原创 google地圖個人使用整理
一、引入google祕鑰 <script src="http://maps.google**.cn**/maps/api/js?key=你的祕鑰&language=**en-us**(參數，展示爲中文)" type="text/javas
2018-09-04 18:46:59
原创 web技術夯實基礎篇（一）—— 工具與準備知識
工具 系統：Windows，Mac， Linux 。 編輯器： 純文本編輯器：Brackets，Atom，Visual Studio Code（常用）； 混合編輯器（集成git，terminal等）：Dreamweaver，WebSt
2018-09-04 18:46:59
原创 node.js下一代框架koa，瞭解一下
有望取代express的框架。 首次學習是看了阮一峯老師的教程 http://www.ruanyifeng.com/blog/2017/08/koa.html 詳細API見官網https://koa.bootcss.com 零、安
2018-09-04 18:46:59