原创 如何在Vue3項目中使用vw實現移動端適配

From: 大漠 W3cplus 2018-01-25 有關於移動端的適配佈局一直以來都是衆說紛紜,對應的解決方案也是有很多種。在《使用Flexible實現手淘H5頁面的終端適配》提出了Flexible的佈局方案,隨着viewpo

原创 runtime.js(在小程序中使用async、await)

/** * Copyright (c) 2014-present, Facebook, Inc. * * This source code is licensed under the MIT license found i

原创 在Vue中使用:clss和:style

基本用法: :clss <div :class="{ active: isActive }"></div> <div :class="{ 'text-danger': hasError }"></div> //類名是斜槓就可以用

原创 在vue中封裝localStorage

localStorage localStorage 和 sessionStorage 屬性允許在瀏覽器中存儲 key/value 對的數據。 localStorage 用於長久保存整個網站的數據,保存的數據沒有過期時間,直

原创 自己製作一個簡易的防抖來阻止input的onchage和button的click函數同時觸發

最近遇到了一個場景,如圖 input的onChange執行的函數和button執行的函數是一個相同的函數,這樣就會造成一個問題,如果我修改了input裏面的內容,然後同時點擊button的話,那麼那個函數就會執行兩次,造成不友好

原创 vue使用之動態組件

有的時候,在不同組件之間進行動態切換是非常有用的,比如在一個多標籤的界面裏: 上述內容可以通過 Vue 的 <component> 元素加一個特殊的 is 特性來實現: <!-- 組件會在 `currentTabComponent

原创 用Node搭建一個後臺管理系統的後端—微信小程序access_token的緩存與更新(二)

這個後臺中,我們主要使用的是微信小程序的雲數據庫,那麼如果我們要在我們的項目中調用這個雲數據庫,那麼肯定避免不了要使用到access_token這個參數,這裏就教大家如何封裝一個自動更新access_token的函數。 1.這裏要

原创 使用vant組件遇到 Identifier 'pleaseLetJsLoaded' has already been declared

如圖,之前用vant的組件遇到了這樣的錯誤 怎麼找都找不到這個參數,每點擊一步都報錯一次,鬱悶死了,而且別人的瀏覽器還不會,後來才發現原來是下載了FeHelper(前端助手)的原因,刪掉了就沒這個報錯了。 真的是服了。。。

原创 在vue中實現單個或者多個搜索詞高亮

單個字段搜索高亮 <div class="" style="margin-left:10px"> <input type="text" v-model="searchVal"> <div > <div

原创 在vue中封裝一個過濾器(filters)

過濾器是一種在模板中處理數據的便捷方式,而且經常會在其他模板語言中見到。他們特別適合對字符串和數字進行簡單的顯示變化:例如將字符串變爲正確的大小寫格式,或者用更容易閱讀的格式顯示數字 在libs文件夾下創建filter.js文

原创 用Node搭建一個後臺管理系統的後端(一)

我這裏搭建的後端用的是Node,用到的開發框架是Koa2。開發這個後臺管理系統主要是爲了方便管理微信小程序的雲數據庫的。這裏你要提前安裝好vscode、node。 node的版本不能太低,建議升級到10.0以上的。 1.創建一個文

原创 vue單頁面在iOS微信瀏覽器中彈出底部欄導致的樣式問題

只需要在app.vue的mounted裏面添加如下代碼即可解決這個問題 mounted() { const u = navigator.userAgent const isiOS = !!u.match(/\(i

原创 Vue CLI 首屏優化技巧

https://www.cnblogs.com/royal6/p/12988252.html 要首屏優化,首先你要知道有哪些東西可以優化,你可以生成打包報告進行查看。 在package.json中,npm run build命令中

原创 vue 關於webpack配置的幾個優化

由於vue-cli3將webpack的基礎配置全部內嵌了,這就導致我們初始化項目完成之後發現原先的webpack的config配置全部都消失不見了,那該怎麼辦呢?別慌,vue-cli3早就考慮到了這一點,它預留了一個vue.con

原创 windows服務器或linux下nginx配置https小白教程

https://www.cnblogs.com/luxiaoyao/p/10034009.html windows系統 https://www.cnblogs.com/scale/p/11423374.html linux系統