原创 angularjs -- 密碼輸入框的內容可見與隱藏(ng-class)

在註冊或登錄密碼輸入框右側會出現一個眼睛的小圖標,點擊時密碼可見或隱藏,這個功能用angularjs的ng-class的屬性,很容易就實現了,如下: 1. html代碼: <div class="item item-input"> <

原创 JS -- 辨別訪問瀏覽器判斷是android還是ios系統

項目中需要,判斷android或ios系統,代碼如下: <script type="text/javascript"> /* * 智能機瀏覽器版本信息: */ var browser = { versions:

原创 JavaScript——封裝輸出log信息的方法

最近項目中需要整理統一的log信息打印形式,由我同事負責封裝出了一個信息打印的函數,覺得非常 使用,於是自己在把代碼拿來記錄一下,並做了相應的註釋 // 封裝一個在日期顯示時,月、日、分等位數不足兩位的用"0"補齊 function

原创 ionic3/ionic4 要配置android ios使用一套css樣式

ionic3以上的版本android和ios的css使用同一套樣式的方法如下: 1.進入app.module.ts; 2.修改app.module.ts的內容 @NgModule({ declarations: [ MyAp

原创 ionic3 -- ion-scroll 標籤不滾動問題

今天在項目用使用ionic3<ion-scroll></ion-scroll>標籤實現照片滑屏滾動呈現的樣式,但是出現了兩個問題: 1.在標籤中放入照片數組之後,照片不顯示;代買如下: <ion-list > <ion-sc

原创 Cordova --- 第三方app實現微信登錄功能

最近公司項目中需要添加微信登錄功能,由於我們的項目使用了ionic的框架,所以項目中基本使用了cordova的插件,下面把實現流程簡單說一下: 第一步:登錄微信開放平臺(點擊打開鏈接) 1.如果您的項目在微信的開發平臺上沒有創建過項目則需

原创 display:none和visibility:hidden的區別

display:none:隱藏對應的元素,在文檔佈局中不再給它分配空間,它各邊的元素會合攏, 就當他從來不存在。 visibility:hidden:隱藏對應的元素,但是在文檔佈局中仍保留原來的空間。

原创 Ionic -- Ionic1與Ionic2的區別

現在公司使用ionic1的框架做項目,ionic2發佈之後想把項目遷到ionic2上來,所以研究一下,發現把項目從ionic1遷入到ionic2是有點。。。 Ionic專注於以標準的HTML、CSS、和JavaScript來構建的移動站點

原创 Bootstrap -- 富文本編輯器bootstrap-wysiwyg的使用方法

最近公司需要做一個文本編輯器,由於我們使用的bootstrap的框架,所以選擇了使用bootstrap-wysiwyg的輕量級的插件,研究這個插件花費了我一些時間,接下來記錄我走過的坑,希望對大家有用: 1.需要在index.html頁面

原创 Cordova -- 監聽移動端(手機)網絡連接情況

因爲我們項目使用ionic的框架,這個框架可以直接用cordova的插件; 1.在項目中安裝插件 cordova plugin add cordova-plugin-network-information 2.使用場景 可以監聽手機的網絡

原创 ionic -- 調用相機拍照失敗或者照片不顯示(Camera cancelled)

我們用的是ionic框架,而項目中調用手機拍照的功能是使用cordova插件中的cordova plugin add cordova-plugin-camera插件,但是在有些android拍完照片之後,照片不顯示,並且彈出錯誤信息Cam

原创 Doctype作用

1.<!Doctype>聲明位於文檔中的最前面,處於<html>標籤之前,告知瀏覽器的解析器,用什麼文檔類型規範來解析這個文檔; 2.嚴格模式的排版和js運作模式是以該瀏覽器支持的最高標準運行; 3.在混雜模式中,頁面以寬鬆的向後兼容的方

原创 CSS 選擇符有哪些

1)id 選擇器(#myid) 2)類選擇器(.myclassname) 3)標籤選擇器(div,h1,p) 4)相鄰選擇器(h1 + p) 5)子選擇器(ul > li) 6)後代選擇器(li a) 7

原创 webstorm -- 2017 激活破解

1.2017.2.27更新 選擇“license server” 輸入:http://idea.imsxm.com/ 2.2016.2.2 版本的破解方式:安裝以後,打開軟件會彈出一個對話框;選擇“license server” 輸入:

原创 HTML語義化的理解

1.用正確的標籤做正確的事情; 2.HTML語義化讓頁面的內容結構化,結構更清晰,便於對瀏覽器、搜索引擎解析; 3.即使在沒有樣式CSS情況下也可以以一種文檔格式顯示,並且是容易閱讀的; 4.搜索引擎的爬蟲也依賴於HTML標記來確定上下文