原创 element樹形圖el-tree的懶加載和分頁加載
假如我們的樹形圖含有大量的數據,一次全部加載出來會很慢,用戶體驗不好,所以我們要做數據的分級加載,也就是懶加載,但如果每級的數據量也很大,就需要每一級都做分頁加載了。 懶加載 數據懶加載elementUI給出了方法,這裏不再贅述,鏈接如下:
原创 如何修改el-tree默認選中項的樣式
如圖,需求是將el-tree改成如下樣式: 默認展開第一層,左側添加藍色條條 點擊任意一項時,左側添加藍色條條,其他的藍色條條均消失 我們可以自由控制el-tree裏面文字的樣式,但是由於CSS暫時不支持通過子元素去查找父元素,所以
原创 Nuxt.js初始化及模板,路由配置
Nuxt.js的安裝方法見官網:https://zh.nuxtjs.org/guide/installation 目錄結構 在使用nuxt.js初始化一個項目之後,我們可以看到他的目錄結構如下: 資源目錄 assets 用於組織未編譯
原创 koa中間件
什麼叫中間件 在Koa中,中間件是指連貫整個 Koa 應用程序,並共享資源(上下文)的獨立插件。 這裏注意兩個詞:連貫與共享資源 連貫 對應“next” 共享資源 對應"context”。 如圖,是一個基本的web服務器的模型,服
原创 (轉)再聊移動端頁面的適配
轉載:原文地址:https://www.w3cplus.com/css/vw-for-layout.html著作權歸作者所有。 商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。 原文: https://www.w3cplus.com/cs
原创 (轉)使用Flexible實現手淘H5頁面的終端適配
原文地址:https://github.com/amfe/article/issues/17 由於viewport單位得到衆多瀏覽器的兼容,lib-flexible這個過渡方案已經可以放棄使用,不管是現在的版本還是以前的版本,都存有一定的
原创 (轉)如何在Vue項目中使用vw實現移動端適配
著作權歸作者所有。 商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。 原文: https://www.w3cplus.com/mobile/vw-layout-in-vue.html © w3cplus.com著作權歸作者所有。 有關於移
原创 如何使用外部函數動態加載elememtUI的級聯選擇器
elementUI官方文檔對級聯選擇器的動態加載數據介紹的比較簡單,我在使用的時候遇到了點坑。 官方文檔 從文檔中可以看出,動態加載的方法比較簡單,代碼如下: <el-cascader :props="props"></el-cascade
原创 如何實現全屏小程序及自定義左上角膠囊
我們在做一些譬如視頻播放等功能的時候,有時候是期望可以全屏展示視頻的,微信小程序爲我們提供了這樣的功能。 設置全屏 我們可以在選擇將整個小程序設置爲全屏或者只把某個頁面設置爲全屏。 修改app.json中window屬性的navigat
原创 如何用css3響應式的裁剪縮放圖片
其實這篇文章的標題也可以叫做《如何用css3實現微信小程序image的mode屬性》,因爲我們今天討論的響應式裁剪縮放圖片,主要是實現了微信小程序image標籤的mode屬性。 微信小程序image組件的mode屬性 開發過微信小程序的同學
原创 如何實現微信小程序的橫屏及適配
微信小程序如何橫屏 從小程序基礎庫版本 2.4.0 開始,小程序在手機上支持屏幕旋轉。使小程序中的頁面支持屏幕旋轉的方法是:在 app.json 的 window 段中設置 "pageOrientation": "auto" ,或在頁面 j
原创 圖片垂直居中
圖片居中在很多地方需要用到,水平居中很好實現,垂直居中有點麻煩,這段時間在項目中遇到了好幾處這樣的問題,分享給大家。 需求一:未知圖片大小,使圖片在高度固定的區域內垂直居中 大家都習慣在應該是圖片垂直居中的地方先設置圖片父元素的行高line
原创 Constructor(構造器)模式
對象創建 一般使用如下兩種方法創建對象: //創建對象的兩種常用方法 var newObject = {}; //object構造器的簡潔記法 var newObject = new Object(); 有四種方法可以將鍵值賦值給一
原创 使用Hexo+gitHub搭建你的個人博客
從開始工作到現在,大大小小做了不少項目,經驗也算是積累了一點,期間也遇到了不少的坑,所以最近想自己搭建一個博客,把自己遇到的坑和總結的經驗記錄在上面,並將自己以前在博客園,簡書等寫的文章遷移過來,也希望可以幫到更多的小夥伴。 在本地搭建he
原创 JavaScript函數
函數是什麼 函數是由事件驅動的或者當它被調用時執行的可重複使用的代碼塊。 函數的定義方法 函數聲明 function functionName(parameters) { 執行的代碼 } 函數表達式 命名函數表達式 var