原创 在線查看OFFICE文件

https://view.officeapps.live.com/op/view.aspx?src=你地址

原创 VUE及watcher原理(簡單版)

核心方法:Object.defineProperty 設計模式:數據劫持,監聽者模式 上源碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name=

原创 VUE插件製作併發布到NPM

一,創建VUE項目(精簡版)       vue init webpack-simple '插件名稱' 創建完畢後,創建插件,在SRC下建立lib 文件莢,在lib內建立index.js及index.vue,目錄結構如下圖 index.

原创 react-router5 學習使用記錄

  一,目錄結構 二,index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App fro

原创 vue常用插件記錄

1,上拉加載更多 vue-infinite-loading 2,本地服務啓動 live-server   3,編輯器 vue-quill-editor  

原创 vue render中jsx使用記錄

export default { name:"rendertest", props:{ msg:{ type:String, default:'這是默認值'

原创 vue import動態引入

1,動態引入組件 components: { importdata:()=>import(/* webpackChunkName: "importdata" */'./importdata.vue'), flowBu

原创 redux學習記錄

1,action:一組對象,通過TYPE屬性決定要做什麼 2,reducer 收到action後,要做的事,純函數 import React from "react"; import ReactDOM from "react-dom";

原创 VUE WATCH監聽對象新舊值一樣的處理辦法

data:{ haoroomsObj:{ haoroomstestinner:{ a: '我是haorooms資源庫', b: '我是haorooms博客'

原创 js判斷是否是數組,變量是否存在

let arr = [1] //方法一:isPrototypeOf() 函數 : 用於指示對象是否存在於一個對象的原型鏈中。 console.log(Array.prototype.isPrototypeOf(arr))

原创 js in 與 hasOwnProperty的區別

in判斷的是對象的所有屬性,包括對象實例及其原型的屬性   hasOwnProperty判斷一個對象是否有名稱的屬性或對象,此方法無法檢查該對象的原型鏈中是否具有該屬性,該屬性必須是對象本身的一個成員   function aa()

原创 create-react-app中使用redux,react-redux

1,index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import { createStore

原创 webpack4使用babel

1,安裝babel cnpm install --save-dev babel-loader babel-core babel-preset-env 要注意,babel-loader要降級爲7.1.5,否則打包報錯, 2,安裝插件bab

原创 npm重新安裝node_modules方法

1. 安裝rimraf : cnpm install rimraf -g 2. 執行: rimraf node_modules  刪除文件莢  3. 清空緩存: npm cache clean --force 4. 重新安裝淘寶鏡像: n

原创 VUE對路由分別設置keep-alive

1,路由添加meta { path: '/flowListCard', name: 'flowListCard', component: () => import('../views/flowListCard.v