原创 自制一個貪喫蛇小遊戲

//直接上代碼啦 <!doctype html> <html> <head> <meta charset="utf-8"> <title> 貪喫蛇 </title> <script></scri

原创 貼一個剛做的新手引導頁

前陣子有個新手引導的需求,本來同事說用UI框架的modal框做,想了想感覺下一步的動作太生硬了,乾脆就自己動手寫了寫,效果還不錯。 主要用css animation做跳轉動畫,用絕對定位定位引導框 效果如下: vue文件 <!--

原创 如何快速的用html和css寫靜態頁面

這兩個星期,又寫了一些靜態頁面,感覺比之前要快多了,下面來總結總結寫靜態頁面的時候要注意的一些問題,以及如何更高效的搞定需求。 在團隊作戰中,規範尤其重要,一個項目需求出來之後,經歷需求分析,產品出原型,UI出圖,前端寫頁面,

原创 tradingview使用心得

因爲公司目前是在做一個交易所的項目,頁面中需要用到k線圖,之前用了echart的k線,太過簡陋了,參考了另外幾個同級網站,決定用tradingview這個專業的股票交易所類的圖表庫。 從上週開始就研究tradingview,一直到昨天

原创 使用canvas做一個抽獎轉盤

最近,公司在每週五下午會有一次個人分享沙龍。上週我自願參加了,因爲每週都是由當前主講人來決定下次的主講人,於是就有做一個抽獎頁面的想法,話不多說,先看效果。 點擊抽獎之後,轉盤的速度會由慢到快,然後由快到慢再停止,整個過程持續時間是3

原创 移動端適配方案

https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651553246&idx=3&sn=698b920aaaf394c27a3475a0b6411ceb&chksm=8025aa

原创 ionic開發之攝像頭(camera)的調用

最近項目中遇到了需要調用攝像頭的地方,之前一直沒有弄好,因爲真機運行出現了問題,今天真機運行解決了,使得我怕不急待想試驗一下攝像頭能否調取成功。 要在ionic中調用camera功能,分一下幾步: 1、確保你的項目

原创 ionic之Facebook原生登錄

https://ionicthemes.com/tutorials/about/native-facebook-login-with-ionic-framework

原创 Ionic之監測網絡連接

今天發現目前的app項目還沒有對網絡連接做處理,於是研究了一下。趁現在搞定趕緊記錄下來 在ionic中,我們需要用到codovaNetwork,這個插件輸入如下命令引入: cordova plugin add cordova-plugi

原创 ionic國際化 - translte

最近在整理項目中的國際化json文件,覺得這個需要總結一下。 目前我們是用ionic做的項目,之前在網上找的方案,是直接用angular的translate服務,配了兩個json文件,一箇中文包,一個英文包,結果在ionic serve

原创 ionic開發---ios上點擊輸入框,失去焦點的時候,頁面白屏

這兩天在開發ionic頁面的時候,遇到一個很煩的bug,頁面元素都是正常的,打包在android上也是正常的,可是在ios上打包卻遇到了一個很大的問題。 每次點擊輸入框,然後點其他地方失去焦點的時候,頁面就會出現白屏。找了兩天實在找不到

原创 ionic大小寫敏感問題

昨天遇到一個問題,公司的老司機幫我一起找了兩三個小時,終於找到什麼原因。 **問題描述:** 項目中使用的是ui-router,在跳轉中使用$state.go(),在某些手機上沒有問題,在公司測試的手機上,跳轉失效。 **問題的原

原创 冒泡排序與快速排序

昨天,閒下來看了下冒泡排序與快速排序的區別。 兩者區別還是挺大,思路完全不一樣。 我們先看冒泡排序,冒泡是通過比較相鄰兩個元素的大小來調換順序,循環下去。代碼如下 // 冒泡排序 function bubble(arr) {

原创 使用ionic自帶的push notification

兩天時間,終於將ionic push試驗成功,由於公司業務需要,不能使用極光這類國內推送服務,所以研究一下ionic官方集成的push插件,用的是google的服務。下面介紹一下步驟: 1、在firebase(https://conso

原创 自制一個貪吃蛇小遊戲

//直接上代碼啦 <!doctype html> <html> <head> <meta charset="utf-8"> <title> 貪吃蛇 </title> <script></script>