原创 JS操作數組和字符串常用的幾種方法總結
字符串的操作 length 獲取字符串的長度 charAt(0) 獲取字符串下標爲0的字符 indexOf() 查找字符串首次出現的位置 找不到返回-1 lastIndexOf 查找最後出現的位置 substring 截取字符串
原创 簡單的幾種數組去重方法
第一種方法 <script type="text/javascript"> var arr=[1,2,3,4,5,1,2,3]; var newarr=[ ] ;//定義一個空數組 for(var i=0;
原创 React實現todolist效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
原创 前端頁面的優化問題
一 網絡加載類 減少 HTTP 資源請求次數,建議儘可能合併靜態資源圖片、JavaScript 或 CSS 代碼,減少頁面請求數和資源請求消耗,這樣可以縮短頁面首次訪問的用戶等待時間。 將 CSS 或 JavaScript 放到
原创 react調用百度api獲取地理位置和導航
第一步 先引入百度api <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=81wpaEGlBjPM4KBAER0jkpg6QlI
原创 前端防抖和節流
<body style="height: 3000px"> <p>hello world</p> <script> window.addEventListener("scroll", () => {
原创 多餘文字隱藏用省略號代替
一,多行文字隱藏用省略號代替 border:1px solid #ddd; width: 200px; word-break: break-all; text-overflow: ellipsis; display: -webki
原创 Ajax請求接口並將數據返回到頁面
<script> $(function(){ $.ajax({ type: "post", //接口地址
原创 點擊盒子外任意位置關閉當前盒子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ wid
原创 css寫波浪線
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .dash-l
原创 react生成二維碼
var QRCode = require('qrcode.react'); <QRCode className={styles.ewm} value={'http://47.92.88.214:8685/#/regist
原创 react使用過濾器解碼url地址欄傳遞過來的參數
componentDidMount(){ var dz = this.filter(this.props.history.location.search) if(dz){ /
原创 react處理富文本
渲染富文本 dangerouslySetInnerHTML={{ __html: data.n_message ? data.n_message.replace(/\/ueditor/g, APIHost + '/uedito
原创 react截取地址欄的id並請求接口
//初始化請求 componentWillMount() { const { location } = this.props; const parse = queryString.
原创 react輸入框的搜索
<input placeholder='請輸入您想要的商品' onKeyDown={(v) => this.searchFunc(v)} /> async searchFunc(v) { v