原创 win10 系統插上網線沒網問題

我的本本,系統自動更新後,插上網線,顯示沒網,嘗試了很久,發現在 控制面板和設置裏面都把ip設爲自動 纔可以,至於什麼原理我也不知道,ipv4..... 不知道爲什麼 控制面板裏面的ip和設置裏面的ip竟然不一致,有網之後刷新一下,兩個地

原创 input的回車事件

1,input使用回車,進入下一個輸入框,最後完成確認按鈕的點擊 <input type="text" value={optItem.tScore} placeholder={'<=' + optIte

原创 input標籤的使用

1,僅輸入數字,禁止輸入負號等符號. <input id='scoreinput' type="tep" value='' placeholder='請輸入分數' /> <script type="text/

原创 canvas繪圖

在react項目中使用canvas繪圖,在原有圖片上繪製批閱痕跡, 支持撤回功能,保留前面的繪圖痕跡,在繪製完畢後合成一張新的圖片, pic可以隨便找一張圖片 import React, { Component } from 'reac

原创 h5 pc端拍照

react腳手架下pc端拍照功能 import React, { Component } from 'react'; import "./index.less"; var mediaStreamTrack; //拍照 class Aud

原创 H5 pc端錄音功能

項目是基於creat-react-app框架的, 點擊錄音按鈕時,彈出錄音框,實現開始錄音,錄音試聽,確認本次錄音,將本次錄音內容傳遞給第二個audio標籤 import React, { Component } from 'react

原创 react項目實現圖片截圖並上傳oss

 使用 Create-React-App 腳手架創建antd開發,並引入react-cropper.js,將生成的截圖上傳至oss npm install --save react-cropper 在項目中引入 import Crop

原创 h5頁面 判斷是在微信打開還是在瀏覽器打開

// isweixin function is_weixin(){ var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMess

原创 將str地址轉爲對象 和對象轉爲地址的方法

function search2Obj(str){ str = str || ''; str = str.indexOf('?') > -1 ? str.slice(str.indexOf('?') +

原创 快速搭建成熟的react項目

想要搭建react首先要安裝node和npm. 1,建立一個名字爲react的文件夾 2,在此文件夾下 輸入命令  npm init 生成package.json文件,此時的package.json中只有基礎配置,想要項目運行還需要配

原创 window.onscroll兼容瀏覽器

爲窗口添加滾動條事件其實很簡單 就是window.onscroll=function() 但是在獲取滾動條距離的時候要做到兼容 document.documentElement.scrollTop----->獲取當前頁面滾動條的縱座標位置

原创 window.onload的使用方法

window.onload是在頁面加載完之後再加載的,程序是從上往下執行的,如果你不加window.onload.它會先執行<script></script>中的部分再執行body裏面的 1,以一個簡單延時提示框爲例子:  代碼如下:<!

原创 js實現表格隔行變色和鼠標移入高亮

代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> </style>

原创 js實現li排序

js實現對li的排序 實質上是實現對數組的排序,先獲取li數組,在定義一個真正的arr數組,遍歷li數組,把li的每一個元素賦給arr(因爲li不是真正意義上的數組,不能直接使用sort方法,用arr替換li,就可以用sort方法了)。然

原创 簡單js實現選項卡

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>選項卡</title><style type="text/css">*{margin: 0