原创 Vue 不能檢測到對象屬性的添加或刪除

1、劃重點了:Vue 不能檢測到對象屬性的添加或刪除 官網——深入響應式原理(https://cn.vuejs.org/v2/guide...)中介紹到:受現代 JavaScript 的限制 (以及廢棄 Object.observe),V

原创 CommonJS,AMD,CMD和ES6的模塊

在JavaScript中,模塊是把實現某個特定功能的代碼放在一起幷包裝,實現解耦和複用。 在ES6之前,ECMA Script並不包含模塊的概念,自然也沒有模塊語法,但的確有一些通用的模式來創建模塊,比較流行的就是CommonJS,AMD

原创 TypeScript---- 類型斷言

類型斷言有兩種形式。 其一是“尖括號”語法: let someValue: any = "this is a string"; let strLength: number = (<string>someValue).length;

原创 TypeScript 數據類型——枚舉 (Enum)

如 TypeScript 官方文檔所說,枚舉類型是對 JavaScript 標準數據類型集的擴充。對於熟悉 C# 的開發者來說,枚舉類型並不陌生,它能夠給一系列數值集合提供友好的名稱,也就是說枚舉表示的是一個命名元素的集合,因而它能夠使您

原创 性能分析webpack-bundle-analyzer

webpack插件的github地址是: https://github.com/webpack-contrib/webpack-bundle-analyzer/ 安裝 npm install --save-dev webpack-bun

原创 React Hook Forwarding Refs父組件調用子組件方法

const Father = () => { const NcRef = useRef() NcRef.current.changeVisible(false) //在這裏調用了子組件的setVisible方法 ret

原创 Antd Table 整行樣式

<Table                     columns={item.columns.map((col, index) => {                       return {                 

原创 Vue 之 Mixins (混入)

Mixins Mixins是一種分發Vue組件中可複用功能的非常靈活的一種方式。 什麼時候使用Mixins 1. 頁面的風格不用,但是執行的方法和需要的數據類似,我們是選擇每個都寫呢還是提取出公共部分呢? 基礎實例 我們有一對不同的

原创 react全局監聽路由變化

關於WithRouter 作用:把不是通過路由切換過來的組件中,將react-router 的 history、location、match 三個對象傳入props對象上 介紹一個簡單應用 通過withRouter將三個屬性傳入組件的pr

原创 webpack環境變量配置

步驟一:運行跨平臺設置和使用環境變量的腳本 windows不支持NODE_ENV=development的設置方式 當您使用NODE_ENV =production, 來設置環境變量時,大多數Windows命令提示將會阻塞(報錯)。

原创 安裝tnpm

npm i -g npminstall --registry=http://registry.npm.alibaba-inc.com npminstall -g tnpm --registry=http://registry.npm.a

原创 JavaScript 高性能數組去重

一、測試模版 數組去重是一個老生常談的問題,網上流傳着有各種各樣的解法 爲了測試這些解法的性能,我寫了一個測試模版,用來計算數組去重的耗時 // distinct.js let arr1 = Array.from(new Array

原创 antd+table+switch

一、 {             title: '狀態',             dataIndex: 'is_enable',             key: 'is_enable',             render: (t

原创 Eslint 入門

原文鏈接:https://www.jianshu.com/p/ad1e46faaea2 目標 學習完本教程希望對下面這個 .eslintrc.js 文件能夠做到心裏有數。 // .eslin

原创 React router 路由跳轉、傳參

原文鏈接:https://www.jianshu.com/p/7ad7ab2745af 1、路由的跳轉 一、DOM跳轉 在需要跳轉的頁面導入import {Link} from 'react-r