ionic-基於angularjs實現的多級城市選擇元件
今天是2016年12月25日，也即是西方的聖誕節，本來是好日子，不過今天卻沒能放假，得調休補班。
最近身邊的朋友，夥計一起談論的最多的就是創業話題，今年是一個資本的寒冬年，但也是一個網際網路企業開始收割的元年，滴滴，餓了麼，美圖，糯米等等，都已經不在大力補貼了，資本燒了那麼多錢，移動網際網路的人口紅利已經逐漸成為過去，未來將依賴技術壁壘,內容,服務,大資料,使用者畫像等取得更加大的競爭力。
迴歸正題，下面將給大家介紹一個很好用的移動端的多級城市選擇的元件。本元件適用於ionic，不過由於是基於angularjs實現的，大家可以根據原理重新做一下修改，即可滿足在其他的框架或者webapp中使用。
程式碼和具體使用方法已經開源在github上https://github.com/bingcool/ionic-pickcity，歡迎訪問，有什麼不懂得，可以在下面留言！
下面是demo：
相關推薦
ionic-基於angularjs實現的多級城市選擇元件
今天是2016年12月25日，也即是西方的聖誕節，本來是好日子，不過今天卻沒能放假，得調休補班。 最近身邊的朋友，夥計一起談論的最多的就是創業話題，今年是一個資本的寒冬年，但也是一個網際網路企業開始收
ionic-基於angularjs實現沉浸式頂部導航欄，滾動時產生漸變效果
最近一直在研究angularjs和ionic框架，對於如何設計好的產品和使用者體驗一直都在思考，看了很多關於app設計的資料和其他的產品，覺得基於material design的設計確實是目前比較好的
ionic-基於angularjs實現固定頂部的可迴圈滾動文字的通知banner
最近一直晚上閒著，就開始想著在banner的小提示的基礎上再封裝一些其他的功能，比如在一些app中的二級導航欄處會出現一些滾動文字的小提示，所以就開始構思如何在ionic的基礎上，利用css3實現這個
ionic-基於angularjs和javascript實用的頂部搜尋過濾元件
實現的功能： 1、定義模板主題 2、自定義icon圖示 3、高內聚低偶合，只需簡單配置即可使用 4、區域性搜尋（在已顯示的頁面內容中進行過濾搜尋） 5、全域性搜尋（根據關鍵詞訪問伺服器進行搜尋） 6、動畫顯示出現，包括頂部下拉顯示搜尋元件和從左向右顯示元件
基於angularjs的下拉選擇框封裝
一：UI產品互動圖 二：實現包括的功能點 1：下拉框內容是表格，類似於一個彈窗 表格內容最多六行，超出的顯示滾動條，表頭固定。 支援鍵盤上下鍵，進行當前項的選擇 支援鍵盤的enter選擇鍵，並支援回撥函式，進行頁面的資料繫結 支援載入後臺資料 支援繫結指令的inpu
用React Native 寫的城市選擇元件
現如今城市列表選擇元件在業務上需求很大，因此今天用React Naitve來實現一個城市列表的功能。話不多說，先來看看實現的效果： 根據效果來看很像是蘋果手機的通訊錄，那麼接下來，我們就要開始寫程式碼了。 頁面編寫 頁面編寫不用做過多的說明，關於下方城
vue基於mint-ui的城市選擇3級聯動的示例
專案是基於 vue2 的移動端專案 1、實際效果 地址三級聯動 mint-ui picker.png 2、首先你需要去下載一個包含中國省份，城市，區縣的資料 如下： 3、具體程式碼 主要是用到了mint-ui的picker元件，關於mint-ui的使用就自行
vue城市選擇元件
適用於vue的城市選擇元件 倉庫地址 基本功能： 支援全選、反選以及全部清空。 支援按拼音篩選。 勾選省份將會勾選省份下所有城市。 返回資料可靈活處理。 安裝 npm install cn-region-picker # 或者 yarn add cn-region-pick
獨立完成一個城市選擇元件（阿里前端題目,內附知識點、思路）
借用了兩個久經考驗的輪子：fastClick和better-scroll，介意可以就此打住。本文絕對原創，手打，思路清晰，知識不難，不適合大佬觀看，謝謝。 首先說一下，我不是阿里的人，也沒去阿里面試過，這是某微信群裡的一個小夥伴給的，我現在的能力達不到阿里的要求。不過人沒夢想還不如鹹魚，有能力的話還是
react-native實現樹結構選擇元件
react-native-tree-select react-native-tree-select 樹結構選擇元件 專案結構 --components： treeSelect元件 --treeSelectExample： 元件演示程式碼 --.gitignor
vue+elementUI實現的日期選擇元件
專案需求，需要實現如下快速日期選擇的介面。 因為專案技術棧用到了vue+elementUI，故封裝了元件進行復用。 元件程
基於jquery的可查詢多級select控制元件（可記錄歷史選擇）
;(function($,window,document){ var pluginName = 'multiSelect', defaults = { type: '1',//select層級onetwo data:[], field:[],//資料欄位名
ionic實現A-Z城市選擇
在ionic專案中怎麼實現城市選擇A-Z字母索引列表呢？效果圖如下所示： 可以看到搜尋框可以直接過濾搜尋對應的城市；右側點選或滑動對一個的字母，左側滾動到對應的位置，接下來詳細介紹怎麼實現。 首先說下佈局： 右邊的字母欄是絕對定位過去的，通
angularjs之ui-bootstrap的Datepicker Popup不使用JS實現雙日期選擇控件
function 2.3 spa ots fun 自定義指令 str borde ext 最開始使用ui-bootstrap的Datepicker Popup日期選擇插件實現雙日期選擇時間範圍時，在網上搜了一些通過JS去實現的方法，不過後來發現可以不必通過JS去處理，只需要
基於webpack實現react元件的按需載入
隨著web應用功能越來越複雜，模組打包後體積越來越大，如何實現靜態資源的按需載入，最大程度的減小首頁載入模組體積和首屏載入時間，成為模組打包工具的必備核心技能。 webpack作為當下最為流行的模組打包工具，成為了react、vue等眾多熱門框架的官方推薦打包工具。其提供的Code Splitt
基於React Native實現的介面載入元件react-native-loadview
react-native-loadview 基於React Native實現的介面載入元件， Installation npm install react-native-loadview --save Import into your project import
基於c++實現RTSP/RTMP推流元件PushStream簡介
技術在於交流、溝通，轉載請註明出處並保持作品的完整性。 原文：https://blog.csdn.net/hiwubihe/article/details/84639975 [本系列相關文章] 本篇介紹一個基於C++開發的RTSP/RTMP推流元件Pus
基於互資訊的特徵選擇演算法MATLAB實現
在概率論和資訊理論中，兩個隨機變數的互資訊（Mutual Information，簡稱MI）或轉移資訊（transinformation）是變數間相互依賴性的量度。不同於相關係數，互資訊並不侷限於實值隨機變數，它更加一般且決定著聯合分佈 p(X,Y) 和分解的邊緣分佈的乘積 p(X)p(
基於MFC的CListCtrl實現虛擬列表控制元件
1. 在建立的工程的對話方塊裡拖入一個ListCtrl控制元件，然後將控制元件的屬性View改成“Report”，“所有者資料”改成True。如下圖所示： 2. 在我們的程式中需要在ListCtrl的父視窗的類裡面響應CListCtrl的跟虛擬控制元件相關的幾個訊息事件
Mybatis+AngularJS +pagination.js分頁元件實現頁面分頁
前提條件： 搭建好SSM框架，或者其他框架 一、建立分頁結果類 public class PageResult implements Serializable{ private long total;//總記錄數 private List rows;//當前頁結果