原创 flex佈局學習筆記：flexbox--持續維護中
兼容性先放在這裏：引自 Using Flexbox: Mixing Old and New for the Best Browser Support 、最佳瀏覽器兼容 父元素{ display: -webkit-box;
2020-06-12 17:40:45
1
原创 移動端開發，IOS、iPhone，表單input元素獲取焦點時頁面被放大的解決辦法。
真心覺得移動端開發坑好多，不過解決問題也有不少樂趣，也能總結很多經驗方法，都是之前遇到的，想記錄下來方便翻閱。 在iOS測試的時候，每次input獲取焦點都會使頁面放大，真是要多醜有多醜，經多方求助終於得到這個美麗的方法解決一下，
2020-06-12 17:40:45
原创 用JS修改頁面的title
之前一直用 Java 的 S標籤 爲 title 賦值，直到今天我才知道，可以用 JS 改變 title 的值啊。 $(document).attr('title','new title ha'); // 將 title 的值改爲
2020-06-12 17:40:35
原创 bootstrap-modal：彈出modal時input的checked的狀態無法改變 | | input獲取焦點不生效
1.每次彈出modal時 ，用 js 修改的 checked 狀態不能實時更新 <div class="modal fade" tabindex="-1" role="dialog"> <div class="modal-di
2020-06-12 17:40:35
原创 Android安卓4.0以下，fastclick觸發兩次？
前幾天寫了個防穿透的模態框。 Modal模態框的防穿透問題，模態框彈出後，禁止body滑動事件 但是今天上線前測試，用Android4.0以下的手機測試時，點擊模態框的時候還是出現了穿透，好比 b 是模態框上的按鈕，a 是下層頁面
2020-02-20 22:00:02
原创 移動端輪播：swiper插件（觸碰圖片之後停止輪播）
下面是我遇到的問題，也是用此插件常用的幾個參數，如果你的輪播不需要很複雜，看本文就可以解決。假如你想多瞭解些， 看官們這裏請 swiper 插件的官方地址。 第一步 引入 swiper.min.js <script src=".
2020-02-20 22:00:02
原创 canvas畫圖：用鼠標---畫曲線，直線，矩形，圓
<canvas id="canvas" width="800" height="500"></canvas> <script src="js/jquery-3.2.1.min.js"></script> var canvas =
2020-02-20 22:00:02
原创 js面試題：let、var
今天同事問我一個問題， function fun() { var arr = []; for (var i = 0; i < 10; i++) { arr[i] = function() {
2020-02-20 21:59:51
原创 JS 排序算法：冒泡，插入，快速
冒泡排序： 1.比較相鄰的兩個元素，如果前一個比後一個大，則交換位置。 2.第一輪的時候最後一個元素應該是最大的一個。 3.按照步驟一的方法進行相鄰兩個元素的比較，這個時候由於最後一個元素已經是最大的了，所以最後一個元素不
2020-02-20 21:59:51
原创 封裝方法：只能輸入 數字
前些日子，在看是用JavaScript片段 時，有寫到 限制輸入（只能輸入數字），今天要用，就做了簡單的封裝，方便調用。 <input type="text" id="certno" name="certno"> var on
2020-02-20 21:59:51
原创 記住賬號密碼的input背景是黃色的，並不是很醜，但是假如你不喜歡，可以來看看
這個問題 input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } 點贊 收藏 分享
2020-02-20 21:59:50
原创 頁面滾動進度條 ( 兼容IE7及以上 )
這是IE的預覽效果，打開的是IE7的文檔模式 直接粘代碼，採用優雅降級的方式實現兼容。 demo 中用到的圖片直接去百度下載就成，下大圖效果好實現。 1、*使用 jquery 的高版本實現 <!DOCTYPE html> <
2020-02-20 21:59:50
1
原创 註冊表單的驗證方法封裝
學了工廠方法後，想着嘗試下怎麼用，前幾天做了個網頁的註冊表單頁，今天就嘗試了下，初出茅驢，覺得現在的通用性並沒有達到最好的效果，望路過的大神指導。 var VerifyFactory = function (type,str) {
2020-02-20 21:59:50
原创 PC端，瀏覽器兼容、IE兼容（圓角、陰影、透明）
以下所有兼容性問題都是借鑑的 Danna_Danna 的一篇文章，因爲文章時間比較長了，所以根據我自己的測試和查找，將會有一些小改變，自己寫一遍，以後用起來好找，有一個整理的過程更安心。 測試demo已上傳：http://down
2020-02-20 21:59:50
原创 JS：數組降維の三種方法
var arr = [ [0,1,2,3], [4,5,6,7], [8,9,0,1], [2,3,4,5] ]; 1.兩層循環 var result = []; for(var i=0;i<
2020-02-20 21:59:50