原创 JavaScript排序算法動畫演示效果實現

之前在知乎看到有人在問 自己寫了一個冒泡排序算法如何用HTML,CSS,JavaScript展現出來排序過程。   感覺這個問題還挺有意思 。前些時

原创 多個AJAX請求問題總結

我們常常會遇到在一個頁面上有多個AJAX請求的情況。這些AJAX請求有可能是互不相關的。也有可能是互相影響的。這裏總結一下多個AJAX之間會存在一定影響的情況。 而相互影響的數據也會分爲不同的情況。我接觸過的主要有: 1.多個AJAX返

原创 禪道項目管理軟件bug過濾腳本

新公司使用禪道作bug管理系統。每次產品上線的時候,所有的測試人員測試出bug之就就提在禪道上。 由於我們公司目前的測試只有一個,就把很多產品拉來湊數。他們分不清bug和需求。所以往往出現的情況是一大屏的bug。但實際上能改的沒幾個。並且

原创 個人作品目錄

最近整理做了一個簡易目錄,包含本博客中大部分案例,以及一些博客中沒有的。 個人作品目錄:http://runningls.com/demos/ github:             https://github.com/liusain

原创 前後端分離項目中使用富文本編輯器UEditor

UEditor官網地址 http://fex.baidu.com/ueditor/ 最近使用富文本編輯器Braft Editor、wangEditor多少都有一些問題。於是使用了比較老牌的富文本編輯器UEditor。雖然也有

原创 微信小程序填坑 視頻篇

寫了一年小程序,每天接受數萬付費用戶的考驗,踩過小程序的坑數不勝數。先寫一下視頻篇,寫一些會影響到用戶正常看視頻功能和影響業務主體流程的坑。 1.一些低端設備無法播放高清視頻 1080p 需要接入轉碼,提供2種分辨率的視頻。如果檢

原创 英語字母筆畫繪製功能解析

很多少兒英語啓蒙學習的程序都有26個英文字母大小寫筆畫繪製的功能。小朋友可以跟着提示,一第一筆的將一個字母寫出來。這裏解析一下該功能實現流程。 有一些初步的預想後,參考了競品,流利說少兒英語,lingokids等。 對流利說少兒英

原创 學習類產品100+資源加載體驗優化

我們在做很多學習或者遊戲類的小程序的時候,經常會有一個場景,在正式進入學習之前,把所有需要的音頻圖片等資源下載好,這樣在學習過程中,會有一種近乎離線學習的體驗。這是學習產品中很重要的一個環節。這裏總結一下,如何實現一個相對完善的資

原创 一個簡單的chrome拓展程序開發

最近突然覺得有些常用的功能可以寫成瀏覽器插件,就不用把代碼放到console控制檯運行了。只要點擊插件圖標就可以自動運行。會方便很多。就去查了下chrome插件開發教程。本質上講,chrome插件就是以一些特殊的方式運行一些特定的html

原创 JavaScript中正則表達式常見使用函數

最近越來越感覺到正則表達式的強大,可以簡化很多代碼。並且正則表達式入門並不是很難。簡單列一下JavaScript中使用正則表達式的一些方法。 //定義幾個會用到的變量 var href = 'baidu.com?where=b5s

原创 HTML/CSS/JavaScript實現的2048小遊戲

前陣子2048火的時候我也玩過一陣。 這種不用太多思考的遊戲其實蠻適合放空大腦的。   最近心裏有點不愉快的事。所以就找點其他事情來分散一下注意力。就想着自己寫一個2048。 空閒時間寫了一個。大體上已完成了。也沒找到特別明顯的bug。稍

原创 純css,div隱藏滾動條,保留鼠標滾動效果。

當我們的內容超出了我們的div,往往會出現滾動條,影響美觀。 尤其是當我們在做一些導航菜單的時候。滾動條一出現就破壞了UI效果。  我們不希望出現滾動條,也不希望超出去的內容被放逐,就要保留鼠標滾動的效果。 這裏介紹一個簡單的方法。

原创 JavaScript九宮格數獨生成算法

前幾天突然想寫一個數獨遊戲。本來以爲沒什麼難度。結果實現起來還是花了一點功夫。要做數據遊戲,並不是隨意地在九宮格里放一些數字讓玩家來填寫。一是你得保證你放的數字符合數獨的規則。二是你得保證你的數獨是有解的。 所以在開始一局數獨遊戲之前,你

原创 幾種跨域處理方式

1.img,iframe等標籤 如< iframe src=”a.com?id=1”>。對於只要發請求,不需要回調操作的很適合用這種方式。把請求發出去就不管了。 2.JSONP 其實是生成一個script標籤,因爲script標籤

原创 JavaScript排序算法(希爾排序、快速排序、歸併排序)

以var a = [4,2,6,3,1,9,5,7,8,0];爲例子。 1.希爾排序。 希爾排序是在插入排序上面做的升級。是先跟距離較遠的進行比較的一些方法。 function shellsort(arr){ var i,k,j