原创 Vue中v-model的數據雙向綁定
<template> <div id="app"> <div id="example-5"> <select v-model="selected"> <option disabled value>
2020-06-21 10:10:57
3
原创 marquee標籤各種文字滾動
1.建立第一個滾動字幕。代碼： <marquee scrollAmount=2 width=300>文字滾動</marquee> 2.各參數詳解： a)scrollAmount。它表示速度，值越大速度越快。如果沒有它，默認爲6。
2020-06-21 10:10:57
5
原创 Vue項目腳手架搭建
安裝淘寶鏡像就是爲了快速的安裝npm包。（網速不好的建議使用） 全局安裝 npm install -g cnpm --registry=https://registry.npm.taobao.org 安裝腳手架 cnpm ins
2020-06-21 10:10:57
原创 js之動態的變換css屬性和隨機生成六位數字驗證碼
tab.click(function () { $(this).addClass("active"); $(this).siblings().removeClass("active"); }); .active{ b
2020-06-21 10:10:56
1
原创 html 鼠標樣式
<span style="cursor:pointer">手形</span> <span style="cursor:crosshair">十字</span> <span style="cursor:text" >文本光標</spa
2020-06-21 10:10:56
原创 JavaScript js 實現時間相減得到所需的時差
var date1= '2019-04-26 11:05:32'; //開始時間 var date2 = new Date(); //結束時間 var date3 = date2.
2020-06-21 10:10:56
1
原创 babel-loader和webpack版本不一致，導致項目啓動失敗
使用create-react-app腳手架創建好一個項目之後，我的項目名稱是my-react，在項目下使用npm start啓動程序，但是在這一步出現錯誤 意思是說用create-react-app創建項目的時候所用到的babel-lo
2020-06-21 10:10:54
原创 React 組件化 Todolist
1.先建立兩個js文件 1.App.js 2.Text.js 組件A （App.js） import React,{Component,Fragment} from 'react'; import Text from './Te
2020-06-21 10:10:54
原创 table表格裏面的數量豎向相加
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
2020-06-21 10:10:54
原创 Vue底部導航icon圖標或圖標切換功能實現
功能需求：底部導航切換頁面，同時切換圖片。底部爲公共組件 通過click點擊事件獲取下標來進行類名動態切換圖標。這裏之所以使用v-show，因爲底部導航要進行頻繁的切換。 <template> <footer class="f
2020-06-21 10:10:54
原创 React腳手架搭建項目
準備東西 Node 環境安裝 （安裝最新的Node） npm 或 yarn 查看版本 node -v（版本至少超過6） npm -v（版本至少超過3） 全局安裝react腳手架命令 npm instal
2020-06-21 10:10:54
原创 JQ--Tab效果切換
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-06-21 10:10:54
原创 html2canvas 把標籤合成爲canvas圖片
<style> #can{ background:red; height:200px; width:200px; text-align: center; line-height:200px; }
2020-05-25 11:43:23
1
原创 jQ -- 整合radio選中樣式改變並擁js控制選中
//css樣式 input[type="radio"]+label::before { content: "\a0"; display: inline-block; vertical-align: middle;
2020-05-25 11:43:23
原创 Vue keep-alive的作用
最常見的的場景： 從 列表頁-->詳情頁，詳情頁 --> 列表頁。我們希望，從 詳情頁 -->返回 列表頁 的時候頁面的狀態是緩存，不用重新請求數據，提升用戶體驗。 keep-alive 是 Vue 內置的一個組件，可以使被包含的
2020-05-25 11:43:23