原创 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 篇原創