原创 React頁面登錄之後返回之前瀏覽頁面
路由配置 <Route path='/Login(/:router)' component={Login}/>//匹配 /Login,/Login/detail/100 在登錄頁面代碼 //驗證如果路由中存在router將跳回到指定頁面
原创 webApp常用樣式
-webkit-overflow-scrolling : touch; DIV滾動仿瀏覽回彈 設置滾動條寬度 ::-webkit-scrollbar { width: 5px; height: 5px; } 清除最小字體
原创 JavaScript給url網址進行encode編碼,使用encodeURIComponent即可
JavaScript給url網址進行encode編碼,使用encodeURIComponent即可 var myUrl = 'http://www.baidu.com'; var myOtherUrl ="http://www.aaa.c
原创 react 生命調期詳解
生命週期 1、componentWillMount()2、componentDidmount()3、ShouldComponetUpdate()4、componentWillReceiveProps( nextProps)5、compo
原创 React 基礎優化方式
PureRenderMixin優化 React最基礎的優化方式是使用PrueRenderMixin 安裝 npm install react-addons-pure-render-minin --save 然後在組件中引用 imp
原创 webpack 路由文件懶加載
export default [{ path: '/', component: App, children: [{ path: '', component: r => require
原创 前端項目開發流程
當前分爲以下四個階段 第一階段 庫/框架選型(暫定react) 第二階段 簡單構建優化 NPM管理包 node+webpack打包 第三階段 JS、CSS模塊化開發 第四階段 組件化開發 開發過程當中
原创 javascript 六種繼承方式
1原型鏈2 借用構造函數3組合繼承4原型式繼承5寄生式繼承6寄生組合式繼承 注:prototype1 每個函數都有一個prototype的對象屬性,對象內有一個constructor屬性,默認指向函數本身2每個對象都有一個__proto_
原创 babel-polyfill 配置支持IE版本
方法一 import 'babel-polyfill';//這樣在入口文件中引入將增大文件大小 方法二這樣引入將減少文件大小 在.babelrc文件添加 { "presets": [ "es2015", "react" ], "plu
原创 JS獲取DOM的高度包括Padding margin border
<div id="center"></div> var dom=document.getElementById('center'); var marginTop=getStyle(dom,'marginTop'); alert(par
原创 Vue書寫風格
1組件名爲多個單詞(除根組件外) 好處:這樣做可以避免跟現有以及未來HTML元素相沖突,所有的HTML元素名稱都是 單個單詞例:Vue.component(‘the-header’,{//...})export default{na
原创 vue directives bind 參數中的el binding
當前只針對vue2 directives: { loadMore: { bind: (el, binding) => { bindin
原创 H5項目常見問題及注意事項
H5項目常見問題及注意事項 Meta基礎知識: H5頁面窗口自動調整到設備寬度,並禁止用戶縮放頁面//一、HTML頁面結構 <meta name="viewport" content="width=device-width,initi
原创 create-react-app antd mobx 以及按需加載
1 antd安裝與配置2 antd按需加載3 mobx配置 1安裝antdnpm install antd --save在項目中2 antd按需加載安裝第三方依賴npm install babel-plugin-import --save
原创 深入理解vuex
創建一個基本的vuex流程 1、在項目中新建一個文件夾store 用來存入vuex創建的所有文件 文件夾中包函以下幾塊 文件名稱 描述 store.js 定義初始變量,以及導出方法 如exprot default new