原创 uni-app中class和style動態綁定

<!-- class 支持的語法: --> <!-- <view :class="{ 'active': isActive}">111</view> <view :class="{ 'active': isActive, 'tex

原创 uni-app中的css3選擇器使用

css3選擇器使用 1.頁面佈局 <view> <view class="box"> <text>text組件</text> <view>我是一號</view> <view>我是二號</view> <view>我

原创 vue 判斷某個時間小於當前時間

vue 判斷某個時間小於當前時間 <view v-if="new Date().getTime()>new Date(user.allowTime).getTime()"> 顯示 </view>

原创 uniapp 條件渲染

條件語句: v-if v-else-if v-else v-show 示例代碼 <template> <view> <template v-if="isshow"> <view class=

原创 hubilder 配置 Vue

(1)安裝node.js (2)配置淘寶鏡像cnpm (3)安裝vue和腳手架工具vue-cli (4)創建項目 (1)安裝node.js 官網: http://nodejs.cn/download/ 下載完成雙擊安裝(除了自定

原创 HTML + CSS 佈局技巧總結 (1)

XHTML基本規範 標籤名和屬性名稱必須小寫 HTML標籤必須關閉 屬性值必須用引號括起來 標籤必須正確嵌套 文檔必須擁有一個根元素,所有的XHTML元素必須嵌套於根元素中 屬性不能簡寫,如: <input checked="ch

原创 uni-app列表渲染

循環二維數組 - 頁面: <view class="font" v-for="(val1,index1) in list3" :key="index1"> <view class="font">{{va

原创 本機可以訪問8090端口,外網不能訪問

最近做前端項目,需要調試接口,本地啓動項目可以訪問,沒部署測試環境,同事連接我的電腦地址不能打開,氣死了搞了半天。 剛開始覺得服務器端口被防火牆限制了,設置了入站,出站規則,還是不行。 最後排查原因是:防護牆中禁用JAVA了文件

原创 快速瞭解uni-app(html、vue、小程序的區別)

uni-app 官網 傳統的h5只有1端,即瀏覽器。而uni-app可跨7端,雖仍屬前端,與傳統h5有不同。 網絡模型的變化 以前網頁大多是b/s,服務端代碼混合在頁面裏; 現在是c/s,前後端分離,通過js api(類似ajax

原创 uni-app 登錄功能(2)

主要介紹模塊: 1.賬號 註冊 2.賬號登錄 運行項目進入啓動頁main.vue. index.js文件中初始化hasLogin狀態爲false。main.vue頁面提示登錄。 1.index.js文件中定義登錄狀態false:

原创 uni-app 登錄功能(1)

如何使用vuex管理登錄狀態 以項目登錄模板代碼爲例進行分析: 1.新建store->index.js文件 vuex分爲state,getter,mutation,action四個模塊。vuex是根據需求定義一些全局變量,但是我們

原创 快速瞭解flex佈局

常用flex屬性,紅色字體最常用 display:flex; flex-direction:row | row-reverse | column | column-reverse; flex-wrap: nowrap | wrap

原创 uni-app事件處理(冒泡效果問題)

uni-app事件處理 在input和textarea中的change事件會被轉爲blur事件. 踩坑注意: 上述列表中沒有的原生事件也可以使用,詳情參考hcoder給出的文檔 事件修飾符 注意:  Vue中的事件修飾符在uni-

原创 uni-app集成釘釘應用配置

釘釘多端統一jsapi 新特性: 除了兼容現釘釘開放平臺提供的jsapi的特性,還支持以下下特性 1.支持返回原生Promise 2.支持模塊化引入api,模塊化引入平臺 3.支持dd.checkJsApi, 用於檢測當前環境是否

原创 uni-app 打包H5項目

配置 uni-app 命令打包 1.啓動服務 npm run serve 2.編譯項目 npm run build %H5% 3.啓動項目查看效果 npm run build cd dist cd build cd h5 live-se