原创 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服務器下載並安裝別人編