原创 jQuery源碼學習筆記

整個jQuery是一個自調用的匿名函數: 1 (function(global, factory) { 2 if (typeof module === "object" && typeof module.exports

原创 JavaScript中的&&和||

 &&表示“與”,x和y均爲true,取值是true,否則取值是false ||表示“或”兩個布爾值中任何一個值爲TRUE(或者兩個都爲TRUE),則返回值爲TRUE。如果兩個運算符都是FALSE,則返回值爲FALSE。 a()

原创 開發 | 手把手教你實現微信小程序中的自定義組件

之前做小程序開發的時候,對於開發來說比較頭疼的莫過於自定義組件了,當時官方對這方面的文檔也只是寥寥幾句,一筆帶過而已,所以寫起來真的是非常非常痛苦。 好在微信小程序的庫從 1.6.3 開始,官方對於自定義組件這一塊有了比較大的變動,最

原创 常見的動態樣式css語言之less

1.動態樣式語言   CSS:靜態樣式語言,作爲一門語言並不稱職!缺少一般語言必需的基本要素:變量、運算、循環/選擇、函數等,導致了CSS代碼的修改和維護非常麻煩。   動態樣式語言:在CSS的基礎之上,添加了動態語言所必需的元素,如變量

原创 CSS3的calc()使用

calc()對大家來說,或許很陌生,不太會相信calc()是css中的部分。因爲看其外表像個函數,既然是函數爲何又出現在CSS中呢?這一點也讓我百思不得其解,今天有一同事告訴我,說CSS3中有一個屬性能實現自適應的佈局,首先讓我想到的是b

原创 js中的時間與日期處理

創建 Date 對象的語法: var myDate=new Date() var end_date=new Date(cur_issue_date.getTime()+1000*60*10*h); 註釋:Date 對象會自動把當前日

原创 基於JSON+JQuery實現的多條件篩選功能(類似京東和淘寶功能)

首先看一下實現效果: 現在JSON用於數據的封裝和管理越來越流行,一直想着通過JSON實現很多的小工具,比如多條件篩選、表格定製化、數據驗證、tree樹等等,最近沒事就用JSON和JQuery實現了類似於京東和淘寶多條件篩選功

原创 移動端樣式小技巧

平時在移動端開發拼頁面的過程中總會遇到一些問題,主要是各手機webview樣式顯示效果不一致造成的。以下總結了一些常見坑和一些小技巧,希望對看官有所幫助! 本文只針對兩大手機陣營 Android和IOS 中的魅藍metal 和 iP

原创 異步上傳圖片方法

對於異步上傳來說,如果仍想用文件直接上傳方法的話,可以採用HTML5的FormData,具體操作可以參考這篇博客。http://www.cnblogs.com/lhb25/... 本人還有另外一種異步上傳圖片的方法。先將圖片轉換成ba

原创 移動端界面的適配

閱讀目錄 適配的要求適配的方法,3個步驟適配中背景圖片的處理適配的原理解析 摘要:在進行移動端界面的書寫的時候,如果把寬度高度或者字體大小全部寫死的話,那麼在所有手機上看到的大小都一樣,存在的問題就是同樣大小的字體,或者一個盒子模型,

原创 微信小程序實現圖片放大縮小,並截取指定區域圖片

要在小程序中實現圖片放大縮小是着實不容易呀,還要把用戶選擇的指定區域生成圖片,簡直令人髮指。 不多說,上燒雞(代碼) 首先還是先來看看要實現的效果 用戶可以在指定的區域中滑動,放大,縮小自己的圖片,點擊確定之後,把方框中的區域

原创 移動端圖片操作(一)——上傳

傳我們一般都是用“input[type=file]”控件。當你用此控件時,你就授權了網頁和服務器訪問對應的文件,就可以得到File對象。 友情提示在,在Android手機webview中,是不支持上傳文件的,網上說是修改Android

原创 用H5中的Canvas等技術製作海報

在去年的時候也實現過合成海報的功能,不過當時時間倉促,實現的比較簡單。 就一個旋轉功能,圖片也不能拖動放大,也不能裁剪。 去年的實現可以參考《移動圖片操作--上傳》和《移動圖片操作--預覽旋轉合成》 這次有時間就實現一個功能稍微多

原创 web前端開發常用的幾種圖片格式及其使用規範

矢量圖與位圖 矢量圖是通過組成圖形的一些基本元素,如點、線、面,邊框,填充色等信息通過計算的方式來顯示圖形的。一般來說矢量圖表示的是幾何圖形,文件相對較小,並且放大縮小不會失真。 這裏有一點要注意的是web開發中用到的圖片都不是矢量

原创 如何在手機上訪問自己做的網頁

前提:手機和電腦連接的是同一個路由器的網絡。 1.搭建服務器,用Apache 2.把HTML文件放到服務器裏面,打開瀏覽器能訪問到服務器(localhost)裏的HTML。 3. 查看本機的IP地址進入“網絡和共享中心”(在控制面板可