原创 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