原创 事件冒泡原理(阻止事件冒泡完整案例)
事件冒泡:子集觸發事件同時也會觸發父集的事件,又觸發父集的父集,層層遞進觸發就形成了事件冒泡。 方法1 e.stopPropagation(); 方法2 //如果提供了事件對象,則這是一個非IE瀏覽器
原创 css補漏水。
a 標籤屬性 a:active{color:red} // 鼠標左鍵點擊不放顯示紅色。 a:link //鏈接樣式顏色 a:visited
原创 echarts 拖拽後tooltip錯位了,完美解決。
在tooltip中添加。 position:function(pos, params, dom, rect, size){ var top = $(".BMap_mask").
原创 React get傳值
此處用到的url模塊,當然方法有很多,也可以用其他方法。 1.列表頁 <Link to={`/getdata?uid=${item.uid}`}>{item.name}</Link> 完整案例 傳輸值頁面 import Rea
原创 React循環的倆種方式
此處用的map循環, 有人會問爲什麼用map不用forEach,那你就的去看看Es6裏面這倆中循環的新特性了。 循環1 import React from 'react'; class Cty extends React.Comp
原创 React配置less
基於create-react-app 創建的項目。 暴露webpack npm run eject 安裝less npm install less-loader less 3.配置less 把你的webpack.
原创 css添加背景透明度,
如果直接在css中添加opacity 整個頁面的透明度都會變,後來借鑑到網上案例, 通過僞元素來添加完美解決。 .home { height: 800px; display: flex; flex-direction:
原创 js更改返回數據鍵名--超級簡單。
有個學生問我怎樣更改返回數據鍵名,今天爲他寫個deom! // 後端給你的數據鍵名是這樣的 var data = [ {count:335, goods:'小球'}, {coun
原创 React 請求數據 axios、fetchJSONP
axios 1.安裝 axios模塊 npm install axios --save 1 2.引用 哪裏使用引哪裏 import axios from 'axios' 1 3.使用 import React, {Compo
原创 React綁定事件,處理函數this的幾種方法
本文分三種方法, 第一種方法:(推薦) getData =() => { alert(this.state.name) } <button onClick = {this.getData}>獲取數據
原创 React路由(模塊化)
1.安裝路由 npm install react-router-dom --save app.js引入路由 import { BrowserRouter as Router, Route, Link } from “react
原创 React父子組件傳值props && PropTypes &&defaultProps
父子組件:組件的相互調用中,我們把調用者稱爲父組件,被調用者稱爲子組件 父子組件(react父子組件通信): 父組件給子組件傳值 1.在調用子組件的時候定義一個屬性, 2.子組件裏面 this.props.msg 父組件不僅能和子
原创 React 路由傳值
1.列表頁 // 字符串模板拼接, <Link to={`/plumis/${item.uid}`}>{item.name}</Link> import React, {Component} from 'react'; imp
原创 html rem自適應移動端
隨着窗口的大小來改變字體大小。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conten
原创 前端如何防範外來攻擊
一、XSS(Cross Site Scripting)跨站JS腳本攻擊,如何防範? 針對接口進行 XSS攻擊,即把js腳本或者帶惡意js腳本的html標籤,作爲GET或者POST參數提交到服務器,然後服務器解釋並響應,在響應結果