原创 前端使用canvas生成海報並實現下載 js
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="img" width="5
2020-06-13 10:44:25
原创 vue 生成海報，解決跨域問題 ，下載圖片到本地
// 獲取圖片元素 // 創建圖片元素 var img = new Image(); //設置圖片跨域 img.setAttribute("crossOrigin", "anonymous"); //設置圖片路徑 img.src = u
2020-06-13 10:44:25
原创 vue-video-player 小白筆記
<template> <video-player class="video-player-box" ref="videoPlayer" :options="playerOptions" :playsinline="fals
2020-04-18 15:48:01
2
原创 vue+element tree組件多層級嵌套，合併指定層級，複選框樣式修改，清空選擇項等功能
注：邏輯不可考究，主要實現各種基礎功能，建議本地運行找對應功能，放到vue-element項目裏可直接運行 <template> <el-form :model="ruleForm" :rules="form_rules" ref=
2020-04-18 15:48:01
2
原创 vue 下載圖片
// 獲取圖片元素 // 創建圖片元素 var img = new Image(); //設置圖片跨域 img.setAttribute("crossOrigin", "anonymous"); //設置圖片路徑 img.src = u
2019-09-09 16:27:53
1
原创 vue 微信公衆號 canvas 生成圖片 長按分享朋友
效果圖 vue頁面 <template> <div class="page-share"> <div class="content"> <div id="qrcode"></div> <img class="post
2019-07-30 16:38:47
3
原创 vue 移動端 簡單分頁組件
分頁組件：pagination.vue <template> <div class="pagination"> <div class="page" v-if="totalPage>0"> <span :class="page
2019-07-30 16:38:46
原创 web應用實現微信、QQ第三方登錄
微信登錄： $('#wx').on('click',function(){ var APPID=541837601,//項目應用appid respon='http://192.***.50.251:*****';//是註冊
2019-07-05 16:39:19
原创 vue+vux + AntV f2 圖表
最終效果： 1.安裝： npm install @antv/f2 --save <template> <div class="box"> <div class="chart"> <span class="y-title">
2019-07-05 16:39:09
9
原创 前端生成海報 js
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="img" width="5
2019-03-30 16:26:51
原创 if語句中定時器的問題
for(var i = 0; i <10 ; i++){ if(i == 5){//第五秒移除 setTimeout(closePop,5000)；
2019-03-20 16:27:59
原创 qq授權三方登錄 web端
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>//data-appid:qq互聯引用申請的appid data-redirecturi:登
2018-08-24 03:43:13
原创 前端jq-MD5加密 + js-base64加密
加密js資源網盤鏈接分享 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script
2018-08-24 03:43:12
原创 js 元素背景圖賦值 + jq控制複選框的選擇和取消選擇(個人筆記類隨筆)
`$(this).css({‘backgroundImage’:”url(‘img/collection_edit_select_n.png’)”}) jq操作複選框 attr與prop的區別 在jq操作複選框的過程中 attr獲
2018-08-24 03:43:12
原创 購物車單選、多選等功能
不多講，邏輯很簡單，小白寫法，直接運行代碼1：樣式部分body{ background: #f5f5f5; } .head{ width: 100%; height: 4.4rem; border-bottom: 1px soli
2018-08-24 03:43:12