原创 事件冒泡原理(阻止事件冒泡完整案例)

事件冒泡:子集觸發事件同時也會觸發父集的事件,又觸發父集的父集,層層遞進觸發就形成了事件冒泡。 方法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參數提交到服務器,然後服務器解釋並響應,在響應結果