動態

@fulade

【Flutter 2-10】Flutter手把手教程UI佈局和Widget——流式佈局Wrap

作者 | 弗拉德 來源 | 弗拉德(公眾號:fulade_me) Wrap 在Flutter中Wrap是流式佈局控件,Row和Column在佈局上是很好用,但是有一個缺點,如果當子控件數量過多導致Row或Column裝載不下的時候,就會出現UI頁面上的錯誤。Wrap可以完美的避免這個問題,當控件過多一行顯示不全的時候,Wrap可以換行顯示。 當然Wrap跟Row和Column有着很多相似的地

fulade 頭像

@fulade

昵稱 弗拉德

@fulade

【Flutter 2-11】Flutter手把手教程UI佈局和Widget——列表ListView

作者 | 弗拉德 來源 | 弗拉德(公眾號:fulade_me) ListView ListView是在移動端非常常見的控件,在大多數的展示場景中都離不開ListView。在Flutter中對ListView的封裝也非常好,簡單幾行代碼就可以滿足我們佈局一個滾動列表的需求。 先來看一下構造函數: ListView({ /// key Key key, /// 佈局方向

fulade 頭像

@fulade

昵稱 弗拉德

@mihuartuanr

使用Flexible & swiper進行移動Web開發

移動端適配方案flexible.js 出發點 事故的開始總是有原因的,那思考一下,為什麼使用Flexible? [ ] 為了rem佈局? 為什麼要rem佈局 —— 高度還原 [ ] 移動端適配? 為什麼移動端適配要用Flexible —— 同等佔比 [ ] 什麼是移動端適配? 最初點是設計圖的高度還原!!! 以750*1334設計稿(iPhone6)為準,期望每一個設計元件在iPho

mihuartuanr 頭像

@mihuartuanr

昵稱 米花兒團兒

@tuihou123321

前端面試寶典:移動端核心知識篇

前言: 想系統學習前端面試題,強烈推薦瀏覽 在線電子書(支持手機版,不斷更新) 。 本書特點:系統全面(涵蓋前端核心技術點),簡潔,針對性強(針對面試場景設計)。 歡迎在github上留言反饋 移動端 移動端高清屏適配方案? 幾個要解決的重要問題: 佈局 字體大小 1px邊框 高清圖 參考資料: 移動端高清屏適配方案 移動端尺寸單位? px: 絕對長度單位, rem:相對長度單位,相對

tuihou123321 頭像

@tuihou123321

昵稱 tuihou123321

@alibabawenyujishu

優酷質量保障系列(二)—客户端自動化測試基礎能力建設

文娛妹導讀 自動化測試能力建設過程中,自動化框架選型、框架設計核心和思路、自動化能力平台接入,是自動化測試能力建設過程中重要環節。文章分享優酷APP自動化測試能力建設過程中的經驗 本系列文章將陸續發佈,感興趣的朋友持續關注! 前言 隨着移動端版本迭代的加快,快速測試,快速反饋已經是一個常態化的流程,週期內版本發佈頻率的增加,各項測試的時間正在急劇縮短,且迴歸性的任務不斷充斥當中,

alibabawenyujishu 頭像

@alibabawenyujishu

昵稱 阿里巴巴文娛技術

@tap_taq

關於移動端

視口 總共可分為3個視口:佈局視口,視覺視口,理想視口 佈局視口: 1. 一般移動設備的瀏覽器都默認設置一個佈局視口,用於解決早起的PC端頁面在手機上顯示的問題 2. 這個視口的分辨率基本都設置為980px 視覺視口: 用户所看到的網站區域 理想視口: 使得網站在移動端有最理想的瀏覽和閲讀寬度而設定的,是最理想的視口尺寸 要手動添加meta視口標籤,主要目的:佈局視口的寬度應該與理想視口的寬

tap_taq 頭像

@tap_taq

昵稱 Tap? taq

@yangge_5c6804373b5a0

支付寶小程序開發上拉加載實現

寫這篇文章起源於我們的產品經理提的一個需求,我們是做一個課程購買的小程序。每個課程下面有n節課。當點課的時候跳轉到課程學習頁面,並且查詢當前課在設定分頁數和分頁大小(默認7)所在的列表,以及它的位置。 如圖: 每節課對應一個序號。默認展示7條數據。當用户上拉的時候加載前面7條數據(即第一頁),下拉加載後面一個分頁7條數據。 那麼加載後面一個分頁數據我們可以通過小程序onReac

@2021_60e2de6ea45f7

viewport深入理解和使用

什麼是viewport ? viewport是用户網頁的可視區域,也可叫做視區。手機瀏覽器是把頁面放在一個虛擬的窗口(viewport)中,通常這個虛擬的窗口比屏幕寬,這樣就不用把網頁擠到很小的窗口中,用户可以通過平移和縮放來看網頁的不同部分。 下圖為常見一些設備瀏覽器默認viewport寬度: css中的1px不等於設備的1px 在css中經常使用px做單位,PC端瀏覽器中的1px往往都

2021_60e2de6ea45f7 頭像

@2021_60e2de6ea45f7

昵稱 前端知識搬運工

@bencjl

嘗試檢測移動端click延時

據説移動端click有個延時300ms響應的機制,目的是為了區分單擊、雙擊。如果300ms內再次點擊,則判定為雙擊,移動端的雙擊用於縮放頁面;否則為單擊,執行click的事件處理函數。 取消click延時響應的3種做法: 設置視口標籤,禁用縮放頁面功能,瀏覽器也會相應取消對雙擊的響應。 利用touch系列事件包裝一組監聽器,只有touch持續時間小於某個值才歸為點擊(大於就是長按或者拖

bencjl 頭像

@bencjl

昵稱 BENCJL

@jiangchuan_5ecf6be720834

7 款最棒的 React 移動端 UI 組件庫 - 特別針對國內使用場景推薦

本文完整版:《7 款最棒的 React 移動端 UI 組件庫 - 特別針對國內使用場景推薦》 優秀的 React UI 移動端組件庫和模版框架,幫我們節省開發時間,提高開發效率,統一設計語言。更棒的是內置的功能複雜,我們自己很難處理的常用組件,比如表格、表單、富文本編輯器、時間日期選擇器、實時拖拽組件等,再進一步,還有幫我們把組件的輪子裝好的 React admin 後台管理系統。本文推薦 7 款

@rongyunrongcloud

融雲移動辦公協同平台,助力政企數智化轉型升級

隨着社會經濟的快速發展和科學技術的全面進步,政企數字化轉型已跑步進入加速期。2022 年上半年國內多地疫情突發、頻發,進一步推動了政企數字化轉型從前端用户觸達向後端業務流程變革的深入,加速了業務流程和運營管理的線上線下一體化進程。而隨着 5G、雲計算等新一代信息技術的不斷變革,移動數字化已成為政企數字化轉型的劃時代新命題。關注【融雲 RongCloud】,瞭解協同辦公平台更多幹貨。 從溝

rongyunrongcloud 頭像

@rongyunrongcloud

昵稱 融雲RongCloud

@wxp686

性能優化進階:讓你的移動端網頁1s呈現

前言 現在的消費者越來越依賴移動設備來訪問內容和服務,這比以往任何時候都要求更高。當他們權衡您網站上的體驗時,他們不僅將您與您的競爭對手進行比較,還會在使用完後對您的應用進行評級。 但是很多網站給用户帶來的體驗並不太好,以致造成潛在客户流失,所以,性能是留住用户的關鍵。 Pinterest 將感知等待時間減少了 40%,這將搜索引擎流量和註冊量增加了 15% 。 原文(國外):htt

wxp686 頭像

@wxp686

昵稱 wxp686

@invalidnull

移動終端和自助終端的區別

在現代火車站中,旅客取票的方式主要分為兩種:移動終端和自助終端。這兩種方式各具特點,適應不同的場景和需求。 移動終端 移動終端通常指的是可以隨身攜帶的設備,如智能手機或平板電腦。火車站使用移動終端允許旅客通過移動應用或網站進行操作,如購票、查詢信息和電子取票等。 特點: 便捷性:旅客可以在任何地點,只要有網絡連接,就能完成操作,無需到特定地點排隊等候。 個性化服務:應用程序能夠根據旅客的歷史

invalidnull 頭像

@invalidnull

昵稱 註銷

@fulade

【Python 1-2】Visual Studio Code(VSCode) 配置 Python開發環境

使用 VSCode 作為開發Python的IDE工具 IDE(Integrated Development Environment, 集成開發環境),目前支持Python的IDE有很多。有PyCharm、Eclipse、Atom、Anaconda、Sublime Text等等。我個人更喜歡使用 Visual Studio Code 也就是 VSCode。如果大家有自己喜歡的IDE工具,盡情享用!

fulade 頭像

@fulade

昵稱 弗拉德

@fulade

【Python 1-5】Python教程之——字符串

字符串或串(String)是由數字、字母、下劃線組成的一串字符。 字符串 字符串就是一系列字符。在Python中,用引號括起的都是字符串,其中的引號可以是單引號, 也可以是雙引號,如下所示: "This is a string." 'This is also a string.' 這種靈活性讓你能夠在字符串中包含引號和撇號: 'I told my friend, "Python is my

fulade 頭像

@fulade

昵稱 弗拉德

@fulade

【Python 1-10】Python手把手教程之——一篇講透if語句以及if語句的特殊用法

作者 | 弗拉德 來源 | 弗拉德(公眾號:fulade_me) if 簡單示例 假設你有一個汽車列表,並想將其中每輛汽車的名稱打印出來。對於大多數汽車,都應以首字母大寫的方式打印其名稱,但對於汽車名'bmw',應以全大寫的方式打印。 下面的代碼遍歷一個列表,並以首字母大寫的方式打印其中的汽車名,但對於汽車名'bmw',以全大寫的方式打印: car_list = ['bmw','aud

fulade 頭像

@fulade

昵稱 弗拉德

@fulade

【Python 1-16】Python手把手教程之——類Class的繼承、父類、子類

作者 | 弗拉德 來源 | 弗拉德(公眾號:fulade_me) 繼承 編寫類時,並非總是要從空白開始。如果你要編寫的類是另一個現成類的特殊版本,可使用 繼承。一個類繼承另一個類時,它將自動獲得另一個類的所有屬性和方法;原有的類稱為父類, 而新類稱為子類。子類繼承了其父類的所有屬性和方法,同時還可以定義自己的屬性和方法。 子類的方法__init__() 創建子類的實例時,Python首先需要

fulade 頭像

@fulade

昵稱 弗拉德

@fulade

【Python 1-17】Python手把手教程之——文件的讀寫以及I/O操作

作者 | 弗拉德 來源 | 弗拉德(公眾號:fulade_me) 從文件中讀取數據 文本文件可存儲的數據量很多,每當需要分析或修改存儲在文件中的信息時,讀取文件都很有用,對數據分析應用程序來説尤其 如此。例如,你可以編寫一個這樣的程序:讀取一個文本文件的內容,重新設置這些數據的格式 並將其寫入文件,讓瀏覽器能夠顯示這些內容。 要使用文本文件中的信息,首先需要將信息讀取到內存中。為此,你

fulade 頭像

@fulade

昵稱 弗拉德

@aitigou

小白學習Python前看看,這份入門指南,能讓你少走很多彎路!

“讀萬卷書,不如行萬里路,行萬里路,不如大師帶路” 你是否也在學習Python中遇到有很多的問題?甚至不知道該從什麼地方入手,那麼這裏介紹一些工具以及學習方法。希望對你有用。 首先是選擇方向 在學習Python之前,首先一定要明確自己的學習方向。python目前主要幾個方向有web開發、辦公自動化、網絡爬蟲、數據分析及可視化等等,選擇大於努力,方向不對,努力白費,所以一定要把有限的時間和精力

aitigou 頭像

@aitigou

昵稱 哀涕狗

@aitigou

Python學多久能接單賺錢?按照這套路線學習,30天內就可以!

Python學多久才能獨立接單賺錢? 一個月足夠了! 新手學習Python,按這套路線學習,30天內就可以達到精通! ** Python作為當下最熱門的程序語言之一, 但是對於很多沒有編程基礎的初學者來説, 想要徹底掌握Python是一件比較困難的事情。 ** 其實,只要掌握並堅持科學的合理的學習方法, Python從入門到精通只要一個月就可以達到。 雖然一個月説長不長,説短也不短,

aitigou 頭像

@aitigou

昵稱 哀涕狗

@aitigou

3年Python學習經驗,整理了5本書籍送給大家,希望對你有用

有不少初學者朋友經常會問一個問題,有什麼適合Python零基礎入門看的書籍?我看了下別人的推薦,大 多數質量參差不齊,所以今天給大家推薦5本高效率的書籍,非常適合零基礎的朋友,一邊看書,一邊實操, 學習進步絕對神速。 這5本書送給大家,有需要的朋友可以在文末尾找下獲取方式! 第一本:《流暢的Python》 豆瓣評分:9.4 當Python學到一定程度後,就可以看這本書了,裏面有很多技巧,書

aitigou 頭像

@aitigou

昵稱 哀涕狗

@aitigou

這屆大一的學生這麼牛?開發出的Python小工具,讓程序老鳥都汗顏

你是否對敲代碼感到枯燥?有沒有想過把Python腳本可視化?就下面的圖一樣,從輸入圖片、調整尺寸到雙邊濾波,每一步都能看得清清楚楚明明白白。 輸入一個矩陣,無論是對它進行轉置、求共軛還是乘方,都能得到及時的反饋。 這樣一個Python腳本可視化工具,名叫Ryven,出自一位名叫Leon Thomm的大一新生之手。如果你也想試用一番,不妨接着往下看。 如何使用 使用之前,簡單準備一下開發環境:

aitigou 頭像

@aitigou

昵稱 哀涕狗

@jsoncode

npm install報錯not found: python2的結局方法

這個問題,困擾過幾乎所有的前端開發人員,我自己每次換電腦也對這個很頭疼。乾脆重新整理記錄一下。 安裝指定版本的python 下載地址:https://www.python.org/downlo... 安裝Visual C++(需要先安裝Visual Studio) 下載地址:https://visualstudio.microsof... 在Visual Stu

jsoncode 頭像

@jsoncode

昵稱 jsoncode