原创 行內元素垂直佈局:vertical-align

行內元素在父級行框(line box)內垂直方向上對齊方式,默認是以父級行框的 baseline(基線)爲參考進行對齊佈局的。行內元素的樣式vertical-align會控制自身如何與父級行框的進行對齊。 所以,首先要確定父級行框

原创 GeoTools解析shape文件中文亂碼

1. GeoTools解析esri shape文件中文亂碼原因? GeoTools解析shape文件時,默認字符集爲 ISO-8859-1 2. 解決辦法 將shape文件數據源的字符集設爲 “UTF-8” URL url =

原创 javascript封裝滑塊

下面的標籤是一個滑塊控件 <input type="range"/> 它的樣子是這樣的: 可能沒什麼人會喜歡這麼原始的樣式,同時出於複用的考慮,於是用js封裝了一個控件 LZF.Slider.js,它可以自定義樣式, 原碼在最後貼出來。

原创 JavaScript自定義對象

JavaScript對象是”屬性的無序集合”,裏面以鍵/值對顯現;屬性爲字符串,其值爲任意類型。 JavaScript中的所有事物都是對象:字符串、數組、數值、函數 …,JavaScript提供了基本的內置對象供開發人員直接使用,如:Fo

原创 自定義modal轉場動畫,滑動手勢控制 dismiss 過程

效果: 假設有: 1.兩個視圖控制器:presentingVC, presentedVC 2.一個繼承於UIPercentDrivenInteractiveTransition,並遵守協議UIViewControllerAnim

原创 閃爍動畫

地圖上定位圖標的閃爍動畫 效果如下: HTML <body> <div id="plusDiv"></div> </body> CSS <style> #plusDiv {

原创 js封裝任意級列表模塊

在開發中常常會使用到多級列表。爲了不再重複寫構建列表的代碼,可以規定列表的數據格式,並將列表封裝成一個可重用的模塊,因爲遞歸解析列表數據源,所以支持任意多級,代碼在最後給出鏈接。 效果(可拖動列表頭部標題,拉伸列表): 要使用這個模塊,

原创 ReactiveObjC學習筆記

這篇文章的內容絕大部分翻譯自github上的ReactiveObjC ReactiveObjC 注意 : 這是ReactiveCocoa Objective-C的介紹,ReactiveCocoa的OC版本現在叫做ReactiveObj

原创 H5圖片選取器

最近的項目都有拍照上傳的功能,所以把這個功能單獨抽出來總結積累一下,以便以後複用。 功能:圖片選取,滑動預覽,刪除,異步上傳(壓縮) 工具:Swiper插件 代碼:https://github.com/jackLeong/image

原创 Objective-C:探索block(二)

在Objective-C:探索block(一)中簡單地說了下block的基本上面貌,包括它的語法和底層定義,瞭解block的底層定義對在項目開發中正確使用block極爲重要。 本篇文章要探索block使用中不可避免的幾個方面 1.

原创 JavaScript自定義對象

JavaScript對象是”屬性的無序集合”,裏面以鍵/值對顯現;屬性爲字符串,其值爲任意類型。 JavaScript中的所有事物都是對象:字符串、數組、數值、函數 …,JavaScript提供了基本的內置對象供開發人員直接使用,如:Fo

原创 CocoaPods創建管理類庫的步驟

用到的命令 1. git clone 'https://github.com/jackLeong/MySDK.git' //克隆一份遠程倉庫 2. git add fileName //把文件納入git的緩存區,可使用 * 代替目錄下

原创 仿QQ音樂動畫

動畫效果: 對動畫作如下分析(這個分析方案肯定不是唯一和最優的,其實實現這個動畫效果不難): 主界面是一個導航欄控制器,底部工具欄設置不隱藏,在底部工具欄添加左下角的唱片按鈕 點擊左下角的唱片按鈕,在主界面addChildViewCo

原创 Objective-C:探索block(一)

本篇文章主要講block的基本使用和底層實現,以下將block的講解分成三小節: 一. 什麼是block block 表面語義指“塊”,在Objective-C中block就是能執行某些任務的代碼塊,是對C語言的擴充,從它的語法上看(請