原创 Antd V4 使用iconType創建Icon,可動態設置iconType

  後臺數據庫存的icon type是antd v4的icon image.png 前端頁面應該如何使用顯示icon呢 解決辦法如下   import React from "react"; import * as Icon fr

原创 next.js 引入antd

yarn add @zeit/next-css antd babel-plugin-import 根目錄新建 .babelrc { "presets": [ "next/babel" ], "p

原创 vs code 前端必備插件

1、主題色:Panda Theme 2、react :Simple React Snippets 3、vue:Vue 2 Snippets 4、本地服務:Live Server   1、JSONView  json數據格式化 2、Reac

原创 react-thunk中間件

react-thunk作用:使我們可以在action中返回函數,而不是隻能返回一個對象。然後我們可以在函數中做很多事情,比如發送異步的ajax請求。(vue中action不需要在引入插件)   這就是react-thunk的使用方法。接

原创 react Fragment

React 中常見模式是爲一個組件返回多個元素。爲了包裹多個元素你肯定寫過很多的 div 和 span,進行不必要的嵌套,無形中增加了瀏覽器的渲染壓力。 版本15 15以前,render 函數的返回必須有一個根節點,否則報錯,爲滿足這一原

原创 react-transition-group動畫庫

這次用react-transition-group做一個togglebutton控制div顯示和隱藏的例子,首先我們需要安裝react-transition-group,輸入: npm install react-transition-

原创 React.memo()

目錄 包裝函數 PureComponent React.memo() React.memo() 與Redux 其他 參考 包裝函數 React v16.6.0出了一些新的包裝函數(wrapped functions),一種用於函數組件Pu

原创 react vscode 工具

  Simple React Snippets

原创 Git忽略規則(.gitignore配置)不生效原因和解決

解決方法:git清除本地緩存(改變成未track狀態),然後再提交: git rm -r --cached . git add . it commit -m 'update .gitignore'  

原创 jsonview google插件

下載jsonview git  clone https://github.com/gildas-lormeau/JSONView-for-Chrome   點擊擴展程序 加載已解壓的擴展程序 安裝之後查看json文件就很方便了

原创 微信小程序內引入echart中國地圖

1、下載echart官方demo 2、找到上述 Demo 源碼的目錄 `ec-canvas`,將此文件夾複製到小程序的根目錄下,然後對應的頁面下的 json 文件中引入,如下圖       【注意】複製目錄`ec-canvas`是爲了便

原创 vue移動端添加路由動畫

<template> <div id="app" > <transition :name="transitionName" > <router-view class="appView"></router-view

原创 應用react-keeper

在vue中有個很好用的組件<keep-alive>,但是在react中官方卻沒有提供,可以使用react-keeper插件來實現 項目實踐 使用React-Keeper還是要慎重,react-keeper加上會出現兩個問題:1.狀態緩存了

原创 2019一個猿的年底總結

明天就是全面實現小康社會的一天了,趁熱總結一下今年的收穫吧: 1、19年初的時候終於從工作了一年半的遊戲公司離職了,不再搞 cocos creater 和 facebook 遊戲那一套了,可惜了之前的一百多微信小程序了,迴歸專注搞web僞

原创 vue 項目

1、基於 Vue.js 的做 PPT 的框架 https://github.com/zulko/eagle.js/ 點贊 收藏 分享 文章舉報 勝天一子半 發佈了117 篇原創