原创 使用樣式實現select下拉框選擇\jQuery返回頂部top

沒有辦法,平時不是萬不得已我是不喜歡去模擬各類控件的,一個是麻煩,二個是對性能也有些影響,還是原生的來的實在。老闆昨天發話,必須模擬趕緊的,老外最喜歡簡潔乾淨的風格,說的貌似都很在理的樣子,其實她懂個毛的體驗,業務部也是一樣,都是一些不懂

原创 UED交互設計DMEO

一些效果的交互演示: APP商戶和用戶端的交互設計: 官方網站的動態交互效果切換實現效果: 移動端交互流程設計: 實現一些webapp前端頁面開發: 閒時臨摩的一個理財app界面: 部分任職公司設計開

原创 手機不同尺寸重寫不同樣式,手機常按不選定文字

當下,不同分辨率,不同尺寸的移動設備越來越多,自適應也成了最熱門的話題,下面是整理到的一些主流手機的匹配尺寸: @media (device-height:568px) and (-webkit-min-device-pixel-ra

原创 創建base公共樣式文件

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, t

原创 HTML-JS-CSS規範

HTML規範: 編碼格式 <meta charset="utf-8" /> 註釋規範 模塊後面加上註釋 <div class="module"> <div class=“module-function"> </div>

原创 實現邊框透明,安卓手機頭像圓形不識別%;利用樣式實現”>“符號,以及tips符號的實現方法,以及粘性定位position:sticky用法

如下圖要實現邊框是透明的情況: 透明往往能產生不錯的網頁視覺效果,先奉上兼容主流瀏覽器的CSS透明代碼: .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.

原创 CSS強制英文、中文換行與不換行 強制英文換行-樣式在線生成-樣式在線調試

<pre name="code" class="css">1. word-break:break-all;只對英文起作用,以字母作爲換行依據 2. word-wrap:break-word; 只對英文起作用,以單詞作爲換行依據3. wh

原创 Axure 免費UI元件庫

目前知道的有3個元件庫設計網站做的比較好,在市面上運用很廣,可對剛學習Axure的同學借鑑。 1、https://www.layui.com/ 2、http://www.axureux.com 3、http://www.iaxur

原创 視覺Space

今天下載QQ的時候看見這個風格挺漂亮的: 基本上採取的是單色或雙色

原创 nodejs在線xlsx轉json,使用gulp實現文件更改自動刷新

最近在做項目的時候需要這樣一個模塊,讓用戶上傳excel文件導入姓名和電話號碼,可以在線預覽。 之後就開始琢磨要怎麼實現。 首先這樣的流程:前端----後臺----存儲----讀取----傳回前端json格式。 然後我把這

原创 產品經理如何做好行業研究及競爭對手分析工作

衆所周知,互聯網行業的發展變化很快,同種品類的產品競爭非常激烈。爲了能在讓自己的產品脫穎而出,產品經理在日常工作裏一定要做到謀而後定,即培養自己持續關注用戶和市場的習慣,包括研究用戶需求、分析行業發展趨勢和關注競爭對手的動態等等。只有對用

原创 大型網站前端優化技巧

大家都知道lazyload.js預加載技術,它極大的加快了網頁打開速度,但是今天我們所講的並不是介紹lazyload.js是如何工作的,而是重新認識一款新的優化神器-BigRender,從名字是可以很清楚的理解這一技術特點,bigren

原创 React學習之路一

1. 先了解react的概念、結構,然後搭建demo結合學習組件的編寫,學習數據傳遞。 2. 期間需要不斷了解學習ES6,包括原生js知識。 3. 然後學習redux在項目的使用並實際運用到demo。 3月1號:出本地搭建好的demo 3

原创 React Study

爲了學習React框架,需要學習的東西非常多,首先我給大家介紹一個開發IDE:VS Code 然後我使用了 cmder 做Command窗口命令輸入,當然在安裝和使用cmder的時候可先添加到環境變量以及將cmder添加到右鍵的各操作

原创 HBuilder真機聯調iPhone手機設備問題+未受信任企業處理方法

首先要把Hbuilder的調試基礎問題都弄好: 1:把設備直接連上電腦: 在windows上首先需要安裝最新版本的itunes,並且讓手機與itunes是相連的。 真機聯調的iOS設備連不上? 真機聯調需要調用iTunes的API