原创 【node】將Object內容寫入到文件中,並獲取的技巧

前言:接到這麼一個需求,需要將每個模塊exports出來的對象拼接成一個新的對象,並寫入到一個新的js文件中。   一、準備工作 1、在nodeTest文件夾下創建3個js文件 └─ nodeTest ├─── obj1.js

原创 【Vue】如何巧妙使用computed

前言:watch是個很實用的屬性。不但可以用來監聽form標籤值的變化,還可以用來監聽對象屬性的變化。   一、案例一 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Ty

原创 【jquery源碼四】jQuery對象原型下的方法

前言:通過上篇文章已經知道了,jQuery實例對象中的大量方法很多都是通過$.fn.extend()去進行擴展出來的,但是jQuery下還是有些方法寫在上面的,這些方法的作用是相對重要的,而且不會經常需要修改、優化,或者刪除的方法。現在來

原创 【性能優化】瀏覽器加載,解析,渲染過程(在不考慮http協議、緩存、網絡等情況下)

前言:要優化瀏覽器性能就要先去了解瀏覽器加載解析頁面的過程。(這裏並沒有去考慮http協議,緩存,網絡等相關因素,這裏就只單純考慮html,css,js,圖片加載解析過程)。   一、瀏覽器加載,解析,渲染過程。 先看一個例子 <!DO

原创 【JavaScript】巧妙使用sort方法將數組內的對象進行排序

前言:在之前寫過一篇【JavaScript】數組的sort方法排序原理詳解。   sort排序方法實現很巧妙,運用也可以很巧妙,不但可以進行數組數字之間進行排序,還可以將數組內的對象進行排序。   一、將數組內的對象進行排序 var p

原创 【ES6】兩個例子明白箭頭函數this指向

前言:es6箭頭函數沒出現之前,this的指向不是函數被創建時綁定,而是被怎麼樣的方式調用時綁定的。而箭頭函數剛好相反,箭頭函數的this指向是函數被創建時綁定的,它的指向就是當前詞法作用域中的this,並且不會因爲被怎麼樣的方式調用改變

原创 【Vue】四種父組件與子組件雙向數據綁定的方法

前言:見多了父組件向子組件傳遞數據,子組件向父組件傳遞數據,現在來玩玩父組件與子組件之間雙向數據綁定,還有通過.sync修飾符,來優化這種寫法。   方法一:對象的引用關係 <body> <script src="https://cdn

原创 node.js處理前端提交的GET請求

這篇文章主要爲大家詳細介紹了node.js處理前端提交的GET請求,具有一定的參考價值,感興趣的小夥伴們可以參考一下 前言:AJAX的盛行,使得瀏覽器與服務器之間的交互越來越強大,我們需要通過 HTTP 通信,並從

原创 【css】探究font-size、文本實際高度、line-height之間的關係

前言:當我們給一個元素設置font-size之後,會發現該元素也會被加上一個line-height,而且該line-height的高度跟font-size並不一致,那麼它們之間到底有什麼關係呢?   一、基礎表現 ①、Chrome瀏覽器“

原创 【JavaScript】全面分析數據類型之間的隱式轉換和大小比較

前言:ECMAScript是鬆散數據類型,也就是說數據類型之間存在着隱式轉換。這種隱式轉換有利也有弊,我們不需要像java,c等強類型語言那樣去強制轉換類型後再去執行不同數據類型之間的操作;但我們也要時刻注意 隱式轉換帶來的陷阱。 一、隱