原创 小程序之皮膚色

一、編寫公共的樣式 首先寫一套可以用來進行換膚的樣式 /* pages/member/skin/skin.wxss */ /* 天空藍 */ .blue-box { background: #5ba1e7 !impor

原创 vue實現農曆日期選擇器

在項目中會員進行註冊的時候需要進行生日的選擇,由於通用的UI庫都是公曆的並且萬年曆的形式不符合。也在網上查了好多資料,最後找到一套算法感覺還是不錯的。經過加工分析封裝成了一個vue組件。 實現公農曆轉換的算法 /** * 數組

原创 響應式網站的必需品(bootstrap)

1.bootstrap的安裝 (1)使用在線文件或下載引入使用 在線使用 <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.

原创 vue中的高德定位

一、獲取key及在index.htm中引入 首先需要成爲高德開發者,申請到適合項目的key.並在index.html中進行引入 <script type="text/javascript" src="https://webap

原创 手把手帶你打造自己的UI樣式庫(第三章)之常用樣式組件的設計與開發

常用樣式組件的設計與開發 Search搜索框樣式的設計與開發 搜索組件的需求 搜索框的功能比較簡單,最基本的就是輸入和提交兩個邏輯。但是我們這個搜索框要額外的加一些細節,輸入框分爲輸入狀態和非輸入狀態,兩種狀態下輸入框表現要有所不

原创 vue項目運行至ipad白屏問題

Vue做了一個單頁面應用,它在一切設備上都工作正常。 在調試另一個dug時,發現了這個問題。 項目在其他端都可以正常打開,只有在paid上打開時,顯示的是白屏狀態。 在剛開始解決這個問題時,花費了好幾個小時都沒解決,都準備從新編譯

原创 小程序之組件傳參

父向子組件傳參 父組件傳遞 user(e) { let id = e.currentTarget.dataset.id; let detail = e.currentTarget.dataset.detai

原创 小程序中的商品分類

一、左右佈局分類效果圖 二、實現邏輯 頁面佈局 <!--pages/member/brand/brand.wxml--> <view class="box"> <view class="b_top"> <vie

原创 手把手帶你打造自己的UI樣式庫(第二章)之移動端頁面佈局

移動端頁面佈局 一 項目的建立 1 項目目錄結構 接下來要做的就是建立好項目的目錄結構。一個項目的目錄層級儘量扁平,不宜太深。根目錄下面把樣式庫的核心CSS代碼放在src目錄下,裏面包含主文件、公共樣式和其他組件的樣式文件。爲了演

原创 node.JS之中轉服務器

經過前面node的學習,我們對node已經有了一定的瞭解下面我直接上中轉服務器實現過程和思路說明。 let http=require('http'); let https=require('https'); var iconv =

原创 vue中對Cookie的封裝

在utils文件中對Cookie的設置、獲取、刪除進行封裝 //設置cookie export function setCookie (c_name, value, expire) { // var date = new Da

原创 手把手帶你打造自己的UI樣式庫(第一章)

這一章裏主要是介紹一下頁面結構基礎,CSS 選擇器,頁面渲染機制,屏幕適配方案,CSS書寫規範。 頁面結構基礎 盒模型 在瀏覽器中,每一個 DOM 節點渲染後,都會在屏幕上佔用一個方形的區域,這個方形的區域就被稱爲盒子,我們把這種

原创 手把手帶你打造自己的UI樣式庫(序言)

一、 寫在前面的話 做前端開發的朋友,現在在寫過 CSS時,大部分都是用些第三方的庫。例如:Bootstrap,vant,easyUI,elementUI,layui之類的樣式庫或組件庫。在使用這些組件庫的時候,我們會發現用這東西

原创 2020大廠前端面試之vue專題(三)

21.v-model中的實現原理及如何自定義v-model v-model 可以看成是 value+input方法 的語法糖 input v-model checkbox v-model select v-model 組件的v-

原创 2020大廠前端面試之vue專題(一)

1.談一下你對MVVM原理的理解 傳統的 MVC 指的是,用戶操作會請求服務端路由,路由會調用對應的控制器來處理,控制器會獲取數 據。將結果返回給前端,頁面重新渲染 MVVM :傳統的前端會將數據手動渲染到頁面上, MVVM