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