原创 支付寶小程序踩坑
因工作需要,研究了一下支付寶小程序。官方開發文檔還不完善,很多用法找不到。因用的人少,網上教程幾乎沒有。 無法獲取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