原创 移動端滑屏 touch事件
移動端滑屏 touch事件 移動端觸屏滑動的效果的效果在電子設備上已經被應用的越來越廣泛，類似於PC端的圖片輪播，但是在移動設備上，要實現這種輪播的效果，就需要用到核心的touch事件。處理touch事件能跟蹤到屏幕滑動的每根手指
2020-07-08 00:57:54
2
原创 解決IE下輸入框不支持placeholder屬性
<!doctype html> <html> <head> <meta http-equiv="X-UA-Compatible" conte
2020-07-08 00:57:54
原创 純css炫酷旋轉
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www
2020-02-22 11:56:03
6
原创 自定義滾動條
自定義滾動條（課程鏈接） 學了這節課，感覺收穫了許多，所以想記一下筆記。 思路 整體思路 第一步：創建一個構造函數CusScrollBar 第二步：通過new操作符實例化這個構造函數（初始化函數_init） 拖動滑塊內容滾動的
2020-02-22 11:56:03
原创 css3美化滾動條樣式
1.改變瀏覽器默認的滾動條樣式 ::-webkit-scrollbar-track-piece { //滾動條凹槽的顏色，還可以設置邊框屬性 background-color:#f8f8f8; } ::-webkit-scrollba
2019-06-30 00:06:35
原创 web移動端開發技巧與注意事項彙總
二、meta的使用 1、<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0
2019-02-01 21:56:27
1
原创 H5移動端彈出鍵盤時遮擋輸入框
H5移動端彈出鍵盤時遮擋輸入框 2017年08月03日 11:00:03 風中乘涼 閱讀數：11836 在寫移動端時，如果使用絕對定位Fixed將輸入框（input或者textarea）,當手機的輸入法爲自帶輸入法時可能問題不大，但是當使
2018-11-21 23:01:54
原创 多行文本溢出顯示省略號(…)全攻略
多行文本溢出顯示省略號(…)全攻略發表於 2014年09月30日 by 愚人碼頭 被瀏覽 548,960 次 分享到： 小編推薦：掘金是一個面向程序員的高質量技術社區，從 一線大廠經驗分享到前端開發最佳實踐，無論是入門還是進階，來掘金你不
2018-09-01 06:27:59
原创 移動端富文本踩坑
移動端富文本踩坑 移動端web vue.js 最近在做一個vue的項目。之前的前端同事離職了，和女朋友去雲南瀟灑去了，剩下我一個苦逼坐在電腦前噠噠噠敲代碼。剛剛接手就開始做移動端富文本編輯器的需求。主管說壓了半個月，儘快做出來。
2018-09-01 06:27:59
13
原创 超級強大的SVG SMIL animation動畫詳解
超級強大的SVG SMIL animation動畫詳解 這篇文章發佈於 2014年08月31日，星期日，03:07，歸類於 SVG相關。 閱讀 163808 次, 今日 117 次 更新於2017-02-24 拒有些資料顯示，C
2018-09-01 06:27:58
60
原创 用wow.js實現頁面滾動時觸發animate.css動畫特效
有時候項目需要一些動畫來提升用戶體驗，吸引用戶注意力。這時wow是個不錯的選擇wow.js依賴animate.css，不需要jquery；animate.css是純css動畫 官網：http://mynameismatthieu.com/
2018-09-01 06:27:58
128
原创 CSS3 object-fit理解 以及object-fit的兼容性，包括兼容IE9+瀏覽器
本文還是着重講下object-fit:cover，特別是關於object-fit:cover的兼容性問題，如何去兼容更多瀏覽器。具體的object-fit:cover用法請看《object-fit:cover 剪裁圖片尺寸適配div -
2018-09-01 06:27:58
56
原创 模仿微信朋友圈 圖片瀏覽 js javascript 支持圖片預覽，滑動切換，雙指縮放，圖片緩存
模仿微信朋友圈 圖片瀏覽 js javascript 支持圖片預覽，滑動切換，雙指縮放，圖片緩存 2017年08月10日 12:11:38 閱讀數：2311 previewImage-mobile 仿微信js-sdk wx.preview
2018-09-01 06:27:58
原创 H5分享到微信好友朋友圈QQ好友QQ空間微博二維碼
H5分享到微信好友朋友圈QQ好友QQ空間微博二維碼這是分享按鈕：<button onclick="call()">通用分享</button> <button onclick="call('wechatFriend')">微信好友</but
2018-09-01 06:27:58
1
原创 https://eleditor.fixel.cn/
（此編輯器僅適用移動端，chrome請按F12模擬手機設備進行瀏覽）使用方法： <!-- 引入jQuery --> <script src="Eleditor目錄/jquery.min.js"> </script>
2018-09-01 06:27:58
3