原创 Vue基於“依賴收集”的響應式原理

轉載自知乎用戶: 前端榮耀 - 李斌 https://zhuanlan.zhihu.com/p/29318017 每當問到VueJS響應式原理,大家可能都會脫口而出“Vue通過Object.defineProperty方法把data對象

原创 CSS Modules 用法教程

作者: 阮一峯 日期: 2016年6月10日 學過網頁開發就會知道,CSS 不能算編程語言,只是網頁樣式的一種描述方法。 爲了讓 CSS 也能適用軟件工程方法,程序員想了各種辦法,讓它變得像一門編程語言。從最早的Less、SASS,到後來

原创 Javascript實現冒泡排序與快速排序以及對快速排序的性能優化

冒泡排序 介紹 重複遍歷要排序的元素列,依次比較兩個相鄰的元素,前一個元素若比後一個元素大則互換位置。以升序排序爲例,最大的元素會在第一次遍歷後“冒泡”到數組的末端。假如數組長度爲n,在n-1次遍歷後可完成排序。 實現 let arr

原创 ES6 -- Set,reduce特性計算html中的標籤類型數以及各標籤的數量

let tags = document.querySelectorAll('*') let tagNames = Array.from(tags).map(tag => tag.tagName) // tag的類型數 console.

原创 簡單實現vue中的依賴收集與響應

開始 聲明一個對象man,可以視爲vue中的data let man = { height: 180, weight: 70, wealth: 100000000 } 添加Observer 作用在於將參數對象的屬性變爲響應

原创 Object.defineProperty使用小記

本來想實現下vue的源碼,結果剛開始就踩了個坑,記錄下。 let obj = { name: 'Han' } Object.defineProperty(obj, 'name', { get() { return o

原创 html中如何引用webpack編譯出來的js中的變量

js代碼: class H_Vue { constructor(obj) { } } html代碼: <body> <script> window.onload = () => { let a

原创 使用editorconfig配置你的編輯器

摘要:   在團隊開發中,統一的代碼格式是必要的。但是不同開發人員使用的編輯工具可能不同,這樣就造成代碼的differ。今天給大家分享一個很好的方法來使不同的編輯器保持一樣的風格。   不同的編輯器也有設置代碼風格的,例如我們前端人員最喜

原创 webpack編譯裝飾器報錯問題

Error: The ‘decorators’ plugin requires a ‘decoratorsBeforeExport’ option, whose value must be a boolean. If you are mi

原创 React項目中熱加載

第一步 配置webpack-dev-server config.devServer = { contentBase: path.resolve(__dirname, '../../dist'), host: 'local

原创 cross-env設置NODE_ENV

1. 什麼是cross-env呢? 它是運行跨平臺設置和使用環境變量的腳本。 2. 它的作用是啥? 當我們使用 NODE_ENV = production 來設置環境變量的時候,大多數windows命令會提示將會阻塞或者異常,或者,win

原创 Linux端口占用,nodejs 監聽80端口,Error: listen EADDRINUSE

linux服務器啓動node監聽80端口遇到以下錯誤 Error: listen EADDRINUSE 端口被佔用了 查看80端口占用情況sudo netstat -apn | grep 80 結果爲 tcp        0   0 0

原创 Nginx反向代理 & 設置二級域名 (CentOS)

反向代理 1. 找到nginx.conf文件    路徑:/usr/local/nginx/conf 2. 修改。 server {         listen       80;         server_name  XXX.c

原创 vue $emit子組件傳出多個參數,如何在父組件中在接收所有參數的同時添加自定義參數

前言 很多時候用$emit攜帶參數傳出事件,並且又需要在父組件中使用自定義參數時,這時我們就無法接受到子組件傳出的參數了。 找到了兩種方法可以同時添加自定義參數的方法。 方法一 子組件傳出單個參數時: // 子組件 this.$emi

原创 centos添加全局變量

今天重裝了服務器上的系統,由ubuntu16.04換成了centos7.4,在裝完nginx後,執行下面命令時: nginx -t nginx -s reload 報錯:nginx不是命令,無奈只能使用 /usr/local/nginx