原创 echarts折線圖單組數據配置

線上demo:https://my.weblf.cn/alone_page/echarts/line1.html 祥見代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charse

原创 Vue爬坑之旅(二十七):關於mint-ui的一些坑

一、Indicator 等待框直接調起後關閉有時不生效,需要加入延時器 import { Indicator } from 'mint-ui'; Indicator.open('供養中...') setTimeout(()=>{

原创 vue使用domtoimage實現移動端H5頁面截圖

dom-to-image是一個可以將任意DOM節點轉換爲用JavaScript編寫的矢量(SVG)或光柵(PNG或JPEG)圖像的庫。 它基於Paul Bakaus的domvas並且已被完全重寫,修復了一些錯誤並添加了一些新功能(如Web

原创 vue使用html2canvas實現移動端H5頁面截圖

html2canvas能夠實現在用戶瀏覽器端直接對整個或部分頁面進行截屏。這個html2canvas腳本將當頁面渲染成一個Canvas圖片,通過讀取DOM並將不同的樣式應用到這些元素上實現。它不需要來自服務器任何渲染,整張圖片都是在客戶端

原创 vue多語言轉換的幾種方法

一、靜態轉換 使用 Vue 插件 language-tw-loader 在打包時把本地的文字轉換成繁體,動態加載的文字不會轉換。也就是說接口返回的文字不會自動轉換。 打包後無法再切換爲簡體。除非專門打一個簡體的包。 使用方式 1、安裝插件

原创 H5 jq+canvas實現pc寫字板功能

如果本文幫助到你,本人不勝榮幸,如果浪費了你的時間,本人深感抱歉。 如果有什麼錯誤,請一定指出,以免誤導大家、也誤導我。 線上demo1:點擊查看 線上demo2:點擊查看 實現此功能需掌握一些基本的canvas語法。 demo1代碼:

原创 swiper5切換頁面數據動態加載

如果本文幫助到你,本人不勝榮幸,如果浪費了你的時間,本人深感抱歉。 如果有什麼錯誤,請一定指出,以免誤導大家、也誤導我。 swiper官方網址:點擊查看 線上demo:點擊查看 核心方法,在當前Slide切換到另一個Slide時執行:

原创 H5使用photo-sphere-viewer.js實現360°全景

官方網站:https://photo-sphere-viewer.js.org/ 線上demo:點擊查看 需要引入的文件 <link rel="stylesheet" href="./css/photo-sphere-viewer.mi

原创 css3使用clip-path裁剪元素

簡介 clip-path CSS 屬性可以創建一個只有元素的部分區域可以顯示的剪切區域。區域內的部分顯示,區域外的隱藏。剪切區域是被引用內嵌的URL定義的路徑或者外部svg的路徑,或者作爲一個形狀。clip-path屬性代替了現在已經棄用

原创 一個基於WabPack4的 Vue 多頁面原生寫法腳手架

如果本文幫助到你,本人不勝榮幸,如果浪費了你的時間,本人深感抱歉。 希望用最簡單的大白話來幫助那些像我一樣的人。如果有什麼錯誤,請一定指出,以免誤導大家、也誤導我。 項目github地址 線上demo地址 vue_no_cli_multi

原创 css3改變純色png圖片的顏色

如果本文幫助到你,本人不勝榮幸,如果浪費了你的時間,本人深感抱歉。 希望用最簡單的大白話來幫助那些像我一樣的人。如果有什麼錯誤,請一定指出,以免誤導大家、也誤導我。 本文介紹利用css3的屬性:drop-shadow來製造陰影效果來達到改

原创 1024,節日快樂!

每個你不瞭解的新世界,都值得說一聲“Hello,World!”,1024,祝大家節日快樂!少熬夜,多賺錢,護好發!  

原创 基於vue的自定義日曆組件

如果本文幫助到你,本人不勝榮幸,如果浪費了你的時間,本人深感抱歉。 希望用最簡單的大白話來幫助那些像我一樣的人。如果有什麼錯誤,請一定指出,以免誤導大家、也誤導我。 項目github地址 線上demo地址 使用步驟: 1、安裝包 cnp

原创 在github部署個人網站

如果本文幫助到你,本人不勝榮幸,如果浪費了你的時間,本人深感抱歉。 希望用最簡單的大白話來幫助那些像我一樣的人。如果有什麼錯誤,請一定指出,以免誤導大家、也誤導我。 如何在GitHub部署自己的靜態網站 查看預覽:點擊查看 1、在自己的g

原创 Vue爬坑之旅(二十四):百度雲虛擬主機BCH部署多個vue項目

注意:此文章使用百度雲虛擬主機BCH服務器web內核用Nginx,PHP版本7.0。 第一步:再php配置裏把URL_MODEL 配置成2,重寫模式; 第二步:在網站的根目錄裏面(webroot目錄下)新建一個bcloud_nginx_u