原创 支付寶小程序踩坑

因工作需要,研究了一下支付寶小程序。官方開發文檔還不完善,很多用法找不到。因用的人少,網上教程幾乎沒有。   無法獲取document、window等對象 只能通過數據驅動視圖變化   獲取用戶實時輸入信息 通過onBlur綁定函數(隱藏

原创 小案例-鼠標移入依次顯示圖片各個部分

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

原创 vue滑動頁面菜單欄置頂

效果: 1、在mounted函數內添加: mounted () { this.$nextTick(() => { window.addEventListener('scroll', this.topTab)

原创 添加自定義屬性---索引值

點擊索引值切換圖片: 1、在函數外設置索引值index xxx.index = i; 2、用this指向 xxx.src = [xxx.index]

原创 模擬QQ列表展開收縮

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> ul,li,h

原创 帶縮略圖的圖片切換

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body {

原创 數字的判定

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 請輸入QQ號碼:<in

原创 點擊跳轉圖片不切換

如果是用一個a標籤作爲切換圖片的按鈕,要去掉href才能正常跳轉, 否則無變化

原创 控制多組圖片切換

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #box1,

原创 生成v字且點擊切換

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