原创 Vue 圖片預覽

下載 npm install v-viewer main.js 中引入 import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' Vue.use(Viewer

原创 canvas 繪製收入圖表,canvas 繪製類似信用卡額度圖表

效果圖 代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> #

原创 canvas圖片合成 生成二維碼海報 自適應屏幕尺寸

效果圖 代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> *

原创 手機端項目禁止在PC訪問

把以下JS丟在主入口文件即可 <script type="text/javascript"> var system = {}; var p = navigator.platform; var u = navigator.userA

原创 Taro項目更新版本

taro update project 安裝指定版本 npm i -g @tarojs/[email protected]

原创 taro 小程序分享

onShareAppMessage() { return { title: "自定義標題", path: '', // 自定義的分享路徑,點擊分享的卡片之後會跳轉這裏定義的路由 i

原创 Vue 實現小小購物車

<template> <div> <h1>購物車</h1> <div class="root"> <Row> <Col span='4'>編號</Co

原创 獲取url 中參數

function getQueryString(str, key) { if (str) { var queryString = str.split('?')[1

原创 Taro 生命週期與頁面事件處理函數

生命週期鉤子函數 componentWillMount() //頁面加載時觸發,一個頁面只會調用一次,此時頁面 DOM 尚未準備好,還不能和視圖層進行交互 componentDidMount() //頁面初次渲染完成時觸發,一

原创 canvas 加載中動畫

效果圖 代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt

原创 canvas 重力

效果圖 代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt

原创 canvas 粒子效果

效果圖 代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt

原创 Clsss繼承

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

原创 提交訂單後刪除購物車中已生成訂單的商品

let arr1=[{id:3,name:'多少2'},{id:43,name:'多少5'}] let arr2=[{id:1,name:'問問'},{id:3,name:'多少1'},{id:44,name:'多少2'},

原创 python分頁爬取百度貼吧

import requests class Tieba: def __init__(self, tieba_name): self.url_temp = "http://tieba.baidu.com/