原创 React 全局路由守衛

// components / PrivateRoute / index.jsx import React from 'react' import { Route, withRouter } from 'react-router-

原创 React 小功能

react 解析標籤 showhtml = htmlString => { var html = { __html: htmlString }; return <div dangerouslySe

原创 React From 表單

import React, { PureComponent } from 'react'; import './styles.less'; import { connect } from 'react-redux' import

原创 怎麼啓動本地服務

方法一: Node內置模塊http 的使用 var http = require('http') http.createServer(function(req, res){ res.writeHead(200, { 'Con

原创 React 記錄滾動位置

componentDidMount() { // 滾動 const div = document.querySelector('.index_Content') div.addEv

原创 React 頁面請求axios的時候的loading效果

// 通過 reducer 中的變量控制 true, false 初始的時候爲true, 頁面刷新 (有loading效果) true axios 加載的時候 (有loading效果)true axios 加載完畢 (沒有lo

原创 React 瀑布流

import React from 'react' import Masonry from 'masonry-layout' import InfiniteScroll from 'react-infinite-scroller'

原创 Vue開發結合element-ui的一些常見問題

解決 console.log 報錯問題 // 在package.json 裏面 寫入 "eslintConfig": { "root": true, "env": { "node": true

原创 vue項目中使用Vuex(詳細教程)

vuex 什麼是vuex Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。 可以理解爲我們項目中需要共享的一些數據,我們把它集中管理起來的容器。把這些數據稱爲狀態。比如一個用戶的用戶名,性別,權限級別等等。 是否一

原创 transition,transfrom,animation

推薦一個自定義動畫效果的網站: css3 Keyframes Transition 語法: transition: property duration timing-function delay; 定義和用法 transi

原创 React 圖片懶加載

// 相關鏈接 https://www.npmjs.com/package/react-lazyload import React from 'react' import { Card } from 'antd'; import

原创 React 改變底部樣式

import React, { PureComponent } from 'react'; import './styles.less'; import { renderRoutes } from 'react-router-co

原创 React 數據持久化 store.js

// 刷新頁面的時候 持久化的數據有重新存儲到 reducer中 import { createStore, combineReducers, compose, applyMiddleware } from 'redux' imp

原创 項目中常用的CSS樣式

CSS 樣式 多行顯示點點點 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display

原创 前端開發者不得不知道的多個常用的網站,因爲這幾個網站我成了別人眼中的巨佬

1. npm NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種: - 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用 - 允許用戶從NPM服務器下載並安裝別人編