原创 chrome Dev Tools 性能分析 performance

chrome 的performance用來分析性能優化性能非常好用,下面以一個頁面來舉例 性能分析 性能分析最好使用隱私無痕模式,以保證乾淨的環境下,避免chrome插件對性能分析結果的影響 Performance 性能面板 :可看到白屏

原创 vue3+vite配置多頁面

通過配置多頁面應用,從而將給子模塊依賴分隔開各自加載,可以減少初始資源的請求,加快頁面的訪問速度。 比如我們有很多H5頁面,並且相互獨立,比如報修,購卡,計價規則等等,那我們如果訪問購卡,只需要通過/buyCards/進行訪問,不需要初始

原创 檢測瀏覽器版本是否支持webp

const checkWebp = () => { try { return document.createElement('canvas').toDataURL('image/webp').indexOf('data:imag

原创 微信小程序首頁的上一個頁面棧和當前頁面棧

我們在微信小程序開發頁面棧獲取上會有兩種訴求 1.獲取當前頁面棧 2.獲取上一個頁面棧 獲取當前頁面棧 其實這個就比較簡單,當前頁面最好獲取,而且微信官網文檔也提供了API https://developers.weixin.qq.c

原创 兼容低版本includes不支持問題

//可以放在main.js上,然後再需要用的地方直接調用 if (!Array.prototype.includes) { Object.defineProperty(Array.prototype, 'includes', {

原创 vuessr nuxt入門指南

nuxt.js 官網地址:https://zh.nuxtjs.org/guide/installation 1.安裝 vue init nuxt-community/starter-template <project-name> cd

原创 mongodb用mongoose查庫的對象,不能增加屬性修改屬性

node + koa2 + mongodb 寫了一個給前端的接口 如果不是寫這個接口,這輩子都發現不了mongodb裏這個大坑 mongoose 是個ODM(Object Document Mapper),mongodb是nosql數

原创 javaScript設計模式之策略模式

javaScript設計模式之策略模式 定義一系列的算法,把他們一個個封裝起來,並且使他們可以互相替換 使用策略模式計算獎金 我們就用計算獎金爲栗子,比如說績效S就是4倍獎金,A績效3倍獎金,B績效2倍獎金,我們來提供一段代碼,來方便

原创 iOS各別版本new Date().getTime 獲取時間戳爲null問題

正常邏輯 new Date('2019-9-8').getTime() 注意日期格式 yyyy--mm-dd 因爲yyyy/mm/dd也有兼容性問題 但是各別iOS版本不支持 // IOS 獲取時間戳兼容問題 iOS各別版本不支持get

原创 web頁面調用app的方法

use_app_goto_page: (skip_type, skip_target) => { // Android App if (/android/i.test(navigator.userAgent)) {

原创 html2canvas 把h5網頁保存爲圖片 區域保存

html2canvas 把h5網頁保存爲圖片 想把一個網頁得某些元素,繪製成圖片保存,有些數據是接口動態加載的,所以不能UI給到圖片,需要我們把api的數據也繪製到圖片上 html2canvas這個插件可以完美解決,以下是使用方法和一些坑

原创 mongodb用mongoose查庫的對象,不能增加屬性

node + koa2 + mongodb 寫了一個給前端的接口 如果不是寫這個接口,這輩子都發現不了mongodb裏這個大坑 mongoose 是個ODM(Object Document Mapper),mongodb是nosql數

原创 windows下用nginx配置https服務器

1.安裝nginx 先到nginx官網下在nginx http://nginx.org/en/download.html 將下載好的文件解壓出來修改文件名爲 nginx ,然後拷貝到C盤下,目錄如下: 運行 nginx st

原创 git 倉庫遷移,git remote 更改源

git倉庫遷移 我們有時候需要遷移git倉庫,但又想保留每次commit的記錄,所以我們只需要更改git remote [源]的問題即可 首先查看你的remote的地址 git remote -vv origin 是自己遠程倉庫的分

原创 vue 事件修飾符

<!-- 阻止單擊事件繼續傳播 --> <a v-on:click.stop="doThis"></a> <!-- 提交事件不再重載頁面 --> <form v-on:submit.prevent="onSubmit"></form>