原创 小程序保存多張圖片(優化版)

前言 之前寫個一個版本的[多圖下載],重構進行了代碼升級讓代碼更加簡介分爲兩步:第一獲取保存到相冊權限第二下載圖片主要涉及兩個文件,index.js 和download.js另外現在如果有圖片下載失敗也彈出下載完成後續需要優化 核心代碼 /

原创 老虎機slot Machine-小程序營銷組件sol-weapp(二)

前言 小程序營銷組件全面升級,添加說明文檔,優化代碼,讓開發變得更簡單。 Sol Weapp 🎉 Sol Weapp 是一套簡單、易用、業務化的商城營銷組件庫。 預覽 掃描下方小程序二維碼體驗示例: 開始之前 😊 使用 Sol Weap

原创 小程序營銷組件sol-weapp

前言 小程序營銷組件全面升級,添加說明文檔,優化代碼,讓開發變得更簡單。 Sol Weapp 🎉 Sol Weapp 是一套簡單、易用、業務化的商城營銷組件庫。 預覽 掃描下方小程序二維碼體驗示例: 開始之前 😊 使用 Sol Weap

原创 vue懸浮可拖拽懸浮按鈕

前言 vue開發手機端懸浮按鈕實現,可以拖拽,滾動的時候收到裏邊,不影響視線github地址使用,基於vue-cli3.0+webpack 4+vant ui + sass+ rem適配方案+axios封裝,構建手機端模板腳手架vue-h5

原创 小程序scroll-view滾動居中

前言 商場裏的一個小需求小程序scroll-view開發一個可以滾動的tab組件,當點擊大於屏幕二分之一標籤時,將其移動到中間,點擊向下的箭頭展開所有,進行選擇項目github地址vue版本戳這裏vue時better-scroll 實現的類

原创 vue生成canvas海報圖

vue-canvas-poster vue 組件-簡單屬性畫 Canvas 圖github 概述 一個通過 css 屬性畫 canvas 圖片的輕量級的 vue 組件(A lightweight vue components use can

原创 gulp小程序高效開發

簡介 基於gulp4.0 實現七牛雲自動上傳+圖片壓縮+scss+封裝wx.request+實時編譯腳手架開發小程序 根據WeApp-Workflow 修改 在這裏你可以找到 一個簡單的gulp構建的小程序 友好的使用scss,高效開發

原创 vue微信網頁授權最終解決方案

vue微信網頁授權,基於vue-cli3.0+webpack 4+vant ui + sass+ rem適配方案+axios,開發的微信授權方案。項目地址:vue-wechat-auth 又又又一次來寫微信網頁授權,一年前寫過的 [vue

原创 vuecli3 vant rem 移動端框架方案

描述 基於vue-cli3.0+webpack 4+vant ui + sass+ rem適配方案+axios封裝,構建手機端模板腳手架 vuecli3.0 多環境開發 axios封裝 rem適配方案 多環境開發 之前寫過一個多環境的方

原创 koa router 多文件引入

背景 koa-router路由越來越多,api下的router都要使用下面的方式引入,怎麼才能方便快捷的將api下的所有文件都引入呢這次記錄的就是如果將koa-router 一次性循環引入 const book = require('./a

原创 pm2 發佈 node 配置文件ecosystem.json

背景 最近在搭建一個node+koa+vue的項目使用到了pm2發佈這裏簡單的記錄一下在根目錄新建文件ecosystem.json { "apps": [ { "name": "ant-help-center",

原创 vue多環境配置方案

前言 一般服務器分爲本地環境,測試環境,正式環境如果每次都要修改配置就很麻煩,總結一下我使用的方法 vue-demo/ |-build/ |-config/ |-dist/ |-src/ |-config/

原创 vue better-scroll 遇到的坑

先看效果 介紹 一個簡單的靜態頁面主要是使用 better-scroll 做橫向滾動,點擊標籤滾動到相應位置,以及滾到相應位置後對應標籤顯示紅色。開發過程中遇到了幾個問題一:初始化的時候要計算內容的高度,一直有誤差,因爲一開始直接用img

原创 小程序movable-area拖拽fixed點擊失效

前言 先看效果實現了拖拽,但是可拖拽區域下層的點擊事件失效,本來做拖拽就是爲了解決下層被遮擋然後無法點擊這下可好了,無法點擊的區域更高了。還好從網上找到了解決辦法 movable-view { pointer-events: aut

原创 小程序紅包雨

前言 話不多少先上效果,引入很簡單,將/components/s-packetrain/index放到你的組件文件夾中 直接引用就可以了。 首先你要先在頁面引入組件 index.json 引用組件 { "navigationBarTit