python移动端web开发代码_移动web前端开发,前端开发工作总结,移动端页面开发-我主页-一个前端程序猿的博客...
熱門推薦
html/css
一、escape和它們不是同一類簡單來說,escape是對字符串(string)進行編碼(而另外兩種是對URL),作用是讓它們在所有電腦上可讀。編碼之后的...
標簽:
03-22
html/css
場景: 在項目開發過t程中需要找到url中某個參數的值如source。這個source后面可能還有參數,可能沒有。操作: /source=([\w|\d]+)&?...
標簽:
03-15
html/css
這是一個 HTML 中非常特別的標簽,它允許其中的空格真正顯示出來。例如:四個空格將真實顯示成四個空格。這不同于其他標簽通常的做法,其他標簽會將之間的空白壓縮成一個。從這一點來說,標簽真的是很有用。
06-09
html/css
html select標簽加鏈接的方法有很多,接下來為大家介紹下幾個比較經典的,,感興趣的朋友可以參考下哈,希望可以幫助到你
01-21
html/css
在下面的HTML我們寫了3個元素,然后每個元素里面都有一個元素,每個元素都有個背景色,并且使用absolute定位,為了能更清楚地看到z-index的效果,我們寫了一些其他的樣式。第一個元素的z-index值為1,其他兩個沒有設置。
12-24
html/css
兩邊是不對齊的(一般情況下,我們對這種情況不做處理,除非需求或者設計非要我們實現兩端對齊)。一般的兩端對齊是使用text-align:justify,但是text-align:justify一般情況下只針對英文管用。
11-26
html/css
利用css text-align:justify;(作用是行元素兩端對齊)屬性來實現css實現兩端對齊。
11-26
html/css
table標簽需要設定屬性 table-layout: fixed;width:XXXpx;
在要超出隱藏的td標簽上設定屬性 white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
不要忘了給table加個寬度
11-10
html/css
一個 內容 不受CSS視覺格式化模型控制,CSS渲染模型并不考慮對此內容的渲染,且元素本身一般擁有固有尺寸(寬度,高度,寬高比)的元素,被稱之為置換元素。w3c并沒有給出明確的非置換元素的解釋,但能確定的是除置換元素之外,所有的元素都是非置換元素。
09-16
html/css
行內元素 把行內元素嵌套在一個DIV中,并且在DIV中設置以下樣式 塊級元素 對于定寬的塊級元素,我們要設置起margin-top,margin-right 為auto 多個塊級元素(inline-block) 多個塊級元素,我們將其display設置為inline-block;然后將父級元素設置一下屬性
09-09
html/css
Readonly和Disabled是用在表單中的兩個屬性,它們都能夠做到使用戶不能夠更改表單域中的內容。但是它們之間有著微小的差別,總結如下:Readonly只針對input(text / password)和textarea有效,而disabled對于所有的表單元素都有效,包括select, radio, checkbox, button等。
08-28
html/css
之前不少人提過說要實現像阿里百秀Logo那樣的動畫效果,為了滿足廣大用戶的需求,這里就簡單做個演示。東西相對較簡單,所以不要認為你搞不...
標簽:
06-27
html/css
某市政項目用到地鐵圖展示,展示地鐵站點以及相關信息流,使用Qunee組件可以很好的解決這類需求,做出優美的展現,下面以上海2012地鐵圖為...
標簽:
06-27
html/css
你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜單、甚至在loading載入動畫里。不管你喜歡還是不喜歡,這些小元素對各UI元...
標簽:
06-27
html/css
IOS環境下的按鈕都是經過美化的,但通常我們在設計web app的時候不需要這些看上去老土的樣式,所以,去除這些顯得很有必要。下面這句代碼...
標簽:
06-27
html/css
話說這個問題糾結了近一個小時,為什么呢?看看就知道了。在公司的商旅Web移動版本項目上有這么一個交互,需要模仿iphone自帶的開關,好吧...
標簽:
06-27
html/css
浮出層是web頁面中經常用到的功能,帶有小小尖角的浮出層則更為生動,所以今天帶給大家的是有角的浮出層,一起看看吧!是的,我們即將實現...
標簽:
06-27
html/css
之前為公司商旅頻道寫移動端的頁面時遇到不少問題,今特來個總結,希望能為后來者帶來一些幫助。不再考慮瀏覽器兼容性移動端開發主要對象是...
標簽:
06-27
html/css
隨著HTML5的深入人心,其越來越多的新功能為更多Coder所用,HTML5新增了不少人性化標簽和屬性,馬上介紹的就是新的表單屬性。實例圖片:代...
標簽:
06-27
html/css
前幾天一
———————————小小分隔線 字符來實現————————————.demo_li...標簽:
06-27
html5
data-* 是H5的新屬性,用來讓開發者對標簽添加自定義屬性的。
08-14
html5
HTML5 新模塊元素的兼容問題,新增塊元素的默認樣式下列HTML5新模塊元素在IE8、9版本瀏覽器中沒有被定義默認樣式。為解決該問題,給下列元素添加“block”顯示屬性。
12-30
html5
HTML5非常強大,尤其是和CSS3結合,有時候能達到非同凡響的網頁動畫效果。今天要分享的這款HTML5應用就是一款很酷的3D立體圖片相冊應用,它可以用鼠標多拽從多個角度瀏覽相冊圖片,點擊圖片,就可以放大圖片,相冊圖片都是美女,千萬別讓女朋友看到。
08-10
html5
開發離線應用的第一步是要知道設備是在線還是離線,html5為此定義了一個navigator onLine屬性,這個屬性值為true表示設備能上網,值為false表示設備離線。
04-08
html5
這是 Jose 在CoderWall 分享的一個小技巧:在瀏覽器地址欄中輸入下面這行代碼,回車即可把瀏覽器變臨時編輯器。1data:text html,
04-08
html5
2000 年底,國際W3C織組織公布發行了 XHTML1 0 版本,到現在已經有 10 年了。這 10 年里, Web 飛速發展,XHTML1 0 顯得力不從心
04-06
css3
.title{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; ...
標簽:
11-26
css3
酷炫的文字漸變效果,趕緊試試吧!
12-23
css3
為了解決padding影響寬度造成破版的問題,推薦一個CSS3屬性: Box-Sizing
11-01
css3
括淡入淡出,文字飛入、左右搖擺動畫等等。使用animate.css也非常簡單,你可以給頁面上的任意元素,特別是文字添加各種神奇的動畫特效,一起來嘗試一下吧。
05-06
css3
CSS3 新增的 background-size 是一個很有用的屬性,用于定義背景圖片的尺寸,有了這個屬性,你就可以任意指定背景圖片的大小。其中最常用的值應該要數 cover 了,該值能讓背景圖片縮放至填滿整個容器,即使是圖片面積小于容器面積。
03-16
css3
用最少標簽實現文本垂直居中,css3偽類輕松實現...
12-09
css3
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.masked{
background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96);
09-04
css3
CSS3 read-only偽類.test1:read-only{background-color:#eee;}.test1:-moz-read-only{background-color:#eee;}.test2:read-only, .test2:-moz-read-only{background-color:#eee;}
08-28
css3
由于現在主要接觸移動端,不需要考慮IE等古董瀏覽器的兼容性問題,所以能最大程度的使用CSS3所帶來的便捷。根據設計需求,需要把圖片以傾斜5度的方式來呈現出效果。于是便做了一個例子:-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg); 把圖片旋轉了5度...
08-08
css3
一 些場景需要引用css3 字體@font-face.在字體轉換上是頭疼的事。辛苦找到的網頁字體轉換工具功能很強大,推薦一下:網頁應用特殊字體,ttf轉換為woff、svg、等格式字體
07-11
css3
CSS3 Animation 并未提供 給一個元素同時添加多個動畫效果的方法,就是說一個元素,只能給它定義一個動畫效果,不能同時定義。
07-06
css3
1. scoped令CSS的作用范圍限定到style節點的父級節點div。
例:p { color: red }Helloworld
07-01
css3
純CSS讓overflow:auto頁面滾動條出現時不跳動
06-16
css3
做為前端人員,如果你目前還不知道CSS3,說明你所處的環境有問題了,如果你還不會CSS3,只能說明你已經OUT了,請跟上時代的步伐,堅持學習!2013年各種前端框架涌現,讓我們眼花繚亂,以Bootstrap,Foundation做為代表的框架比較多,主打功能全面,UI漂亮。
06-10
css3
前幾天群里有同學在咨詢利用CSS怎么使背景顏色產生漸變,要求必須兼容IE7,IE8,這就有點頭疼了,現代瀏覽器IE9+,Chrome,Friefox均都支持CSS3屬性gradient,實現起來就很簡單,經過一翻調試,終于幫這位同學解決了問題,下邊給出完整的解決方案。
06-10
css3
body * {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);
06-08
css3
使用了after偽類,因此上面方法支持的瀏覽器為IE8+,以及其他靠譜瀏覽器。經過自己的測試,content內容只能是 " A "或者需要包括 " A ",大小寫無妨。
06-02
css3
在SF上,有人提出一個問題:不用table,如何把Div分成3行*3列。提供了三種思路:
05-19
css3
CCS3中的Transform是設置界面樣式和動畫的一大利器。而且在Chrome和FF中還支持3D變換。IE9不支持,IE10支持。只要是3D場景都會涉及視角問題和透視的問題。在Transform中的設置方法比較簡單:
04-08
css3
盡管現代瀏覽器已經支持了眾多的CSS3屬性,但是大部分設計師和開發人員貌似依然在關注于一些很主流的屬性,如border-radius、box-shadow或
04-08
ajax
一般來說,大家可能都會習慣用JQuery提供的Ajax方法,但是用原生的js怎么去實現Ajax方法呢?
04-17
js
//去掉空格(兩種方法都可以)str = str.replace(/\ +/g,""); str = str.replace(/[ ]/g,"") //去掉回車換行 str = str.replace...
標簽:
05-21
js
1、push()、pop()和unshift()、shift()
這兩組同為對數組的操作,并且會改變數組的本身的長度及內容。
標簽:
03-06
js
var str='我是demo'; reg=/]*href=[ '"]([^"]*)[' "][^>]*>(.*?)/g;while(reg.exec(s...
04-23
js
前端人員應該知道的JavaScript
11-02
js
隨著智能手機等小屏移動設備的興起,以前只針對桌面電腦的網站必不可少的向自適應網站頁面模式遷移,而在這其中,max-width這個新的CSS屬性在自適應設計中占有舉足輕重的作用。我通常都是將img, iframe, 和 embed 等標簽設置成 max-width: 100%...
12-30
js
大家都知道Javascript 有兩個種定義Function的方法非常常用。例如function a(){alert("a")}
var a = function(){alert("a")}雖然兩個種方式定義出來的 function 調用的時候結果一樣,但是中間還是有區別的。舉個簡單的例子,假如我們要重定義 a() ...
08-25
js
一般看JQuery插件里的寫法是這樣的(function($) {//... })(jQuery);bootstrap的javascript組件是這樣寫的!function( $ ){ //...}( window.jQuery );為什么要在前面加一個 " ! " 呢?
08-25
js
在進行類似微博墻之類的展示頁面中,經常會遇到這樣的需求:在固定大小的區域放入字數不定的文字,但是要求字體可以自動改變大小來自動填充這些區域。
07-01
js
大多數應用平臺中會通過iframe的方式插入跨站的應用。大多數時候基本上能滿足需求,但是如果遇到一些比較特殊的應用,他們的高度并不是固定的,會隨著應用內容而變化。雖然會有滾動條的出現,但是這樣從某種程度上會影響到頁面的美觀。
07-01
js
js改變標題,關鍵字,描述的內容
06-19
js
iframe頁面屏蔽網頁右鍵代碼
05-31
js
js 設置焦點 判斷控件是否獲得焦點 判斷哪個控件獲得焦點
05-19
js
這是一個雞肋的功能,在別人復制你網站內容時自動在復制內容后面添加上自己網站的名稱和被復制內容當前頁面的地址,說它雞肋是因為在我們這
05-19
js
首先一個最大的問題是,arguments這個對象哪兒來的?也許有人會認為它是調用函數時引擎自帶的一個局部變量,因為我們平時使用arguments的時
04-29
js
這個例子中g函數試圖修改f函數的參數列表,只有在IE6和Opera上可以修改成功,我覺得這是個Opera的漏洞。且不說修改,光是能訪問到就會有一些安全問題吧。
04-29
js
關于BASE64,我在之前的文章“BASE64和CSS中使用BASE64圖片”中有介紹過原理,我們今天來用代碼實現。
首先是傳統的方法,遍歷+手動移位。下面是傳統方式的實現,注釋很詳細了,我就不另外解釋了。如果有什么問題可以更帖提出。
04-29
js
這玩意兒很早以前就有了,只是一直沒流行起來。但是現在差不多可以用用了,下面這個是國內最新的瀏覽器市場份額數據
04-29
js
在HTML5中,我們可以使用FileReader對象來讀取INPUT-INPUT控件中選中的文件的內容。下面是例子:注意HTML5中的INPUT-FILE控件中使用的是儲存文件列表的files屬性,因為在HTML5中INPUT-FILE控件有個multiple屬性,這是上這個屬性就可以同時選擇多個文件了,所以需要用擬數組來保存
04-29
js
有了這些功能,[ajax+json+Handlebars]替代[vo+el表達式]不成問題,新時代的曙光已經來臨,最佳解決方案在此,您還等什么?
04-28
jq
如果是為了取到tagName后再進行判斷,那直接用下面的代碼會更方便:$(element).is('input')
08-30
jq
一個支付寶蓋印效果,點擊demo
08-10
jq
alert($(window).height()); //瀏覽器當前窗口可視區域高度
alert($(document).height()); //瀏覽器當前窗口文檔的高度
alert($(document.body).height());
alert($(document.body).outerHeight(true)); //瀏覽器當前窗口文檔b
06-29
jq
獲取頁面某一元素的絕對X,Y坐標,可以用offset()方法:(body屬性設置margin :0;padding:0;)
var X = $( DivID ) offset() top;
var Y = $( DivID ) offset() left;
04-08
jq
當我光標在圖片位置很快的移入移出,將不停的在觸法事件, 然后鼠標移開,事件由于之前快速移動還沒反應過來,延遲觸發中。(我是一個菜單圖片,怎么才能當鼠標移開以后就終止延遲的 事件)
04-08
jq
1 禁用右鍵點擊(Disable right-click)$(document) ready(function(){ $(document) bind("contextmenu",function(e){
04-08
jq
分享幾款比較實用的jquery幻燈片插件
04-08
jq
js:
04-08
jq
http: www iteye com news 27598,個人很喜歡響應式的BXSlider (http: bxslider com )
04-08
jq
DEMO:http: jsbin com acudel 2 edit
標簽: 輪播圖
04-08
php
ajaxpage php【這里是數據展示頁面的代碼】:
03-11
php
抓取某一個網頁中的內容,需要對DOM樹進行解析,找到指定節點后,再抓取我們需要的內容,過程有點繁瑣。LZ總結了幾種常用的、易于實現的網
03-04
php
今天get了一招:利用 htaccess文件對PHP網站或文件進行偽靜態處理。(windows下配置測試可以)一、檢查服務器是否支持偽靜態處理:必須要空間
03-04
開發利器
Swiper是由iDangero.us開發的一款免費移動端觸摸滑塊幻燈片插件,不但能夠適用于各種操作系統的手機,還能夠利用HTML5的硬件加速功能來完成滑塊的切換效果,其效果以及實用性非常強。該插件適合PC和移動端,是程序員開發的強大利器
06-23
開發利器
fullPage.js 是一個基于 jQuery 的插件,它能夠很方便、很輕松的制作出全屏滾動的網站。
06-23
開發利器
Sublime Text的強大就是她擁有強大的課可擴展性。您可根據自己的需要安裝不同的插件;這使得她變的無比強大的同時又不失輕便。
02-20
開發利器
SublimeTmpl能新建html、css、javascript、php、python、ruby六種類型的文件模板,所有的文件模板都在插件目錄的templates文件夾里,可以自定義編輯文件模板。
02-20
開發利器
在實際生產當中,如果每一次計算px轉換rem,或許會覺得非常麻煩,或許直接影響大家平時的開發效率。CSSREM是一個CSS的px值轉rem值的Sublime Text3自動完成插件。
11-20
移動端
在項目中post請求,需要傳的數據格式為strcode = 111這種格式
標簽:
03-23
移動端
場景 一個抽獎活動,需求是用戶進入活動落地頁,點擊購買套餐卡再回到落地頁,抽獎的次數+1問題 當購買好套餐卡后回退到活動抽獎的落...
標簽:
09-27
移動端
場景 vue項目中,經常對數組更行賦值操作,但在比較復雜的數組更新時,頁面視圖并不會及時更新,采用$set方式也是一樣。解決方案 ...
標簽:
09-27
移動端
場景: vue項目,彈窗是fixed布局,在表單input輸入內容時,光標錯位解決方案: 通過watch屬性來解決,代碼如下: watch:?{ ...
標簽:
09-27
移動端
場景:在vue開發項目中,需要用戶提交留資,在輸入的內容需要實時更新顯示輸入的字符數,在原生Dom樹中綁定事件@keyup="limitStr($event)".在ios中使用全拼輸入法輸入中文,在點完成時字符數沒有發生明顯變化,安卓機測試是沒問題...
標簽:
08-22
移動端
需求:背景圖片和二維碼還有用戶微信頭像生成一張圖片,可供用戶下載。打開頁面的時候就是一張圖可以保存,html2canvas插件即可實現效果,...
03-02
移動端
我們要在追加元素上綁定事件,通常會有live事件,經實踐檢測出部分手機還有失效,用了網上的方法用on事件替代也還是失效,調試了半天,終于找到解決方案...
11-22
移動端
pc端的動態添加元素綁定事件在手機端不生效,on,live事件都沒有效果,那怎么解決呢?
08-04
移動端
就是viewport特性,一個移動專屬的Meta值,用于定義視口的各種行為。該特性最先由Apple引入,用于解決移動端的頁面展示問題,后續被越來越多的廠商跟進。這時有一個很現實的問題擺在了廠商面前,用戶并不能很好地通過手機等設備訪問網頁,因為屏幕太小。
07-07
移動端
工作了有一段時間,基本上都在搞移動端的前端開發,工作的過程中遇到過很多問題,bug的解決方案,記錄下來,以便后用!!!內容并不是很全,有待完善
05-12
移動端
手機淘寶從2014年中開始,全面推行flexible設計。什么叫flexible呢?其實flexible就是responsive的低端形態和基礎。對我們來說,最直觀的感受就是,在超寬屏幕上,網頁顯示不會兩邊留白。以前pc時代大家經常講的流體布局,其實就是一種flexible design。
標簽: 方案
05-04
移動端
一個針對手機網頁的前端 console 調試面板。vConsole 是一個網頁前端調試面板,專為手機 web 頁面量身設計,幫助開發者更為便捷地進行開發調試工作。
05-04
移動端
移動前端開發中添加一些webkit專屬的HTML5頭部標簽,幫助瀏覽器更好解析html代碼,更好地將移動web前端頁面表現出來。本文整理一些常用的meta標簽。
04-05
移動端
控制手機鍵盤彈出的功能只能在ios上實現,安卓是實現不了的,所以安卓只能使用type類型來控制鍵盤類型,例如你要彈出數字鍵盤就使用type="number",如果要彈出電話鍵盤就使用type="tel",但這時又有問題了,那就是但type="password"時想彈出數字鍵盤該怎么辦呢??
03-30
移動端
在一個抽獎的項目中,旋轉時出現閃屏,解決方案:
Google關鍵字“Chrome transition blink”和“Chrome transition bug”發現網上已經有很多人注意到這個問題,推測為Chrome在初始渲染CSS動畫時產生的Bug,雖然暫時無法考證這個問題的根本原因,但是目前已知的解決方案有兩條:
01-19
移動端
此段腳本可以適配不同手機上字體放大縮小,頁面元素的寬高,間距等可以配合rem單位來控制。
12-29
移動端
metahandler.js是控制viewport進行頁面的縮放,再結合px單位進行實現移動端頁面,用px實現的移動頁面(寬度固定死的頁面),引入metahandler.js框架1、視口設置 width=640,是根據psd圖來設置,有多寬設置多寬(設計圖是640的設置64)
12-29
移動端
20.模擬按鈕hover效果
移動端觸摸按鈕的效果,可明示用戶有些事情正要發生,是一個比較好體驗,但是移動設備中并沒有鼠標指針,使用css的hover并不能滿足我們的需求,還好國外有個激活css的active效果...
12-18
移動端
3、移動端touch事件(區分webkit 和 winphone)
當用戶手指放在移動設備在屏幕上滑動會觸發的touch事件
12-18
移動端
1. 添加到主屏后的標題(IOS)2. 啟用 WebApp 全屏模式(IOS)3. 百度禁止轉碼4. 設置狀態欄的背景顏色(IOS)
5. 移動端手機號碼識別(IOS)6. 移動端郵箱識別(Android)
12-18
node
complete:13: command not found: compdef 之類的錯誤
標簽:
03-27
node
普通的右鍵刪除 node_modules 文件夾基本是刪除不了的。原因是node_modules的目錄層級太深,或者沒有管理員權限。平時刪除node_modules的...
標簽: 方法
04-23
node
node-sass安裝失敗的原因是因為無法下載.node文件,解決辦法就很簡單了,就是我們把文件下載路徑復制一份到瀏覽器里,然后使用瀏覽器下載文...
07-06
reactNative
在開發過程中,字符串轉base64有個btoa 方法,在瀏覽器中是支持的如:在手機調試過程中,android 報undefined.ios下直接crash.度娘之后,...
07-23
reactNative
在開發項目中加載html片斷,發現在圖片不顯示,但在安卓機上是顯示的,為啥不顯示,看了下html代碼中的圖片,是沒有協議,以//開始。這。。...
07-15
reactNative
在開發過程中需要加載html片斷,發現安卓機上是亂碼,這可郁悶了,官方文檔也沒有這方面的介紹,還好度娘還好的,記錄一下解決方案:其實很...
07-15
git
通常我們要開發一個新的功能會在dev上新建一個分支,在新分支上開發完會merge到dev上。然而一般大佬不用merge,用的是cherry-pick用法:新...
標簽:
04-29
git
git pull 時出現Permission Denied (publickey, password)
標簽:
03-21
git
一般項目提交git add . //本目錄下的所有文件,但上級目錄有修改的文件不會添加git commit -m "注釋"執行完之后,想撤回commit, 怎...
11-26
git
項目場景: 在某個活動項目中,因為活動越做越多需要清理一些過時的項目。后面又開始做活動,但在某些情況下需要還原之前清理的活動...
標簽:
03-15
git
使用 git branch -a 命令可以查看所有本地分支和遠程分支,發現很多在遠程倉庫已經刪除的分支在本地依然可以看到。使用命令 git remo...
標簽:
03-04
git
目前正在test分支上面開發某個功能,但是沒有完成。突然一個緊急的bug需要處理git add .git stashgit checkout bugFixBranchgit pull...
標簽:
03-01
git
git init //初始化本地git環境git clone XXX//克隆一份代碼到本地倉庫git pull //把遠程庫的代碼更新到工作臺git pull --rebase o...
標簽:
03-01
git
刪除一條分支:git branch -D branchName刪除當前分支外的所有分支:git branch | xargs git branch -d刪除分支名包含指定字符的...
標簽:
03-01
uniapp
1.跳轉webview加載的頁面,用navigateTo跳轉的帶參url可以兩次encodeURIComponent,不帶參數可以不加encodeURIComponent. 統一作法都加一...
標簽:
05-29
總結
以上是生活随笔為你收集整理的python移动端web开发代码_移动web前端开发,前端开发工作总结,移动端页面开发-我主页-一个前端程序猿的博客...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jpa in查询_优选在shopee虾皮
- 下一篇: python 获取向上两级路径_Pyth